"Usta yeni başlayandan daha çox səhv edir"
Həqiqi inkişaf təcrübəsi əldə etmək üçün "əylənmək üçün" edə biləcəyiniz 8 layihə variantını təklif edirik.
Layihə 1. Trello klonu
Nə öyrənəcəksiniz:
- Sorğuların emalı marşrutlarının təşkili (Routing).
- İşarələ və Yerləşdir.
- Yeni obyektləri necə yaratmaq olar (lövhələr, siyahılar, kartlar).
- Daxil olan məlumatların işlənməsi və yoxlanılması.
- Müştəri tərəfdən: yerli yaddaşdan necə istifadə etmək, məlumatları yerli yaddaşa necə saxlamaq, yerli yaddaşdan məlumatları necə oxumaq.
- Server tərəfdən: verilənlər bazalarından necə istifadə edilməli, verilənlər bazasında məlumatların saxlanması, verilənlər bazasından verilənlərin oxunması.
, React+Redux-da hazırlanmışdır.
Layihə 2. İdarəetmə paneli
Əsasları öyrənmək üçün ideal olan sadə CRUD proqramı. Gəlin öyrənək:
- İstifadəçilər yaradın, istifadəçiləri idarə edin.
- Verilənlər bazası ilə qarşılıqlı əlaqə - istifadəçiləri yaratmaq, oxumaq, redaktə etmək, silmək.
- Daxiletmənin təsdiqlənməsi və formalarla işləmək.
Layihə 3. Kriptovalyuta izləyicisi (doğma mobil proqram)
Hər şey: Swift, Objective-C, React Native, Java, Kotlin.
Gəlin öyrənək:
- Doğma tətbiqlər necə işləyir.
- API-dən məlumatları necə əldə etmək olar.
- Doğma səhifə tərtibatları necə işləyir.
- Mobil simulyatorlarla necə işləmək olar.
. Daha yaxşı bir şey tapsanız, şərhlərdə yazın.
Əgər maraqlanırsınızsa, buradadır .
Layihə 4. Öz veb paket konfiqurasiyanızı sıfırdan qurun
Texniki olaraq, bu bir proqram deyil, lakin veb paketinin içəridən necə işlədiyini başa düşmək üçün çox faydalı bir işdir. İndi o, “qara qutu” deyil, başa düşülən bir vasitə olacaq.
tələblər:
- es7-dən es5-ə qədər tərtib edin (əsaslar).
- jsx-i js - və ya - .vue to .js-ə tərtib edin (yükləyiciləri öyrənməli olacaqsınız)
- Webpack dev serverini və isti modulun yenidən yüklənməsini qurun. (vue-cli və create-react-app hər ikisindən istifadə edir)
- Heroku, now.sh və ya Github istifadə edin, veb paket layihələrini necə yerləşdirməyi öyrənin.
- CSS - scss, daha az, stylus tərtib etmək üçün sevimli preprosessorunuzu qurun.
- Veb paketi ilə şəkillərdən və svglərdən necə istifadə edəcəyinizi öyrənin.
Layihə 5. Hackernews klonu
Hər bir Jedi öz Hackernews-u yaratmalıdır.
Yol boyu nə öyrənəcəksiniz:
- Hackernews API ilə necə qarşılıqlı əlaqə qurmaq olar.
- Tək səhifə tətbiqetməsini necə yaratmaq olar.
- Şərhlərə baxmaq, fərdi şərhlər, profillər kimi funksiyaları necə həyata keçirmək olar.
- Sorğuların emalı marşrutlarının təşkili (Routing).
Layihə 6. Tuduşeçka
Ciddi? Tudushka? Onların minlərləsi var. Amma inanın ki, bu populyarlığın bir səbəbi var.
Tudu proqramı əsasları başa düşməyinizə əmin olmaq üçün əla bir yoldur. Bir proqram vanil Javascript-də və birini sevimli çərçivədə yazmağa çalışın.
Öyrən:
- Yeni tapşırıqlar yaradın.
- Sahələrin doldurulduğunu yoxlayın.
- Tapşırıqları süzün (tamamlandı, aktiv, hamısı). istifadə edin
filterиreduce. - Javascript-in əsaslarını anlayın.
Layihə 7. Çeşidlənən sürüklə və burax siyahısı
Anlamaq üçün çox faydalıdır .
Gəlin öyrənək:
- API sürükləyin və buraxın
- Zəngin UI yaradın
Layihə 8. Messenger klonu (doğma proqram)
Həm veb proqramların, həm də yerli tətbiqlərin necə işlədiyini başa düşəcəksiniz, bu da sizi boz kütlədən fərqləndirəcək.
Nə öyrənəcəyik:
- Veb yuvaları (ani mesajlar)
- Doğma tətbiqlər necə işləyir.
- Şablonlar yerli tətbiqlərdə necə işləyir.
- Doğma tətbiqlərdə sorğunun emal marşrutlarının təşkili.
Bu sizə bir-iki ay kifayət edəcək.
Tərcümə şirkətin dəstəyi ilə həyata keçirilib kim peşəkarlıqla məşğuldur böyük müştərilər üçün, eləcə də .
Mənbə: www.habr.com