Full Stack Web Development for Beginners (Full Course on HTML, CSS, JavaScript, Node.js, MongoDB)

Channel:
United States freeCodeCamp.org
Subscribers:
10,700,000
Published on ● Video Link: https://www.youtube.com/watch?v=nu_pCVPKzTk


Duration: 7:29:12
1,042,572 views
30,542

Learn full-stack web development in this full course for beginners. First, you will learn the basics of HTML, CSS, and JavaScript. Then, you will learn how to put everything together to create a frontend movie search app. Finally, you will learn how to create a backend API to create movie reviews and connect the frontend to the backend. The backend uses Node.js, Express, and MongoDB.

๐Ÿ”— Get started with Replit: https://join.replit.com/web-students

โœ๏ธ Tomi Tokko and Beau Carnes developed this course.
Tomi's channel: https://www.youtube.com/CodeWithTomi
Beau's channel: https://www.youtube.com/zizyo

โญ๏ธ Code โญ๏ธ
JavaScript RPG Starter: https://replit.com/@BeauCarnes/JavaScript-RPG-Starter
JavaScript RPG Complete: https://replit.com/@BeauCarnes/JavaScript-RPG

Frontend Movie App (and starter for connecting to backend): https://replit.com/@TomiTokko/MoviesApp
Live demo of frontend app: https://moviesapp.tomitokko.repl.co/

Backend Reviews API: https://replit.com/@BeauCarnes/review-backend
Frontend connected to backend: https://replit.com/@BeauCarnes/htmlfrontend

๐Ÿ— Replit provided a grant to make this course possible.

โญ๏ธ Course Contents โญ๏ธ
โŒจ๏ธ (0:00:00) Introduction
โŒจ๏ธ (0:02:42) Learn HTML
โŒจ๏ธ (1:26:27) Learn CSS
โŒจ๏ธ (3:15:49) Learn JavaScript
โŒจ๏ธ (4:52:01) Create Frontend Movie App
โŒจ๏ธ (5:44:04) Create Backend Reviews API
โŒจ๏ธ (6:49:32) Connect Frontend with Backend

๐ŸŽ‰ Thanks to our Champion and Sponsor supporters:
๐Ÿ‘พ Nattira Maneerat
๐Ÿ‘พ Heather Wcislo
๐Ÿ‘พ Serhiy Kalinets
๐Ÿ‘พ Erdeniz Unvan
๐Ÿ‘พ Justin Hual
๐Ÿ‘พ Agustรญn Kussrow
๐Ÿ‘พ Otis Morgan

--

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news



Other Videos By freeCodeCamp.org


2022-12-05Learn Python GUI Development for Desktop โ€“ PySide6 and Qt Tutorial
2022-11-30MATLAB Crash Course for Beginners
2022-11-28Django REST Framework Course โ€“ Build Web APIs with Python
2022-11-22Python & PyGame Tutorial โ€“ Code a Duck Hunt Game
2022-11-17How to Make a WordPress Blog and Website โ€“ Tutorial for Beginners 2022
2022-11-15React State Management โ€“ Intermediate JavaScript Course
2022-11-10Learn TypeScript โ€“ Full Tutorial
2022-11-09Command Line Hacking โ€“ Over The Wire Bandit Walkthrough (CTF Wargame)
2022-11-08Microservice Architecture and System Design with Python & Kubernetes โ€“ Full Course
2022-11-02Microsoft 365 Fundamentals Certification (MS-900) โ€” Full Course Pass the Exam!
2022-11-01Full Stack Web Development for Beginners (Full Course on HTML, CSS, JavaScript, Node.js, MongoDB)
2022-10-27Learn Kotlin Programming โ€“ Full Course for Beginners
2022-10-26Graph Algorithms Crash Course (with Java)
2022-10-24Web Monetization API Tutorial โ€“ How to Add Microtransactions to a Website
2022-10-20Flutter Course โ€“ Build Full Stack Google Docs Clone
2022-10-19Harvard CS50 โ€“ Full Computer Science University Course
2022-10-17Learn Svelte โ€“ Full Course for Beginners
2022-10-12Docker Containers and Kubernetes Fundamentals โ€“ Full Hands-On Course
2022-10-11Build a Webshop โ€“ Angular, Node.js, TypeScript, Stripe
2022-10-06PyTorch for Deep Learning & Machine Learning โ€“ Full Course
2022-10-05Stack Data Structure Tutorial โ€“ Solve Coding Challenges