Frontend Web Development: In-Depth Project Tutorial (HTML, CSS, JavaScript, TypeScript, React)

Frontend Web Development: In-Depth Project Tutorial (HTML, CSS, JavaScript, TypeScript, React)

freeCodeCamp.org via freeCodeCamp Direct link

⌨️ Introduction, resources, and prerequisites

1 of 13

1 of 13

⌨️ Introduction, resources, and prerequisites

Class Central Classrooms beta

YouTube playlists curated by Class Central.

Classroom Contents

Frontend Web Development: In-Depth Project Tutorial (HTML, CSS, JavaScript, TypeScript, React)

Automatically move to the next video in the Classroom when playback concludes

  1. 1 ⌨️ Introduction, resources, and prerequisites
  2. 2 ⌨️ Project setup and VSCode extensions
  3. 3 ⌨️ Build the UI with HTML and CSS
  4. 4 ⌨️ Add JavaScript interactivity to the project
  5. 5 ⌨️ Introduction to the MVC pattern
  6. 6 ⌨️ Refactoring app with TypeScript
  7. 7 ⌨️ Setting up TypeScript from scratch, what are benefits?
  8. 8 ⌨️ Start of refactor from Vanilla JavaScript to TypeScript
  9. 9 ⌨️ Why should you refactor your app to React?
  10. 10 ⌨️ The many ways to set up a React app
  11. 11 ⌨️ Setting up React from scratch
  12. 12 ⌨️ Initializing TypeScript in a React app from scratch
  13. 13 ⌨️ Refactoring vanilla app to React app

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.