Become a Fullstack Developer from Scratch – Full Beginner’s Tutorial

Guys, I’m starting this tutorial from scratch today. Once I complete it and land a job, I’ll come back here to update and share my journey. For everyone learning alongside me – all the best! 🚀

I'm not skipping ads on this video to show support. 47 hours course for free? Madness.

Thanks for sharing our course, fCC! ❤ And best of luck to all the future fullstack devs here! YOU GOT THIS 🙌 If you want to go even deeper, you can check out the interactive expanded version of this course here: /fullstack-path-c0fullstack?via=scrimbafcc

Bro my youtube start lagging when I opened the video lol😂

This is so crazy. Getting things like this for free. You are Mad lads.

The interactive vibe here is awesome, reminds me of collaborating with friends using Olovka's tools. Makes studying fun!

This is how education should be!! Free for everyone. Thank you free code camp ❤

To the channel owner ONE DAY I'LL TEACH ON YOUR CHANNEL FOR FREE IM VERY ADAMANT ABOUT IT.. I want to return back to what you guys have given to me.. I will never forget you guys.. Please keep up the good work you guys literally have no idea how helpful your content is for those students who don't get guidance from their College and Unis 🙏🙏🙏🙏 YOU GUYS ARE THE BESTTTTT

My journey : 1:28 - HTML tags 4:50 - Write a news article! 6:58 - The <img> tag 11:57 - Nesting 14:47 - Internet Superpowers -> Change the BBC news! 19:47 - Join the Scrimba Community 23:21 - Buttons 25:25 - Input tags 30:24 - Let's build Google! 34:16 - Anchor tags 38:52 - Add an anchor tag to Google. 40:31 - Proper document structure

⭐ Contents ⭐ 00:00:00 Introduction 00:01:27 Html and CSS 01:04:19 Intro to CSS 02:21:01 Building a business card 03:32:02 Space exploration 04:17:21 Birthday website 05:22:25 Solo project hometown homepage 05:30:38 Build a counter app 06:46:17 Javascript challenges part 1 07:07:22 Git and Github basics 07:19:59 Build a blackjack game 10:15:19 Javascript challenges part 2 10:41:09 Build a Chrome extension 13:34:25 Javascript challenges part 3 14:00:48 Command line basics 14:46:27 Essential Git and Github skills 15:12:55 Advanced foundations 16:27:18 Methods and loops 17:41:43 Functions expressions and parameter 18:26:57 Asynchronous javascript and APIs 19:42:29 AI engineering fundamentals 21:19:42 Build a Node API 22:42:51 Build a fullstack Node app 24:52:41 Introduction to databases 25:13:25 Writing SQL queries 26:30:04 Static pages 28:48:33 Data driven 31:03:00 React state 36:17:02 Side effects 38:05:49 Capstone project 40:12:26 Typescript fundamentals 42:15:21 Typescript in React 43:06:47 Build a Next.js app 45:08:21 Rendering strategies and more (I just copied and pasted from the description (•_•))

I’ll come back in 3 months time to say I got a full stack role from IBM ❤ and thanks to this

So here my journey begins: Day 1: ☑ *HTML:* 1:28 - HTML tags 4:50 - Write a news article! 6:58 - The <img> tag 11:57 - Nesting 14:47 - Internet Superpowers -> Change the BBC news! 19:47 - Join the Scrimba Community 23:21 - Buttons 25:25 - Input tags 30:24 - Let's build Google! 34:16 - Anchor tags 38:52 - Add an anchor tag to Google. 40:31 - Proper document structure 46:16 - Lists 50:13 - Build a Personal Website Day 2: ☑ 58:59 - Deploy your personal website 1:02:15 - Recap *CSS:* 1:04:10 - Let's learn CSS 1:04:57 - Write your first lines of CSS! 1:09:15 - Write you first lines of CSS! - Solution 1:12:27 - Let's destroy wikipedia 1:14:24 - Link to the CSS file 1:17:04 - Set the width of the elements 1:19:12 - Inline vs block elements 1:21:29 - Margin top 1:22:45 - Divs rule the world Day 3: ☑ (Not feeling well still did little bit, keep pushing guys 💪) 1:24:49 - CSS Classes 1:28:46 - Learn margins via flags 1:34:43 - Add space between our elements 1:35:49 - Centering with margin Day 4: ☑ (No motivation at all guys 😥) 1:39:16 - Centering our Content 1:40:38 - Padding 1:46:00 - Border and border-radius Day 5: ☑ (Did nothing amazing just reviewed what i have did and took break) Day 6: ☑ (Felt amazing by building that twitter button and styling it) 1:51:10 - Aside challenge: Style Twitter Button 1:56:12 - Fix the Input field 2:00:58 - Center the button 2:03:18 - Style the button Day 7 & 8: Did nothing ❌ Day 9: ☑ 2:07:47 - Why we can't have two block-level buttons 2:12:16 - Flexbox - (the challenge he does isn't visible on screen so we have to do it ourselves to know what's actually happening, maybe some glitch in the matrix to make us practice.) 2:15:58 - Centering both buttons with flexbox 2:18:52 - Google Clone recap 2:21:00 - Building your digital business card 2:21:32 - Fix the image path 2:24:27 - More on Relative Paths 2:31:28 - Add alt attribute 2:35:57 - Make image smaller 2:37:12 - Add a border and padding 2:41:01 - Flexbox child container 2:44:42 - Flex item containers 2:46:22 - Add a utility class 2:49:35 - Justify the items 2:51:44 - Center the card

48 hours of tutorial in 1 video is insane

Just one last video before bed...

I completed courses in HTML, CSS, JavaScript, and React that I paid for, but I still didn’t feel confident enough to apply for jobs because I couldn’t build even a simple website on my own. I spent weeks on YouTube trying to understand, but nothing really connected with me. Then I came across this video that completely changed everything. After watching it for about an hour, I was so overwhelmed in a good way that I actually cried. It finally explained things in a way I truly understood, and I learned so much from it, for free. Right now, I’m building my resume because I finally feel ready.

I am on a journey to finish this course. Like this post to remind me of my goal. 14-11-2025 : 3:19:18 24-11-2025: 4:17:18 25-11-2025: 7:30:43 05-12-2025: 9:45:26 06-12-2025: 11:40:17 28-12-2025: 17:41:31 ( there is repeatition )

This will take 6 months not 48 hours. Understading, Memorizing and Practicing. You are learning not binge watching.

Phase 1: UI Foundations & Design (0:00:00 - 5:22:25) HTML & CSS Basics (0:01:27 - 1:04:19): Introduction to document structure, tags, and fundamental styling properties. Advanced CSS Styling (1:04:19 - 2:21:01): Mastering layout techniques, responsive design, and CSS architecture. The Business Card Project (2:21:01 - 3:32:02): A hands-on UI challenge focused on implementing professional-looking layouts. Space & Birthday Web Projects (3:32:02 - 5:22:25): Applying CSS and HTML to create custom, interactive, and visually engaging web pages. Phase 2: JavaScript Logic & Browser APIs (5:22:25 - 13:34:25) JavaScript Fundamentals (5:30:38 - 7:07:22): Variables, basic logic, and building a functional counter application. Version Control & Blackjack (7:07:22 - 10:15:19): Learning Git and GitHub workflow, followed by building an interactive game to practice conditional logic and DOM manipulation. Chrome Extension Development (10:41:09 - 13:34:25): Creating a browser-based productivity tool to understand browser APIs and manifest files. Phase 3: Back-End, APIs & AI (14:00:48 - 24:52:41) Advanced Foundations (14:00:48 - 18:26:57): Command-line proficiency, advanced Git workflows, ES6+ methods, and complex function expressions. Asynchronous Development (18:26:57 - 21:19:42): Handling APIs, Promises, and integrating modern AI engineering fundamentals using the OpenAI API. Server-Side Construction (21:19:42 - 24:52:41): Building a Node.js API and full-stack integration strategies. Phase 4: Modern Frameworks & Databases (24:52:41 - 47:29:21) Data Persistence (24:52:41 - 28:48:33): Mastering database architecture and writing robust SQL queries. React Core (28:48:33 - 38:05:49): Deep dive into React state, managing side effects, and architectural best practices for component-driven development. TypeScript & Full-Stack Scaling (40:12:26 - 47:29:21): Introducing TypeScript fundamentals within React, building enterprise-ready apps with Next.js, and mastering advanced rendering strategies.

Timestamps for personal use: 10/3/25 - 1:35:50 10/4/25 - 2:12:14 10/6/25 - 3:32:06 10/7/25 - 5:22:19 10/8/25 - 7:19:59 10/9/25 - 11:12:58 10/10/25 - 15:13:28 10/11/25 - 18:01:24 (hit by life stuff, will be slow from now on but will be continuing) 10/14/25 - 18:13:32 10/16/25 - 18:51:54 10/24/25 - 19:23:23

I'm starting this course today (11 November 2025) Let's see how many days it will take to finish this course : ) DAY - 1 00:01:29 - Html tags 00:04:50 - Write a news article 00:06:58 - The <img> tag 00:11:57 - Nesting 00:14:47 - Internet Superpowers -> Change the BBC news! 00:19:47 - Join the Scrimba Community 00:23:21 - Buttons 00:25:25 - Input tags 00:30:24 - Let's build Google! 00:34:16 - Anchor tags 00:38:52 - Add an anchor tag to Google. 00:40:31 - Proper document structure 00:46:16 - Lists 00:50:13 - Build a Personal Website 00:59:00 - Deploy your Personal Website 01:02:15 - Recap DAY - 2 01:04:10 - Let's learn CSS 01:04:57 - Write your first lines of CSS 01:09:15 - Write your first lines of CSS! - Solution 01:12:28 - Let's destroy Wikipedia! 01:14:25 - Link to the CSS file 01:17:04 - changing Google(html) with CSS 01:29:04 - Learn margins (learned things for Google) 02:20:47 - Recap for CSS basics DAY - 3 02:21:00 - Building digital business card 03:30:00 - Recap for digital business card DAY - 4 03:32:01 - Let's go to the SPACE! 04:15:54 - Recap of Space Exploration site 04:17:20 - Let's build a Birthday gift site 05:21:01 - Recap for Birthday gift site DAY - 5 05:22:19 - It's time to go SOLO! DAY - 6 Kinda BUSY!!! DAY - 7 05:29:41 - Welcome to Javascript Fundamentals 05:30:35 - Let's build a passenger counter app! DAY - 8 (continuation of passenger counter app) 06:43:06 - Recap of Counter APP DAY - 9 06:46:24 - Challenges of JavaScript DAY - 10 07:03:08 - Solo Project 07:07:22 - Git and Github basics DAY - 11 07:20:10 - Let's build a Blackjack Game 10:11:33 - Recap DAY - 12 10:15:34 - Challenges DAY - 13 10:38:39 - Solo Project (Password Generator) DAY - 14 10:41:30 - Let's build a Chrome Extension DAY - 15 13:25:25 - Recap of Chrome Extension DAY - 16 13:59:20 - Solo Project Unit Converter I was kindaa busyy...but from today im going to continue with this course DAY - 17 14:01:16 - Welcome to tools of the trade I was on the loooonnnnggggg vacation...let it be let's continue this DAY - 18 14:02:03 - Command line basics 14:47:00 - Github Desktop 15:05:47 - SSH and GPG keys DAY - 19 15:13:30 - Advanced JS Foundations 15-14-50 - Ternery Operator 15:25:47 - Switch Statement 15:31:22 - Object Destructuring 15:36:31 - setTimeOut 15:41:17 - The Event Loop 15:50:53 - Import Export 15:59:00 - Contructors 16:06:58 - Pre-increament 16:08:50 - Numeric Separator and BigInt 16:12:18 - Hoisting 16:16:43 - Super Challenge DAY - 20 16:19:46 - Super Challenge Solution 16:26:48 - Repeated Advanced JS Foundations 17:42:27 - Function Expressions and Parameter Intro DAY - 21 17:43:15 - Arrow Function 17:49:00 - Arrow Function Challenge 17:59:07 - Default Parameters 18:01:22 - The Rest Parameter 18:06:49 - The Rest Parameter Challenge