2022-yilda Frontend dasturchi bo'lmoqchi bo'lganlar uchun kichik roadmap. Assalomu alaykum, ismim Elzodxon. Hozirda, imkon.uz loyihasida Frontend dasturchi bo'lib ishlayman.

Hozirgi kunda ko'pchilik Frontend dasturlash sohasini o'rganmoqchi bo'lib yuribdi. Shuning uchun, hozirgi kungacha yig'gan kichik tajribamdan kelib chiqib, Roadmap tuzmoqchiman.

1. Maqsadni to'g'ri qo'yib oling!
   • Kim bo'lmoqchisiz? Rostan Frontend dasturchi bo'lmoqchimisiz?
   • 3-5 yildan keyin o'zingizni qayerda ko'ryabsiz?
   • Bu sohani nega o'rganyabsiz? Pul uchunmi? Kimdir tavsiya qilgani uchunmi?
2. Matematikani o'rganing!
   • Bu qismda ko'p gapirmayman, mantiqiy fikrlashni o'rganing!

3. Ingliz tilini o'rganing(MUST)!

   • Dokumentatsiya o'qish, video darslarni ko'rib tushunish darajasigacha o'rganish. General English kurslariga boring, IELTS kurslariga emas!
   • Ingliz tilini o'rganish keyinchalik, sizga katta yo'l ochadi.

   • Mustaqil Ingliz tilini o'rganish uchun resurslar

     https://www.youtube.com/watch?v=I9u8MsLw3eY&ab_channel=Co-LearningAcademy

     Grammar:

     Reading:

     Vocabulary:

     Freerice

     Listening:

     Lessons Worth Sharing

     BBC Learning English - 6 Minute English

4. Self Study(Mustaqil o'rganish)!

   • Self study qilishni o'rganing! O'z ustida ishlash, mustaqil o'rganish, faqatgina dasturlashda emas, istalgan sohada qo'l keladi. Hozirgi kunda afsuski, ko'pchilikda, self-study qilish kamayib ketgan...
5. Internet qanday ishlashi haqida research qiling.
6. Linux komandalari bilan ishlashni o'rganing.
   • Nega Linux komandalarini o'rganing deyabman? To'g'ri, boshlanishidan, qora ekranda, qandaydir buyruqlarni yozish qiyin yoki tushunarsiz bo'lishi aniq. Lekin, ishonamanki, bu kelajakda aniq sizga foyda beradi:)

7. Git VC(Version Control) ni o'rganing.

   • Git bo'yicha ko'proq o'rganing. Linux buyruqlarini ishlatishni tushunib olganingizdan so'ng, qiyinchilik tug'dirmaydi.

     • O'rganish uchun resurslar

       Git

       Learn the fundamentals of Linux and the Command-Line in this course with Brian Holt of Microsoft.

8. HTML va CSS ni o'rganing!

   • O'rganish davomida, kichik loyihalar yaratib ko'ring. Masalan, Dars jadvali, kundalik daftari, resume va hokazo..
   • O'rganish davomida, faqat nazariya bilan cheklanib qolmang!
   • Figma ni ham yo'l-yo'lakay ko'rib keting.

   • O'rganish uchun resurslar

     HTML and CSS

   • Vazifa:

     • https://www.figma.com/file/NoTcG49W1MJswF9yhSRLdZ/Pennovate?node-id=1%3A14
     • https://www.figma.com/file/KObN8sj2QPOSnAceAukQCc/Bonfire-X
     • https://www.figma.com/file/BLBvSw1pJg45gta724BVgc/Indicorp
9. UI/UX asoslarini o'rganing!
   • Frontend dasturchi Basic UI/UX ni bilgani ish jarayonida anchagina qo'l keladi)

10. CSS Preprocessorlaridan birini o'rganing. Masalan, SASS.

    • Preprotsessorlar sizni ishingizni anchagina yengillashtirad. Foydalanib ko'ring, keyin yaxshiroq tushunib olasiz.

    • O'rganish uchun resurslar

      Sass Tutorial

      Sass Basics

      Learn CSS In-Depth with Estelle Weyl

    • Vazifa:

      • https://www.figma.com/file/yfNwvbqSQUmioMPWXdUkNL/Normaland-Landing-Page-UI-Kit?node-id=0%3A1
      • https://www.figma.com/file/1dq7EiqqMnOaX5LObPgQ42/Online-education-Mathrix.V?node-id=2%3A0
      • https://www.figma.com/file/mH3iKd4vrrMP08li8GXFbN/scoot-multi-page-website
      • https://www.figma.com/file/rPVWWXrpIHu0IWriE5gtj7/Figma-eCommerce-template?node-id=102%3A121684

11. JavaScript ni o'rganing!

    • JavaScript ni yaxshilab o'rganing. Frameworkka o'tishga shoshilmang!

    • O'rganish uchun resurslar

      JavaScript Tutorial

      The Modern JavaScript Tutorial

      JavaScript

    • Vazifa:

      • Kalkulyator yasang
      • To do yasang
      • Restaurant App yasang
      • Note app yasang
      • Yuqoridagi ecommerce ni JavaScript bilan jonlantiring.
      • Telegram Clone ni yarating.

12. Tailwind CSS ni o'rganing.

    • Nega Bootstrap emas demoqchimisiz? Bootstrap rostan ham biror bir loyihani tezroq amalga oshirish uchun zo'r UI framework. Lekin, loyiha kattalashgani sari, Tailwind ni ishlatganingiz va o'rganganingiz maqul.

    • O'rganish uchun resurslar

      • Dokumentatsiyadan o'rganish, yaxshi variant.

        Bootstrap

        Tailwind CSS - Rapidly build modern websites without ever leaving your HTML.

13. JavaScript frameworklaridan birini tanlang va o'rganing!

    • Nega framework? Chunki, bu ish samaradorligi va tezligini anchagina oshiradi.
    • Biror JavaScript frameworkini tanlang va o'rganishni boshlang, masalan, React, Vue, Angular dan biri yoki boshqalari. Hozirgi kunda, shu 3 framework peshqadamlik qilmoqda. O'zim, hozirgi kunda Vue.js ni ishlataman.
    • Firebase ni o'rganing.

    • O'rganish uchun resurslar

      AngularJS - Superheroic JavaScript MVW Framework

      React - A JavaScript library for building user interfaces

      Vue.js

    • Vazifa:

      • https://www.figma.com/file/rPVWWXrpIHu0IWriE5gtj7/Figma-eCommerce-template?node-id=102%3A121684 ushbu loyihani, komponentlarga ajratib, tanlagan frameworkingiz asosida yozib chiqing. Firebase da ma'lumotlarni saqlang.
      • https://rapidapi.com/collection/list-of-free-apis public API lardan foydalangan holda, 3 ta web dastur tuzib ko'ring.
14. CV/Resume tayyorlang;) Ishga joylashish harakatini qiling.

O'rganish uchun qo'shimcha resurslar:

• Frontendmasters.com
• Codecademy.com
• educative.io
• freecodecamp.org

O'zbek tilida resurslar:

GitHub - elzodxon/programmingResourcesUzbek: O'zbek tilida dasturlashni o'rganish uchun bepul resurslar to'plami!

P.S. Hozirgi kungacha o'rgangan va foydalanib kelayotgan resurslarimni sizlarga ham ulashdim. Foydali deb bilsangiz, ulashsangiz, juda ham xursand bo'lardim. Xato, kamchiliklar va qo'shish kerak bo'lgan resurslar bo'lsa bemalol, t.me/elzodxon_me ga yozishingiz mumkin! E'tiboringiz uchun rahmat!

Sources:

• https://t.me/figma2html

Muallif: Elzodxon Sharofaddinov