Workshop Frontend Web Development 2023

• Slides

Resources

• Roadmap Frontend
• Roadmap Backend

Internet

• "How the Internet Works" playlist by Code.org
• "What is DNS?" by Cloudflare

HTML/CSS/JS

• "Responsive Web Design" course on freeCodeCamp
• "A Complete Guide to Flexbox" on CSS-Tricks
• "A Complete Guide to Grid" on CSS-Tricks
• "CSS Diner" - Learn CSS Selectors
• "The Modern JavaScript Tutorial"

Version Control Systems (VCS)

• "Version Control (Git)" by MIT Missing Semester (the whole Missing Semester series is also great)

JavaScript Frameworks

• React - Quick Start
• Vue - Introduction

Project

Obrigado por compareceres ao workshop! Abaixo tens algumas ideias daquilo que podes fazer como projeto:

• Tenta recriar o teu site favorito (ou a sua homepage, por exemplo). Não precisas de fazer a página interativa, mas tenta fazer um design semelhante.
  Exemplos: Google, YouTube, Netflix, GitHub, etc.

  Não tenhas medo de dar asas à tua criatividade e aprender coisas novas!

• Se já estiveres confortável com JavaScript, podes tentar aprender um framework novo, como React ou Vue. A documentação do React tem um tutorial que te vai ensinar, passo a passo, como fazer um jogo do galo. Podes pegar nesse tutorial e aprender este novo framework! Como desafio, completa as 6 ideias extras no final do tutorial por ti mesmo.