Expert Full Stack Developer Guide: Building a New Project from Scratch

🚀 Join our FREE live class and dive into the exciting journey of creating a project from the scratch, even if you're new to coding!

In this class, we'll walk you through the process step-by-step:

🌐 Research on GitHub and Google: Discover how to find and utilize projects from GitHub. We'll guide you through adding new features, like a visitor counter, all while keeping things interactive.

🧠 Using AI to Learn Concepts: Witness the power of AI in simplifying complex coding concepts, making it easier for you to understand and apply as we embark on interactive tasks.

🔍 Google for Debugging: Learn how to use Google for effective troubleshooting as we tackle any issues that arise in real-time during our interactive tasks.

💡 Understanding If-Else Statements: We'll explain the concept of if-else statements in a way that's easy to grasp. We'll compare them in different programming languages like C and JavaScript and make it interactive and fun.

All of this will be hands-on and interactive, ensuring that you not only understand but also apply what you learn as you build your project.

Chapters

00:00 - Intro

00:09 - Recap for the last class

00:33 - Table Of Contents

01:30 - A day in the life of full stack developer

03:11 - Figma design for the react typescript blog

05:45 - Google Search : How to build a Blog website in react and typescript

06:31 - Search Github for the project

11:51 - Visit codespaces for development work

14:11 - Install juniorit.ai assistant extension

14:55 - Copy the project from GitHub

17:20 - Installing dependencies

20:18 - run the project

22:54 - Edit the project

36:34 - Change the picture

38:42 - What is a counter

40:21 - Program counter in CPU

42:50 - Add Visitor Counter

48:34 - Interactive tasks page

50:52 - First Interactive task ( if-else in C )

55:36 - Second Interactive task ( if-else in Javascript )

1:00:18 - Third Interactive task ( translation to assembly instructions)

1:03:36 - Identify bug in visitor counter

1:06:07 - Debugging +2 error

1:08:20 - Google Search : Why use effect run two times in react.js when refreshing the page

1:13:04 - Save Changes to git

1:13:35 - Create a GitHub Token

1:16:41 - Delete remote origin

1:19:47 - Ask AI : Give me some basic git commands

1:21:48 - Create a GitHub Repo

1:23:54 - Update license

1:27:53 - Summary

Our belief is simple: the best way to learn is by working on projects that solve real-world problems. Join our FREE classes and be part of this engaging learning journey!



🔗 *Join our Discord Community for Updates and Resources:*
juniorit.ai/discord


Don't miss out on this chance to improve your coding skills and become a better developer. Subscribe, hit the notification bell, and be part of our live class!

👍 If you find this video helpful, please like, share, and subscribe for more educational c