Software Development

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

In this frontend internet improvement undertaking tutorial, you’ll enhance your expertise with HTML, CSS, JavaScript, TypeScript, & React. This video is a “sequel” to the Frontend Developer Bootcamp video we posted by the identical creator. Nevertheless, so long as you may have a fundamental understanding of HTML, CSS, and JavaScript, you can begin with this tutorial.

Thank you for reading this post, don't forget to subscribe!

🎥 Web Development Bootcamp:

✏️ Created by @zachgoll

Part 1: Construct a Tic Tac Toe recreation with Vanilla HTML/CSS/JS
Part 2: Refactor that recreation to make use of an MVC sample and discover why this sample is useful
Part 3: Refactor the sport to TypeScript, studying how you can setup TypeScript from scratch and why it’s helpful
Part 4: Refactor the sport to React + TypeScript, explaining how you can setup React from scratch and exploring why React is helpful and what issues it solves over a Vanilla strategy

💻 Code:

🔗 Put up referenced within the course:
🔗 One other put up referenced:

⭐️ Chapters⭐️
⌨️ (0:00:00) Introduction, sources, and conditions
⌨️ (0:07:50) Project setup and VSCode extensions
⌨️ (0:19:29) Construct the UI with HTML and CSS
⌨️ (1:14:20) Add JavaScript interactivity to the undertaking
⌨️ (3:01:19) Introduction to the MVC sample
⌨️ (5:51:56) Refactoring app with TypeScript
⌨️ (5:54:46) Establishing TypeScript from scratch, what are advantages?
⌨️ (6:35:56) Begin of refactor from Vanilla JavaScript to TypeScript
⌨️ (7:52:25) Why must you refactor your app to React?
⌨️ (8:01:37) The various methods to arrange a React app
⌨️ (8:06:52) Establishing React from scratch
⌨️ (8:51:45) Initializing TypeScript in a React app from scratch
⌨️ (9:00:56) Refactoring vanilla app to React app

🎉 Due to our Champion and Sponsor supporters:
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Erdeniz Unvan
👾 Justin Hual
👾 Agustín Kussrow
👾 Otis Morgan

Study to code at no cost and get a developer job:

Learn lots of of articles on programming:


Comments are closed.