"Usta yangi boshlovchiga qaraganda ko'proq xato qiladi"
Biz haqiqiy rivojlanish tajribasiga ega bo'lish uchun "o'yin-kulgi uchun" amalga oshirilishi mumkin bo'lgan 8 ta loyiha variantini taklif qilamiz.
Loyiha 1. Trello kloni
Siz nimani o'rganasiz:
- So'rovlarni qayta ishlash marshrutlarini tashkil etish (Marshrutlash).
- Suring va torting.
- Yangi ob'ektlarni yaratish (taxtalar, ro'yxatlar, kartalar).
- Kiritilgan ma'lumotlarni qayta ishlash va tekshirish.
- Mijoz tomonidan: mahalliy xotiradan qanday foydalanish, ma'lumotlarni mahalliy xotiraga qanday saqlash, mahalliy xotiradan ma'lumotlarni o'qish.
- Server tomondan: ma'lumotlar bazalaridan qanday foydalanish, ma'lumotlar bazasida ma'lumotlarni saqlash, ma'lumotlar bazasidan ma'lumotlarni o'qish.
, React+Redux-da yaratilgan.
Loyiha 2. Administrator paneli
Oddiy CRUD ilovasi, asoslarni o'rganish uchun ideal. Keling, o'rganamiz:
- Foydalanuvchilarni yarating, foydalanuvchilarni boshqaring.
- Ma'lumotlar bazasi bilan o'zaro aloqa qilish - foydalanuvchilarni yaratish, o'qish, tahrirlash, o'chirish.
- Kiritilgan ma'lumotlarni tekshirish va shakllar bilan ishlash.
Loyiha 3. Kriptovalyuta kuzatuvchisi (mahalliy mobil ilova)
Hamma narsa: Swift, Objective-C, React Native, Java, Kotlin.
Keling, o'rganamiz:
- Mahalliy ilovalar qanday ishlaydi.
- API dan ma'lumotlarni qanday olish mumkin.
- Mahalliy sahifa tartiblari qanday ishlaydi.
- Mobil simulyatorlar bilan qanday ishlash kerak.
. Agar siz yaxshiroq narsani topsangiz, sharhlarda yozing.
Agar sizni qiziqtirsa, bu erda .
Loyiha 4. O'zingizning veb-paket konfiguratsiyasini noldan sozlang
Texnik jihatdan, bu dastur emas, lekin bu veb-paketning ichkaridan qanday ishlashini tushunish uchun juda foydali vazifadir. Endi bu "qora quti" emas, balki tushunarli vosita bo'ladi.
Talablar:
- es7 dan es5 ga kompilyatsiya qiling (asosiy).
- jsx ni js - yoki - .vue dan .js ga kompilyatsiya qiling (siz yuklovchilarni o'rganishingiz kerak)
- Veb-paket dev serverini va issiq modulni qayta yuklashni sozlang. (vue-cli va create-react-app ikkalasidan ham foydalanadi)
- Heroku, now.sh yoki Github-dan foydalaning, veb-paket loyihalarini qanday joylashtirishni o'rganing.
- CSS kompilyatsiya qilish uchun sevimli preprotsessoringizni sozlang - scss, less, stylus.
- Veb-paket bilan tasvirlar va svglardan qanday foydalanishni o'rganing.
Loyiha 5. Hackernews kloni
Har bir Jedi o'zining Hackernewsni yaratishi kerak.
Yo'lda nimani o'rganasiz:
- Hackernews API bilan qanday ishlash kerak.
- Bir sahifali ilovani qanday yaratish kerak.
- Sharhlarni ko'rish, individual sharhlar, profillar kabi xususiyatlarni qanday amalga oshirish kerak.
- So'rovlarni qayta ishlash marshrutlarini tashkil etish (Marshrutlash).
Loyiha 6. Tudushechka
Jiddiymi? Tudushka? Ularning minglablari bor. Ammo ishoning, bu mashhurlikning sababi bor.
Tudu ilovasi asoslarni tushunganingizga ishonch hosil qilishning ajoyib usuli. Vanilla Javascript-da bitta dastur va sevimli ramkangizda bitta dastur yozishga harakat qiling.
O'rganing:
- Yangi vazifalar yarating.
- Maydonlar to'ldirilganligini tekshiring.
- Vazifalarni filtrlash (bajarildi, faol, barchasi). Foydalanish
filterΠΈreduce. - Javascript asoslarini tushuning.
Loyiha 7. Saralanadigan sudrab olib tashlash ro'yxati
Tushunish uchun juda foydali .
Keling, o'rganamiz:
- APIni sudrab olib tashlang
- Boy UI yarating
Loyiha 8. Messenger kloni (mahalliy dastur)
Siz veb-ilovalar va mahalliy ilovalar qanday ishlashini tushunasiz, bu sizni kulrang massadan ajratib turadi.
Biz nimani o'rganamiz:
- Veb-rozetkalar (tezkor xabarlar)
- Mahalliy ilovalar qanday ishlaydi.
- Shablonlar mahalliy ilovalarda qanday ishlaydi.
- Mahalliy ilovalarda so'rovlarni qayta ishlash marshrutlarini tashkil qilish.
Bu sizga bir yoki ikki oy kifoya qiladi.
Tarjima kompaniya ko'magida amalga oshirildi kim professional tarzda shug'ullanadi yirik mijozlar uchun, shuningdek .
Manba: www.habr.com