FrontEnd (HTML CSS)
1. Salom FrontEnd
 Mentor va ushbu kursda nimalar o’qitilishi haqida qisqacha malumot
 Veb saytning tuzilishi
 HTML, CSS va JavaScript nima? Ularning farqlari
 FrontEnd dasturchi kimlar bilan ishlaydi
2. HTML bilan tanishish
 Tag nima? HTML hujjat tuzilishi va HTML dagi asosiy taglar
 Muhitni sozlash
 h[1-6], p, br, hr, pre, strong, i, em, mark, del, ins, sub, sup, blockquote, q
3. HTMLda linklar, attributlar va inline style
 a tagidan foydalanish va uning attributlari
 Izoh berish va faylga yol toppish
 HTMLda elementlarga inline style berish
4. HTMLda medialar
 HTMLda rasm bilan ishlash
 HTMLda video bilan ishlash
 HTMLda musiqalar bilan ishlash
5. HTMLda royhatlar va jadvallar
 HTMLda royhat tuzish
 HTMLda jadval tuzish
 Style tagi va ID, Class attributlari farqi va qollash usullari
6. HTMLda form elementlari
 HTMLda form elementlari
 Form elementlaridan foydalanib amaliy mashgulot
 <div> va <span>
7. CSS
 CSS bilan tanishish va matnlarning korinishlarini ozgartirish
 HTML elementlari korinishini ozgartirish
8. CSSda olchamlar
 Olchamlar: height, width, [min, max]-height, [min, max]-width
 Margin va padding bilan ishlash
 Box model haqida tushuncha
9. CSSda animatsiya va pseudo selektorlar
 Box model haqida tushuncha
 Box model haqida tushuncha
10. HTMLda media
 CSSning position xususiyati bilan ishlash
 CSSning display xususiyati bilan ishalash
 HTML va CSSdan foydalangan holda amaliy mashgulot
11. Flexbox 1-qism
 Flex haqida tushuncha va undan foydalanish
 Flexda amaliy mashgulot
12. Flexbox 2-qism
 Flexning “child” elementlari biln ishlash
 Amaliy mashgulot
13. CSS Grid 1-qism
 CSS Grid haqida tushuncha va undan foydalanish 1-qism
 CSS Grid haqida tushuncha va undan foydalanish 2-qism
14. CSS Grid 2-qism
 CSS Grid haqida tushuncha va undan foydalanish
 CSS Gridning “area” xususiyati bilan ishlash 1-qism
 CSS Gridning “area” xususiyati bilan ishlash 2-qism
15. CSSda moslashuvchan sahifalar tuszish
 CSS Gridning “area” xususiyati bilan ishlash
 Amaliy mashgulot
 Amaliy mashgulot
16. SASS Preprotsessori
 SASS nima va undan foydalanish
 SASS nima va undan foydalanish
 SASSda amaliy mashgulot
17. Lesson Seven
 Part 1
 Part 2
18. Bootstrap 1-qism
 SASSda amaliy mashgulot
 Bootstrap componentlari bilan ishlash
19. Bootstrap 2-qism
 Bootstrap componentlari bolan ishlash
 Bootstrap Grid amaliy mashgulot
20. Landing sahifa yaratish
 Bootstrap Grid amaliy mashgulot
 Bootstrap Grid amaliy mashgulot
 Bootstrap Grid amaliy mashgulot
 Bootstrap Grid amaliy mashgulot
21. Landing sahifani moslashuvchan qilish
 Landing sahifani moslashuvchan qilish
 Landing sahifani moslashuvchan qilish
22. HTML va CSS boyicha umumiy imtihon
FrontEnd (JavaScript)
1. JavaScript. Ozgaruvchilar va Math kutubxonasi
 JavaScript haqida
 Console obyekti
 Ozgaruvchilar va Math kutubxonasi
2. Malumot turlari va ularni ozgartirish. Mantiqiy amallar
 DataTypes
 Mantiqiy operatorlar
 Masalalar ishlash
3. Shart operatorlari
 If shart operatori
 Qisqa shart operatori
 Masalalar ishlash
4. Tanlash operatori
 Switch operatori
 Masalalar ishlash
 Kodni chiroyli yozish va kommentariya
5. Sikl operatori. Break va Continue operatorlari
 For sikl operatori va debugger
 Masalalar ishlash
 Break va Continue operatorlari
6. Boshqa sikl operatorlari
 While operatori
 Do/While operatori
 Hoisting
7. Funksiyalar. Global va local ozgaruvchilar
 Funksiyalar
 Global va local ozgaruvchilar
 Arguments va rest parameter
8. Chiziqli funksiyalar va rekursiya
 Arrow function
 Rekursiya
 Masalalar ishlash
9. Obyektlar
 Obyektlar
 Obyektlar ustida amallar for/in
 Obyektlar bilan ishlovchi funksiyalar
10. JSON va massivlar
 JSON
 Massivlar
 Masalalar ishlash
11. Massivelar bilan ishlovchi funksiyalar
 Kop olchamli massivelar
 Massivelar bilan ishlovchi funksiyalar 1-qism
 Massivelar bilan ishlovchi funksiyalar 2-qism
12. Satrlar bilan ishlash
 String
 String bilan ishlash uchun funksiyalar
 Eval
13. DOM bilan ishlash
 DOM. Karusel yasash 1-qism
 Karusel yasash 2-qism
 Karusel yasash 3-qism
14. DOMda hodisalar va stylelar bilan ishlash
 Events
 Amaliy mashq
15. JavaScript orqali elementlar tuzish, qoshish, ochirish va nusxalash
 Elementlarni tuzish va qoshish
 Elementlarni ochirish
 Amaliy ish yakuni
16. Amaliy ish. Maktab loyihasi davomi
 Maktab loyihasi 1-qism
 Maktab loyihasi 2-qism
17. JavaScriptning maxsus funksiyalari, Date() kutubxonasi va localStorage
 SetTimeOut, SetInterval. Ularni toxtatish
 Pomodoro 1-qism
 Pomodoro 2-qism
 Pomodoro 3-qism
18. Xatoliklarni ushlash va asinxronlik haqida
 Try/Catch
 Promise
 Amaliy ish
19. Sorovlar bilan ishlash
 Sorovlar
 Amaliy ish
 Sorovlarni yuborish
20. Amaliy ish
 Userlar listini shakllantirish 1-qism
 Userlar listini shakllantirish 2-qism
 Userlar listini shakllantirish 3-qism
21. JavaScript boyicha umumiy imtihon
FrontEnd (React JS)
1. Node JS va ES6
 Node JS va uni o’rnatish
 ES6 1-qism
 ES6 2-qism
2. OOP
 OOPning asosiy tamoyillari
 Objects
 Class 1-qism
 Class 2-qism
3. Menedjer paketlar va React
 Menedjer paketlar va React
 Create-react-app, JSX
 Ilk loyiha
4. Loyihani GitHubga yuklash va Deploy qilish
 Nazariy qism
 Amaliy mashq
 Bootstrapni ulash
 Build va Deployment
5. React componentlar va ular orasida malumotlar almashish
 React componentlar 1-qism
 React componentlar 2-qism
 Propslar
 List va Keylar
6. Malumotlarni saqlash hamda hodisalar bilan ishlash
 Nazariy qism
 2-vazifa
 Event
 4-vazifa
7. Reactda componentning hayot bosqichlari
 Komponentning hayot bosqichlari 1-qism
 Komponentning hayot bosqichlari 2-qism
 Komponentning hayot bosqichlari 3-qism
8. ContextAPI
 Themeni ornatish
 ThemeContext tuzish
 Consumer
9. Funksiya componentlari
 Funksiya komponentlari
 useState hooki
 useEffect hooki
10. Hooks
 useContext
 useReducer
 useRef
 React.memo
 useCallback
11. React Bootstrap
 React Bootstrap
 CustomTable
 Modal va Formlar bilan ishlash
12. Styled-Components
 1-qism
 2-qism
 3-qism
13. React-router-dom
 1-qism
 2-qism
 3-qism
14. React-router-dom 2-qism
 1-qism
 2-qism
 3-qism
15. Redux
 1-qism
 2-qism
 3-qism
16. Redux 2-qism
 1-qism
 2-qism
 3-qism
17. Material UI 1-qism
 1-qism
 2-qism
18. Material UI 2-qism
 Header yasash. Mui componentlar davomi. Styled
 Grid
 Pricing Cards
19. Material UI 3-qism
 Theme Costomisation
 DarkMode qurish
 Styled, Custom Switch
20. Reactda formalar bilan ishlash
 Forma bilan ishlash
 React-hook-form
 Watch, reset. Malumotlarni jadvalga qoshish
21. Chart
 React-chart js 2 1-qism
 React-chart js 2 2-qism
22. Reactda animatsiyalar
 React-awesome-reveal
 React-animated-css
23. API bilan ishlash 1-qism
 REST API, JSON-server
 API bilan ishlovchi funksiyalar yozish
24. API bilan ishalash 2-qism
 Error, Loading qurish
 Login, logout
25. ErrorBoundary, Reflar va DOM, Render Props
 ErrorBoundary
 Portals, Profiler
 Render-props
26. Testlash
 Testlash, test, toBe, toEqual, sonlar, massivlar bilan ishlash
 Stringlar bilan ishlash, React loyihalarni testlash
 Snapshot
27. Webpack
 Webpack
 Loaders
 Webpack orqali React loyihalar qurish
28. Utilit kutbxonalar
 Lodash
 Moment.js
 classNames, numeral.js
29. Next JS
 Next JS imkoniyatlari, afzalliklari, ilk loyiha ochish
 Stylelar, UI kutubxonalardan foydalanish, fontlarni ulash
30. Next JS Routing , CSS support
 Amaliy ish davomi. Menularni optimizatsiya qilish 1-qism
 Amaliy ish davomi. Menularni optimizatsiya qilish 1-qism
 Amaliy ish davomi. useRouter
 Amaliy ish davomi. Dynamic Routing
31. DataFetching, API Routes
 API yozish, AXIOS dan foydalanish. Image component
 getStaticProps, getServerSideProps
32. Deployment
 Loyihani build qilish, xatoliklarni aniqlash, to’g’rilash
 Vercelga deploy qilish
 Netlifyga deploy qilish. Loyiha yakuni.
33. React JS boyicha umumiy imtihon
34. FrontEnd kursi boyicha umumiy imtihon