Express Frontend 2

Mentor: Mukhammadyusuf Abdurakhimov

Kurs narxi:

Bepul

1. Internet va Web asoslari

Bu bo'limda siz bilan internet asoslari va HTML/CSS asoslarini o'rganib chiqamiz. Bo'lim so'ngida YCombinatorning HackerNews vebsaytini yasab ko'ramiz.
Internet nima? Qanday ishlaydi?
Ma'lumotlar qanday uzatiladi (HTTP, HTTPS)
Mijoz-server arxitekturasi va IDE
HTML Asoslari: Teglar va elementlar
HTMLda jadvallar bilan ishlaymiz
Formalar va Audio/Video Fayllar bilan ishlash
CSS Asoslari: Skeletga jon kirdi
DIV'ni o'rtaga qo'yamiz: Flex va Grid

2. Rookie: JavaScript Asoslari

Bu bo'limda siz bilan JavaScript dasturlash tili asoslari bilan tanishib chiqamiz. Ko'plab kurslarda JavaScriptga yaxshi urg'u berilmaydi. Aslida javaScript sizning hanjaringiz. Jangchi qurolini tana a'zosiday his qilmaguncha yaxshi jangchi emasdir.
JavaScriptga Kirish
O'zgaruvchilar va ma'lumotlar turlari
Matematika: Arifmetik va taqqoslash operatorlari
JavaScript'da Qarorlar va Tsikllar (if,for,while...)
Funksiyalar: sal quruqroq kod yozaylik
Obyektlar va massivlar

3. Murakkabroq JavaScript: Skelet bayram qiladi

Zamonaviy dasturlarda ishlatiladigan Event handling, Asynxronlik, Local Xotira va shunga o'xshash mavzularda gaplashamiz...
DOM'ni o'zgratiramiz
Event handling: Hodisalar bilan ishlash
Asinxron JavaScript: Aka va'da beraman
Error Handling: Xatoliklarni ushlaymiz
ES6+ Xususiyatlari: Shirinliklar
Fetch API haqida
Local Storage va Cookies: Xotiraga saqlaymiz

4. Modul Bundlerlar va Build Toollar: Sahna orti

Bu bo'limda sizlar bilan Webpack 5, orqali o'zingizning frontend tuzilmalaringizni yasab chiqishni ko'rib chiqamiz. va bundan tashqari Babel va JavaScript Transpilatsiyasi hamda dasturni Production uchun optimizatsiya qilishni o'rganamiz.
Modul Bundlerlar haqida
Webpackni o'rnatish va sozlamalar
Webpack orqali CSS va Rasmlarni yuklaymiz
Babel va Transpiling JavaScript
Plugin va Loaderlar
Optimizatsiya va Production Build

5. O'zingizning dasturingizni quring: React sizga kerakmi?

Bu bo'limda 0 dan bir loyihani qurib ko'ramiz va freymwork va librarylar nega kerakligini va ular aslida qanday ishlashini tushunib olasiz.
Project Setup
User Interfeys Dizayn
Interaktivlik qo'shamiz
User Input Handling
Testlash va Debugging

6. Kechasi uxlatmaydiganlari

Dasturimni qanday to'g'ri deploy qilaman? Nega sekin ishlayapti? Ish qilib havfsizmikin? CI/CD?? Innan keyinchi? qiziq savollarga javob olasiz.
Version Control (Git): Frontend(v42.17).zip
Deployment Strategiyalari (Hosting, CDNs)
Ishlashni optimallashtirish: Nega sekin?
PWA: Progrssiv Web Dasturlar