Learn the essentials of HTML, CSS, JavaScript, and logical problem-solving skills. Build a solid foundation to confidently tackle Frontend and Backend development. We recommend starting with a 6-week guided course (2 sessions/week) to build up momentum, before opting for more flexible self-paced schedule.

1.0 Introduction
Start with the fundamentals of the Internet. Learn how websites operate, explore the differences between front-end and back-end stacks, and career paths

1.1 Variables
Start with the basics of programming, covering fundamental concepts such as variables, data types, and simple operations. This module sets the foundation for more complex topics by ensuring a solid understanding of core principles.

1.2 Basic Control Structures
Learn about control structures including conditional statements (if-else) and loops (for, while). These are essential for directing the flow of your code and making decisions based on input or conditions.

1.3 Functions and Scope
Dive into the concept of functions, how to define and call them, and understand scope and closures. Functions help in organizing code into reusable blocks, making your programs modular and manageable.

1.4 Introduction to Arrays
Discover how to use arrays to store multiple values in one variable. Master creating, accessing, and manipulating arrays, and perform essential operations like adding, removing, and updating elements.

1.5 Introduction to Objects
Understand the basics of objects, which allow you to store collections of data and functions in a structured way. Learn how to create and manipulate objects to model real-world entities in your code.

1.6 DOM Manipulation
Understand how to manipulate Document Object Model (DOM) and modify HTML and CSS from JavaScript to create dynamic and interactive web pages.

1.7 Classes
Learn about classes in object-oriented programming (OOP), including how to define classes, create objects, and use inheritance. This module will help you structure your code efficiently and manage complex data interactions.

1.8 Advanced ES6 and Beyond
This module covers modern syntax and new functionalities such as arrow functions, template literals, destructuring, and more, enabling you to write cleaner and more efficient code.

1.9 Asynchronous Code and APIs
Understand the principles of asynchronous programming, including callbacks, promises, and async/await. Learn how to work with APIs to fetch data and integrate external services into your applications.

1.10 Clean Code
Understand the essentials of clean code, such as code order, guard clauses, and the DRY principle, for writing maintainable code. Put these concepts into practice with the Color Game project, focusing on creating modular and reusable code structures.

1.11 Git & GitHub
Learn version control with Git and GitHub. Understand how to track changes, collaborate with others, and manage your codebase efficiently. This module is essential for modern software development practices.

1.12 Bootstrap
Get introduced to Bootstrap, a popular front-end framework. Learn how to use its components and grid system to build responsive and visually appealing web pages quickly.

1.13 Coding Challenges
Test your skills with various coding challenges. This module includes a capstone project of your choice, allowing you to apply what you've learned in a comprehensive, real-world scenario.

1.14 Project Work: Capstone Project
Conclude your learning journey with a capstone project. This final project integrates all the concepts and skills you've acquired, demonstrating your ability to build and deploy a complete application from scratch.

Master Frontend applications using React and Bootstrap. Choose between guided lessons or a self-paced learning approach to suit your needs.

2.0 Development Environment Setup
Covers all the necessary steps to set up your development environment. Ensure your tools and dependencies are correctly installed to start coding efficiently.

2.1 React Basics
Introduction to React and its advantages for building user interfaces. By the end, you will have created a basic React application, understanding core concepts.

2.2 Understanding React Props
Learn about 'props' in React, which allow components to share data. This module includes practical examples to solidify your understanding.

2.3 Managing State with useState
A comprehensive dive into useState, a React hook for managing state within components. Learn how to update and manage component state effectively.

2.4 Global State with useContext
Explore useContext, a React hook for managing and accessing global data across components. Understand its importance in handling state at a higher level.

2.5 Navigation with React Router
Introduction to React Router for managing navigation within your React applications. Learn how to implement routing to create multi-page apps.

2.6 Conditional Rendering in React
Learn how to display components based on certain conditions or states. This module covers different techniques for implementing conditional rendering.

2.7 useEffect for API Calls
Understand how to use the useEffect hook to perform side effects like fetching data from APIs. Learn the best practices for integrating external data into your app.

2.8 Clean Up with useEffect
Continue with useEffect, focusing on cleaning up resources to avoid memory leaks. Learn how to manage side effects efficiently in your components.

2.9 DOM Manipulation with useRef
Discover how to use useRef for directly interacting with DOM elements. Learn practical applications and techniques for using this powerful hook.

2.10 State Management with Redux
Introduction to Redux, a popular state management library for React. Learn how to manage complex state across your application efficiently.

2.11 Building an Instagram Clone - Part 1
Start building an Instagram clone using your React and Redux skills. This module covers the setup and initial development of the application.

2.12 Enhancing Your Instagram Clone - Part 2
Continue developing your Instagram clone, adding more advanced features and refining the application. Apply what you've learned in a comprehensive project.

2.13 Front-End Skills Assessment
Evaluate your proficiency in front-end technologies like React and Redux. This assessment will help identify areas for improvement and solidify your skills.

2.14 capstone Project & Presentation Skills
Conclude your Frontend learning journey with a capstone project built completely from scratch. Learn how to present your front-end projects effectively. This module focuses on improving your presentation and explanation skills, essential for showcasing your work

Learn to build robust backend servers, create APIs, and manage databases. Ensure your data integrates smoothly with Frontend apps. Choose between guided lessons or a self-paced learning approach to suit your needs.

3.1 Understanding APIs
Learn what APIs are and their role in web development. Understand how APIs enable software components to communicate.

3.2 Express.js Fundamentals
Learn to set up servers with Express.js, including routing and handling web requests. Gain a solid foundation in building and managing server-side applications.

3.3 Advanced Express.js
Explore advanced topics in Express.js, such as middleware and error handling. Enhance your skills to create robust and scalable server applications.

3.4 Secure Data with JSON Web Token
Learn about JSON Web Token (JWT) for secure data sharing in user authentication. Implement JWT for enhanced application security.

3.5 Building a Mediu Clone: Part 1
Start creating a basic API for a Medium-like app, focusing on managing databases with SQL and ERD. This project will help you grasp the practical aspects of backend development.

3.6 Enhancing Twitter Clone: Authentication
Add an authentication page to your Twitter clone and connect it to your API. You'll learn how to manage user logins and secure your application.

3.7 Twitter Clone Profile Page
Build a profile page that displays user posts, connected to your Twitter API. This module focuses on integrating frontend and backend to display dynamic user content.

3.8 Adding Likes to Twitter Clone
Upgrade your Twitter clone to handle 'likes' on posts, enhancing user interaction. You'll implement features that allow users to engage with content, making your app more interactive.

3.9 Firebase Authentication
Introduction to Firebase Auth for user login via methods like email, Google, and Facebook. This module covers setting up and managing user authentication with Firebase.

3.10 Firebase Storage Essentials
Introduction to Firebase Storage for saving files such as images and videos. This module teaches you how to manage media files within your applications.

3.11 Website Hosting
Learn how to deploy websites and manage domain names for live applications. You'll understand the steps to make your web projects available to users on the internet.

3.12 Comprehensive Final Assessment
A final test covering all course topics, from APIs to databases, to evaluate your overall understanding. This assessment ensures you have mastered the essential skills needed for backend development.

Complete a full stack project from scratch to showcase your hirable skills to employers. Learn how to craft an impressive CV, apply for jobs effectively, and excel in interviews.

4.1 Capstone Project Overview
Kick off your final Capstone project with a detailed briefing on its objectives and scope. Understand what is expected from you and plan accordingly.

4.2 Project Management Essentials
Master essential project management skills, including planning and organizing tasks. Learn how to effectively manage your time and resources to complete your Capstone project.

4.3 Collaborative Pair Work
Get teamwork experience and improve problem-solving abilities by working in pairs on the Capstone project. Experience the benefits of collaborative coding and shared project development.

4.4 Building a Professional Portfolio
Create a compelling portfolio to showcase your projects and skills to potential employers. Learn how to present your work in a professional and attractive manner.

4.5 Presentation Skills & Mock Interviews
Enhance your technical presentation skills and prepare for job interviews with mock sessions. Build confidence and improve your communication for real-world applications.

4.6 Algorithm Tests & Final Presentation
Demonstrate your understanding of algorithms through tests and present your final Capstone project. Showcase your knowledge and skills to complete your course with confidence.