Full Stack Course | Build & Deploy 4 Projects And Get Hired
Published 2/2025
MP4 | Video: h264, 1920x1080 | Audio: AAC, 44.1 KHz
Language: English | Size: 17.33 GB | Duration: 15h 16m
Published 2/2025
MP4 | Video: h264, 1920x1080 | Audio: AAC, 44.1 KHz
Language: English | Size: 17.33 GB | Duration: 15h 16m
Master Full Stack Development, Build Real-World Apps, and Launch a Job-Ready Web Portfolio.
What you'll learn
Build a Job-Ready Web Portfolio – Create and deploy a stunning portfolio that showcases your skills to employers.
Master Full Stack Development – Learn ReactJS, NextJS, Firebase, Stripe, and more by building real-world apps.
Gain the Skills to Build Your Own Projects – Learn how to take an idea and turn it into a fully functional, beautifully designed web app.
Develop Job-Ready Coding Skills – Write clean, scalable code and structure full stack projects like a pro.
Requirements
Basic HTML, CSS & JavaScript – You should be comfortable with fundamental web development concepts.
Basic knowledge of the ReactJS and NextJS frameworks is recommended.
No prior experience with Full Stack development, Firebase, or Stripe is required! We’ll guide you through everything step by step.
Description
Ready to become a full stack developer and land a job?This hands-on course takes you from frontend basics to full stack mastery, all while building four real-world projects that will make your portfolio stand out. Whether you're brushing up on skills or starting fresh, you'll gain practical experience with modern technologies like ReactJS, NextJS, Firebase, Stripe, and FantaCSS—everything you need to be an effective full stack developer.By the end of this course, you won’t just know full stack development—you’ll have a fully deployed, professional portfolio that proves your skills and gets you hired.What You'll Build:Project 1: A Personal Web Portfolio (HTML, CSS & JavaScript) – Your professional online presence, fully responsive and polished.Project 2: A Workout Planner (ReactJS & FantaCSS) – A dynamic fitness app with state management and a sleek UI.Project 3: A Full Stack E-Commerce Store (NextJS, Stripe & FantaCSS) – A real online store with secure payments.Project 4: A Full Stack Expense Tracker (NextJS, Firebase & FantaCSS) – A real-time subscription tracker with authentication.Each project is designed to be job-ready, fully deployed to the internet, and perfect for showcasing in your portfolio.Who Is This Course For?Aspiring full stack developers who want hands-on experience with modern tech.Frontend developers looking to break into full stack development.Self-taught coders who need real-world, portfolio-ready projects.Job seekers looking to create a strong web portfolio that stands out.What You’ll Learn:Build a Job-Ready Web Portfolio – Impress employers with a live, polished portfolio.Master Full Stack Development – Learn ReactJS, NextJS, Firebase, Stripe & more.Gain the Skills to Build Your Own Projects – Turn ideas into fully functional web apps.Develop Job-Ready Coding Skills – Write clean, scalable, and production-ready code.Why Learn From Me?Hey, I’m James, and I’ve helped 500,000+ people learn to code. I know what it takes to get hired as a developer, and this course is designed to equip you with the skills, projects, and confidence to land a job in tech.Let’s build some epic projects, launch your personal brand, and get you hired as a full stack developer.
Overview
Section 1: Introduction
Lecture 1 Introduction
Section 2: Chapter 1 - The Web Portfolio (HTML CSS & JavaScript)
Lecture 2 Chapter 1.0 - Init Web Portfolio
Lecture 3 Chapter 1.1 - Portfolio Main Content
Lecture 4 Chapter 1.2 - Style Web Portfolio
Lecture 5 Chapter 1.3 - Add JavaScript to Web Portfolio
Section 3: Chapter 2 - The Brogram (ReactJS & FantaCSS)
Lecture 6 Chapter 2.0 - Intro
Lecture 7 Chapter 2.1 - Init Brogram
Lecture 8 Chapter 2.2 - Create Componentry
Lecture 9 Chapter 2.3 - The Workout Grid
Lecture 10 Chapter 2.4 - The Workout Card
Lecture 11 Chapter 2.5 - The Modal Overlay
Lecture 12 Chapter 2.6 - Styling and CSS
Lecture 13 Chapter 2.7.1 - Adding Interactivity
Lecture 14 Chapter 2.7.2 - Adding Interactivity and Deployment
Section 4: Chapter 3 - The Ecommerce Store (NextJS Stripe & FantaCSS)
Lecture 15 Chapter 3.0 - Intro
Lecture 16 Chapter 3.1 - Init Smolstore
Lecture 17 Chapter 3.2 - Layout, Error and 404 Pages
Lecture 18 Chapter 3.3 - First Components and Styles
Lecture 19 Chapter 3.4 - Products Display
Lecture 20 Chapter 3.5 - Products Styles
Lecture 21 Chapter 3.6 - Product Modal Overlay
Lecture 22 Chapter 3.7 - Init Stripe and Fetch Products
Lecture 23 Chapter 3.8 - Global Context
Lecture 24 Chapter 3.9 - Add Items to Cart
Lecture 25 Chapter 3.10 - Build and Style Cart Page
Lecture 26 Chapter 3.11 - Create Stripe Checkout
Lecture 27 Chapter 3.12 - Deploy on AWS
Section 5: Chapter 4 - The Subscription Tracker (NextJS FantaCSS & Firebase)
Lecture 28 Chapter 4.0 - Intro
Lecture 29 Chapter 4.1 - Init Expenny
Lecture 30 Chapter 4.2 - Layout and Login
Lecture 31 Chapter 4.3 - Styling Layout and Login
Lecture 32 Chapter 4.4 - Build and Style Hero Section
Lecture 33 Chapter 4.5 - Build Dashboard
Lecture 34 Chapter 4.6 - Complete and Style Dashboard
Lecture 35 Chapter 4.7 - Login and Input Forms
Lecture 36 Chapter 4.8 - Init Firebase and Context
Lecture 37 Chapter 4.9 - Auth, Database and Final Deployment
Lecture 38 Chapter 4.10 - Final Project Deployment and End of Course Summary
Aspiring full stack developers who want hands-on experience with modern tech.,Frontend developers looking to break into full stack development.,Self-taught coders who need modern, real-world, portfolio projects.,Future software developers looking to create a strong web portfolio that stands out.,Junior software developers looking to advance their programming knowledge and full stack development skills.