Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

freeCodeCamp

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

via freeCodeCamp

Start learning Write review
Corporate Finance Institute Ad

Learn Excel and Financial Modeling the Way Finance Teams Actually Use Them

Learn More → Coursera Ad

Learn AI, Data Science & Business — Earn Certificates That Get You Hired

Learn More →

Overview

Google, IBM & Meta Certificates – 40% Off
One Coursera Plus subscription covers most Professional Certificates on Coursera.
Unlock All Certificates
This project-based course teaches front-end web development by building an interface with HTML and CSS, adding JavaScript interactivity, and progressively refactoring the application with TypeScript and React.

Syllabus

⌨️ Introduction, resources, and prerequisites
⌨️ Project setup and VSCode extensions
⌨️ Build the UI with HTML and CSS
⌨️ Add JavaScript interactivity to the project
⌨️ Introduction to the MVC pattern
⌨️ Refactoring app with TypeScript
⌨️ Setting up TypeScript from scratch, what are benefits?
⌨️ Start of refactor from Vanilla JavaScript to TypeScript
⌨️ Why should you refactor your app to React?
⌨️ The many ways to set up a React app
⌨️ Setting up React from scratch
⌨️ Initializing TypeScript in a React app from scratch
⌨️ Refactoring vanilla app to React app

Taught by

freeCodeCamp.org

Reviews

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

Start learning

Never Stop Learning.

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

Sign up for free
Someone learning on their laptop while sitting on the floor.