HTML.md

Guió

• Emmet a PHPStorm: Trucs
• Xuleta emmet
• Explicació bàsica HTML
• Adaptat a com utilitzarem durant el curs:
  • Codi Vue -> Components Vue
  • Laravel Blade -> Plantilles HTML
  • ElectronJs?

Primer video Introducció

Segon vídeo:

• HTML modern: https://developers.google.com/web/fundamentals

Rendiment:

• App shell model: https://developers.google.com/web/fundamentals/architecture/app-shell
• UX principles: https://developers.google.com/web/fundamentals/design-and-ux/principles
• https://web.dev/

Terminologia

• Style guide i ajudes amb PHPStorm o similars
• HTML Elements
• HTML Attributes
• HTML styles i CSS
• Inline CSS
• Internal CSS
• External CSS
• HTML JavaScript
• HTML LAYOUTS: https://www.w3schools.com/html/html_layout.asp
• HTML5

Recursos

• Emmet: https://emmet.io/
• Emmet a PHPStorm: https://www.jetbrains.com/help/phpstorm/using-zen-coding-support.html

Webs

• https://www.w3schools.com/html/
• https://developers.google.com/web/fundamentals
• https://web.dev/