100xDevs Cohort 3.0 🚀 by Harkirat Singh. This repository contains lecture codes, lecture assignments, assignment solutions, links to notes/slides link, relevant articles/blogs link for each lecture, and a list of all topics covered in the class, organized lecture-wise to help you.
Write the following commands on your terminal to clone this repository, so that you can run this project locally.
git clone https://github.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops.gitThis repository contains a Collection of Codes, Lecture Assignments, Assignments Solutions, Notes\Slides Link and Some good videos & Articles/Llogs link and also all topics name which covered in class. If you are 100xDevs Cohort3 Student this will defenitely help you.
📌 Note: Click on the arrow sign to expand to see each topics in details with link.
Week 01 - Orientation, HTML/CSS/Basic JS
Topics Covered:HTML Basic - Tags, Attributes, title, body, div, span, h1-h6, b, i, u, br, a, center, img, input, button... & CSS Basic - inline css, external css, color, background-color, selectors, class, id, font-size, font-weigth, border, padding, margin, flexbox... & Build some part of VS Code Landing Page.
Topics Covered:JavaScript Basic - Interpreted, Compiled Time Language, Dynamically Typed, Single threaded, Multithreading, Garbage collector, JavaScript Synatx, Variables, var, let, const, datatypes, numer, string, boolean, operators, functions, if/else, loops, objects, arrays, array of objects, object of objects, problem solving and solved assignment problems.
Cohort 2 Warmup Videos
Topics Covered: VS Code Installation & HTML Basic - Tags, Attributes, Heading(h1-h6), div, span, title, body, head, p, img, a, input, button,b, br, center... & CSS Basic - Inline CSS, color, id, class, selector, color, background-color, font-size, font-weight, padding, margin, text-align, border, border-radius, box-shadow, float, flexbox & Build Some Part of Zerodha Landing Page.
Week 02 - Async JS
Topics Covered:Synchronous, Asynchronous Code, I/O heavy operations, fs Module, fs.readFile, fs.readFileSync, I/O bound tasks vs CPU bound tasks, Functional Arguments, Callbacks, setTimeout, Call Stack... & Solve Some Problems.
Topics Covered:Class and Object, Date & Map Class, Callback, setTimeOut, Promise Class, Creating promisified version of fs.readFile and Solve Some Problems.
Week 02 - Offline Videos
Topics Covered:Node.js Installation, Linux Command Basic and Advanced(cd, pwd, ls, touch, mkdir, rm, mv, cat, cp, chmod, echo, head, tail, |, wc, grep, history), Bash Scripting, Vim Editor, How to solve Assignment, Solve Basic CSS Assignment, VSCode Landing Page, Callback Hell, setTimeout(), async/await, Promisified Version of readFile using async/await and Solved Some Problems
- 💻 1. Bash and Terminals (Basics)
- 💻 2. Bash Advance (Laisha)
- 💻 3. Installing Node.js, How to solve an assignment
- 💻 4. Solving VSCode Assignment
- 💻 5. Callback hell, Rejects and async-await
- 📖 Notes/Slides & Articles/Blogs Link
- 📝 Lecture Assignment
- 🖥️ Assignment Solution
- 📒Cohort 3.0 - GitHub Assignment Repository Link
Week 03 - DOM
Topics Covered:What is DOM, Why DOM, Static HTML, Dynamic HTML, Fetching Elements(querySelector, querySelectorAll, getElementById, getElementByClassName, getElementsByClassName), Updating elements(Create Stop Watch), Deleting elements(removeChild), Adding elements(createElement, appendChild) and Build Simple Todo App.
Topics Covered:Complex DOM Manipulation, State Derived Frontends, State Derived Rendering, Component, State variable, render, and Build Simple Todo App with Add, Update and Delete Functionality.
Week 04 - Node.js and HTTP
Topics Covered:What is Node.js, V8 Engine, Bun JavaScript Runtime, Node.js Project, npm, chalk module, Internal and External Packages,package.json&package-lock.jsonfile & Solved Some Problems.
Topics Covered:HTTP Protocols, Request Response Model, Ports, Methods (GET, POST, PUT, DELETE), Response, Status Code, (2xx, 3xx, 4xx, 5xx), Body, Routes, Headers, Clients (Browser & Postman) and Created our First HTTP Server using Express.
Week 04 - Offline Videos
Topics Covered:What and Why express?, Create HTTP Server using Express, Request Methods(GET, POST, PUT, DELETE) Status Code(200, 404, 500, 411, 403), Create Hospital Game Backend. What and Why is Middleware? and Solved Some Problems.
Week 05
📚 Week 05
Topics Covered:Recap Last Week(Domain name/IP, Port, Methods, Plaintext vs JSON vs HTML response, Status Codes, Body, Routes, Express), Headers, Fetch API in the Browser, Axios, Query params, Creating our own HTTP Server using Express.
Topics Covered:What and Why Middlewares and How it works?, Route specific middlewares, Inline and Global Middlewares, Commonly used middlewares(express.json(),bodyParser.json()),CORS- Cross origin resource sharing, Why CORS? and Solved Some Problems.
Week 05 - Offline Videos
Topics Covered:Git & GitHub in details, Arrow Functions, map(), reduce(), fetch API, Axios Library, GET, POST, PUT, DELETE request and solved som problems.
Week 06
📚 Week 06
Topics Covered:What is authentication?, Auth workflow, Create an express app, Tokens and JWT (JSON Web tokens) based authentication, Tokens vs JWTs, Authorization header.
Topics Covered:Revision of Week 6.1, Auth Middleware, logger request, LocalStorage, Connecting Frontend with Backend for Auth App...
Week 07 - MongoDB
Topics Covered:What is authentication?, Auth workflow, Create an express app, Tokens and JWT (JSON Web tokens) based authentication, Tokens vs JWTs, Authorization header.
Topics Covered:
