JavaScript öyrənmək çətin və qarışıq olmaq məcburiyyətində deyil. Proqramlaşdırmaya yeni başlayırsınızsa, ən sürətli inkişaf yolu kiçik, real layihələr yaratmaqdır.

Bu bloqda sizə ilk ayda rahatlıqla qura biləcəyiniz 5 sadə, lakin güclü JavaScript mini layihəsi təqdim edirik. Heç bir framework, heç bir çətin quraşdırma yoxdur — yalnız təmiz JS, yaradıcılıq və real təcrübə.

⭐ 1. Rəqəmsal Countdown Taymer

Başlayanlar üçün klassik və ideal layihədir. DOM üzərində işləmək və vaxt hesablama kimi əsas anlayışları öyrədir.

Nələri öyrənəcəksiniz:

• setInterval() funksiyasının istifadəsi
• Ekrandakı məlumatların dinamik yenilənməsi
• İstifadəçi girişlərini idarə etmək (məsələn, taymeri özü təyin edir)

Layihə ideyası:

Doğum gününüzə, bayrama və ya imtahan gününə qədər geri sayım taymeri hazırlayın.

⭐ 2. İnteraktiv To-Do List (Görüləcək İşlər) Tətbiqi

Ən ideal “ilk real tətbiq” layihəsidir. Praktik olduğu üçün həm motivasiya verir, həm də əsas anlayışları öyrədir.

Nələri öyrənəcəksiniz:

• JS ilə element yaratmaq və silmək
• LocalStorage ilə məlumat saxlamaq
• Massiv və obyektlərlə işləmək

Təkmilləşdirmə ideyası:

Tətbiqə “dark mode” rejimi əlavə edin — tələbələr bunu çox sevir!

⭐ 3. Təsadüfi Sitat və ya Zarafat Generatoru

Kiçik, əyləncəli və vizual olaraq gözəldir. API-lərlə işləməyin ən rahat yoludur.

Nələri öyrənəcəksiniz:

• Açıq API-dən məlumat çəkmək (fetch)
• Mətn və dizaynı dinamik dəyişmək
• Yüklənmə anı üçün “loading” vəziyyəti göstərmək

Təkmilləşdirmə ideyası:

Sitat görünəndə sadə animasiya əlavə edin.

⭐ 4. Sadə Kalkulyator

Ənənəvi və çox faydalı başlanğıc layihədir. Proqram daxilində məntiqin necə işlədiyini anlamağa kömək edir.

Nələri öyrənəcəksiniz:

• Düymələrdən gələn hadisələri idarə etmək
• Toplama, çıxma, vurma və bölmə funksiyaları yazmaq
• Yanlış girişləri yoxlamaq

Təkmilləşdirmə ideyası:

Klaviatura ilə idarə etmə funksiyası əlavə edin.

⭐ 5. API ilə Hava Proqnozu Tətbiqi

Başlayanlar üçün sadə, amma özünü “real tətbiq” kimi hiss etdirən layihədir.

Nələri öyrənəcəksiniz:

• Hava API-ləri ilə işləmək (məs: OpenWeatherMap)
• Temperatur, rütubət, ikon və sair məlumatları göstərmək
• Səhvləri idarə etmək (düzgün olmayan şəhər, internet problemi və s.)

Təkmilləşdirmə ideyası:

Havanın durumuna uyğun fon şəkli dəyişən dizayn hazırlayın (günəşli, yağışlı, qarlı və s.).

🎉 Bu Layihələr Sizə Nə Qazandıracaq?

Bu mini layihələr proqramlaşdırmaya yeni başlayanlara nəzəriyyədən real təcrübəyə keçid imkanı yaradır. İlk ayın sonunda siz:

• DOM ilə işləməyi
• API-lərə qoşulmağı
• İstifadəçi girişlərini idarə etməyi
• Kiçik tətbiqləri sıfırdan yazmağı
• Və ən əsası — developer kimi düşünməyi öyrənmiş olacaqsınız.

Əgər JavaScript, onun kitabxana və framework-lərini mükəmməl səviyyədə öyrənmək istəyirsinizsə, JET Academy-də Front-End və Full Stack kursu ilə tanış olun:

https://jetacademy.az/az/course/front-end-proqramlasdirma-kursu

https://jetacademy.az/az/course/full-stack-proqramlasdirma-kursu