100xDevs Cohort3 WebDev and Devops
1.0.0
100xDevs Cohort 3.0 Web Dev + Devops 100xdevs Cohort 3.0 โดย Harkirat Singh พื้นที่เก็บข้อมูลนี้มี
live class/lecture codes, lecture assignments, assignment solutions, links to notes/slides link, some good relevant articles/blogs linkสำหรับการบรรยายแต่ละครั้งและรายการหัวข้อทั้งหมดที่ครอบคลุมในชั้นเรียนจัดงานบรรยายเพื่อช่วยคุณ
เขียนคำสั่งต่อไปนี้บนเทอร์มินัลของคุณเพื่อโคลนพื้นที่เก็บข้อมูลนี้เพื่อให้คุณสามารถเรียกใช้โครงการนี้ในพื้นที่
git clone https://github.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops.git - Note: คลิกที่เครื่องหมายลูกศรเพื่อขยายเพื่อดูแต่ละหัวข้อในรายละเอียดพร้อมลิงค์
Topics Covered:HTML BASIC- แท็ก, คุณลักษณะ, ชื่อ, Body, Div, Span, H1-H6, B, I, U, BR, A, ศูนย์, IMG, อินพุต, ปุ่ม ... & CSS BASIC- อินไลน์ CSS, CSS ภายนอก
Topics Covered:JavaScript BASIC - ตีความ, ภาษาเวลาที่รวบรวม, พิมพ์แบบไดนามิก, เกลียวเดี่ยว, มัลติเธรด, ตัวสะสมขยะ, JavaScript synatx, ตัวแปร, var, ปล่อย, const, ประเภทข้อมูล, ตัวเลข, สตริง, บูลีน, ตัวดำเนินการ, ฟังก์ชั่น
Topics Covered: VS การติดตั้งรหัส & HTML BASIC- แท็ ก, แอตทริบิวต์, หัวเรื่อง (H1-H6), Div, Span, ชื่อ, ร่างกาย, หัว, P, IMG, A, อินพุต, ปุ่ม, B, BR, ศูนย์กลาง ... Box-Shadow, Float, Flexbox & สร้างบางส่วนของ Zerodha Landing Page
Topics Covered:ซิงโครนัส, รหัสแบบอะซิงโครนัส, การดำเนินงานหนัก I/O, โมดูล FS, fs.readfile, fs.readfilesync, I/O งานที่ถูกผูกไว้กับงาน CPU ที่ถูกผูกไว้, อาร์กิวเมนต์การทำงาน, การโทรกลับ
Topics Covered:คลาสและวัตถุ, คลาสวันที่และแผนที่, การโทรกลับ, settimeout, คลาสสัญญา, การสร้าง Fs.ReadFile เวอร์ชันที่มีสัญญาและแก้ปัญหาบางอย่าง
Topics Covered:การติดตั้ง node.js, คำสั่ง Linux พื้นฐานและขั้นสูง (CD, PWD, LS, Touch, Mkdir, RM, MV, Cat, CP, Chmod, Echo, Head, Tail, |, WC, Grep, ประวัติ) ReadFile เวอร์ชันที่ได้รับการรับรองโดยใช้ async/รอและแก้ไขปัญหาบางอย่าง
Topics Covered:อะไรคือ DOM, ทำไม DOM, HTML แบบคงที่, HTML แบบไดนามิก, องค์ประกอบการดึงข้อมูล (querySelector, querySelectorall, getElementById, getElementByClassName, getElementsByClassName), การอัปเดตองค์ประกอบ
Topics Covered:การจัดการ DOM ที่ซับซ้อน, ส่วนที่ได้รับสถานะ, การเรนเดอร์ที่ได้มาจากสถานะ, องค์ประกอบ, ตัวแปรสถานะ, การแสดงผลและสร้างแอพที่ต้องทำอย่างง่ายด้วย ADD, UPDATE และลบฟังก์ชันการทำงาน
Topics Covered:Node.js, V8 Engine, Bun JavaScript Runtime, Project.js, NPM, โมดูลชอล์ก, แพ็คเกจภายในและภายนอก,package.json&package-lock.jsonและแก้ไขปัญหาบางอย่าง
Topics Covered:โปรโตคอล HTTP, รูปแบบการตอบสนองการร้องขอ, พอร์ต, วิธีการ (รับ, โพสต์, ใส่, ลบ), การตอบสนอง, รหัสสถานะ, (2xx, 3xx, 4xx, 5xx), ร่างกาย, เส้นทาง, ส่วนหัว, ลูกค้า (Browser & Postman) และสร้างเซิร์ฟเวอร์ HTTP แรกของเรา
Topics Covered:อะไรและทำไม Express?, สร้างเซิร์ฟเวอร์ HTTP โดยใช้ Express, วิธีการร้องขอ (รับ, โพสต์, ใส่, ลบ) รหัสสถานะ (200, 404, 500, 411, 403) สร้างแบ็กเอนด์เกมโรงพยาบาล มิดเดิลแวร์คืออะไรและทำไม? และแก้ไขปัญหาบางอย่าง
Topics Covered:สรุปเมื่อสัปดาห์ที่แล้ว (ชื่อโดเมน/IP, พอร์ต, วิธีการ, ข้อความธรรมดากับ JSON กับการตอบสนอง HTML, รหัสสถานะ, ร่างกาย, เส้นทาง, ด่วน), ส่วนหัว, ดึง API ในเบราว์เซอร์, Axios, พารามิเตอร์แบบสอบถาม, สร้างเซิร์ฟเวอร์ HTTP ของเราเองโดยใช้ Express
Topics Covered:อะไรและทำไม middlewares และวิธีการทำงาน?, เส้นทางกลางที่เฉพาะเจาะจง, Inline และ Global Middlewares, Middlewares ที่ใช้กันทั่วไป (express.json(),bodyParser.json()),CORS- การแบ่งปันทรัพยากรข้ามต้นกำเนิด และแก้ไขปัญหาบางอย่าง
Topics Covered:Git & GitHub ในรายละเอียดฟังก์ชั่นลูกศร, แผนที่ (), ลด (), Fetch API, Axios Library, Get, Post, Put, ลบคำขอและแก้ไขปัญหา SOM
Topics Covered:การรับรองความถูกต้องคืออะไร, Auth Workflow, สร้างแอพด่วน, โทเค็นและ JWT (JSON Web Tokens) การตรวจสอบสิทธิ์, โทเค็นกับ JWTS, ส่วนหัวการอนุญาต
Topics Covered:การแก้ไขสัปดาห์ที่ 6.1, มิดเดิลแวร์รับรองความถูกต้อง, คำขอ logger, localstorage, เชื่อมต่อส่วนหน้ากับแบ็กเอนด์สำหรับแอพรับรองความถูกต้อง ...
Topics Covered:jwt, auth, tokens, sign (), decode (), ตรวจสอบ () วิธีการจัดการข้อผิดพลาดโดยใช้การลอง/catch block, การตรวจสอบอินพุตโดยใช้ zod, การติดตั้ง mongoDB และแก้ไขปัญหาบางอย่าง
Topics Covered:การรับรองความถูกต้องคืออะไร, Auth Workflow, สร้างแอพด่วน, โทเค็นและ JWT (JSON Web Tokens) การตรวจสอบสิทธิ์, โทเค็นกับ JWTS, ส่วนหัวการอนุญาต
Topics Covered:สรุปของสัปดาห์ที่ 7.1, การแฮชคืออะไรและทำไม,,,, การเกลือ, อัลกอริทึม bcrypt, การจัดการข้อผิดพลาดโดยใช้ลองจับการตรวจสอบอินพุตโดยใช้ ZOD, ANS Solved Signin และจุดสิ้นสุดการลงทะเบียน
Topics Covered:สร้างแบ็กเอนด์บางส่วนของCourse Selling Appโครงสร้างไฟล์โครงการและสำรวจp5.js-web-editorGitHub Repository
Topics Covered:สร้างแบ็กเอนด์ที่สมบูรณ์ของCourse Selling App
Topics Covered:ฐานข้อมูลอะไรและทำไม MongoDB คืออะไรตัวอย่างที่ดีและสร้างแบ็กเอนด์ของCourse Selling Website
Topics Covered:อะไรและทำไมReactส่วนประกอบสถานะการแสดงซ้ำ JSX คืออะไร, useState, สร้างCounter-Appโดยใช้ 3 Diffenrnt Way 1. DOM, 2. สถานะและส่วนประกอบและ 3 ตอบโต้สร้างแอป TODO แบบง่าย
Topics Covered:การใช้และ hooks useeffect, การเรนเดอร์แบบมีเงื่อนไข, อุปกรณ์ประกอบฉาก, การทำความสะอาดใช้งาน, อาร์เรย์การพึ่งพา, การติดตั้ง, การปลด, การแสดงผล, สร้างแอพนับถอยหลัง ...
Topics Covered:สร้างโครงการ React ในเครื่องส่วนประกอบ, hooks (useState, useeffect), อาร์เรย์การพึ่งพา, ฟังก์ชั่นการทำความสะอาด, ดึงข้อมูลจาก API, RENDER, อุปกรณ์ประกอบฉาก, การแสดงสภาพตามเงื่อนไข ...
Topics Covered:เด็ก ๆ , รายการและคีย์, สไตล์อินไลน์, องค์ประกอบการใช้งานแบบคลาสกับคลาส, วิธีการตลอดชีวิต, ขอบเขตข้อผิดพลาด, ปฏิกิริยาตอบสนองและสร้างแอพขนาดเล็ก ...
Topics Covered:แอปพลิเคชันหน้าเดียวการกำหนดเส้นทาง (React-Router-DOM), เลย์เอาต์, USEREF HOOK, ทำไมเราต้องใช้ USEREF HOOK และสร้างนาฬิกาที่มีฟังก์ชั่นเริ่มต้นและหยุดโดยใช้ USEREF
Topics Covered:การเปิดตัวรัฐ, การแสดงซ้ำที่ไม่เหมาะสม, การเจาะ prop-drilling, บริบท API, recoils state management library ...
Topics Covered:hooks ที่กำหนดเอง - usecounter, usefetch, usefetch ด้วยการดึงข้อมูลใหม่, useprev, usedebounce ...
Topics Covered:บริบท API, การหดตัว (ห้องสมุดการจัดการสถานะ), Atom & Selectors ...
Topics Covered:การหดตัว (ห้องสมุดการจัดการสถานะ), Atom & Selectors ...
Topics Covered:การพิมพ์ (ตัวอักษร, น้ำหนักตัวอักษร, ขนาดตัวอักษร, นำ, การติดตาม), สี (RGB, HSL, ... ), อะไรและทำไม UI/UX, อินเทอร์เฟซผู้ใช้ (UI), ประสบการณ์ผู้ใช้ (UX), UI/Frontend Designing ...
Topics Covered:Reacp Week 12.1, UI/Frontend, การสร้างแบรนด์, สร้าง, เว็บไซต์ Vimal Pan Masala (Bolo Zubaan Kesari) ...
Topics Covered:เรียนรู้เกี่ยวกับTailwind CSSด้วย Vite, อะไรและทำไม Tailwind CSS สีพื้นหลังสีฟอนต์ข้อความชายแดนรัศมีรัศมี flexbox กริดและสร้างโครงการบางโครงการโดยใช้ React และ Tailwind ...
Topics Covered:เรียนรู้เกี่ยวกับแอนิเมชั่นใน Tailwind สร้างแถบด้านข้างและโครงการ ...
Topics Covered:เรียนรู้เกี่ยวกับสิ่งที่และทำไมTypeScript, JavaScript vs typeScript, typeScript Compiler, ไฟล์tsconfig.json, ประเภทข้อมูลพื้นฐาน, หมายเลข, สตริง, บูลีน, null, undefined, วัตถุ, Let, const, ฟังก์ชั่น, อินเทอร์เฟซ, ประเภท ...
Topics Covered:เรียนรู้เกี่ยวกับความแตกต่างระหว่างประเภทและอินเทอร์เฟซอาร์เรย์อาร์เรย์วัตถุยูเนี่ยนการแยกชั้นเรียนคลาสนามธรรมการสืบทอดขยายการใช้งาน VS แก้ปัญหาบางอย่างแก้ปัญหาบางอย่าง
