Kod yazmağa haradan başlayaq? 30 günlük Frontend yol xəritəsi

Nəyə görə bu yol xəritəsi?

İlk sətir kodunu yazmaq çoxlarına çətin görünür. Əslində isə ehtiyacın olan şey – düzgün istiqamət, kiçik gündəlik tapşırıqlar və davamlılıqdır. Aşağıdakı 30 günlük plan sənə HTML, CSS, JavaScript kimi əsasları qısa müddətdə mənimsəməyə kömək edəcək.

Başlamazdan əvvəl

Lazım olanlar

• Laptop və ya PC – orta səviyyəli hər kompüter işini görəcək.

• Brauzer – Google Chrome və ya Firefox.

• Kod redaktoru – VS Code pulsuzdur, geniş əlavələrə malikdir.

• İnternet bağlantısı – dərslik və videolar üçün.

Sual–cavab

Sual: Kod yazmaq üçün ingiliscə bilməliyəm?
Qısa cavab: Bəli, əsas terminləri başa düşmək kömək edir, amma dilin özünü bilmək vacib deyil.

30 günlük Frontend yol xəritəsi

1–5-ci günlər: HTML təməli

• Məqsəd: brauzerdə “skelet” yarada bilmək.

• Tapşırıqlar: <h1>, <p>, <img>, <a> tag-ları, forma elementləri.

• Gündəlik məşq: şəxsi “About Me” səhifəsi yarat.

6–10-cu günlər: CSS ilə dizayn

• Məqsəd: blokları rəngləmək və yerləşdirmək.

• Tapşırıqlar: selektorlar, font-lar, flexbox, grid.

• Mini-layihə: “About Me” səhifəsinə mobil uyumlu (responsive) görünüş əlavə et.

11–15-ci günlər: JavaScript əsasları

• Məqsəd: səhifəni interaktiv etmək.

• Tapşırıqlar: dəyişənlər, funksiyalar, DOM seçiciləri.

• Tapşırıq: düyməyə klik edəndə rəngi dəyişən kvadrat.

16–20-ci günlər: DOM-u dərinlikdə anlamaq

• Məqsəd: HTML elementlərini JS-lə dinamik idarə etmək.

• Tapşırıqlar: element yaratmaq, atribut dəyişmək, hadisə dinləyiciləri.

• Mini-layihə: sadə “Todo List” – əlavə et, sil, tamamla.

21–25-ci günlər: Git və GitHub

• Məqsəd: kodu versiya-nəzarətə almaq.

• Tapşırıqlar: git init, commit, branch, push.

• Praktika: “Todo List” layihəsini GitHub-a yüklə və “README.md” yaz.

26–28-ci günlər: Səhifəni yayımla

• Məqsəd: canlı link yaratmaq.

• Alətlər: GitHub Pages və ya Netlify.

• Addımlar: depoy düyməsi, keçid linkinin paylaşılması.

29-cu gün: İcmal və portfel

• Məqsəd: öyrəndiklərini bir səhifədə toplamaq.

• Tapşırıq: portfel saytında indiyə qədərki mini-layihələri bölmələrə ayır.

30-cu gün: Yolun davamı

• Framework seçimi: React-a keçmək və ya Vanilla JS-i dərinləşdirmək.

• Məsləhət: hər ay yeni bir mini-layihə ilə portfelini zənginləşdir.

Tez-tez verilən sual

Sual: 30 gün kifayətdirmi?
Qısa cavab: Peşəkar səviyyə üçün kifayət deyil, amma fundamental bilik alıb özünəinam qazanmaq üçün idealdır; bundan sonra təcrübə və daha böyük layihələr lazımdır.

Motivasiya məsləhətləri

Kiçik hədəflər qoy

Hər gün 30 dəqiqə kod yaz – bir ay sonra 15 saat təcrübən olacaq.

Səhvlərdən qorxma

“Error” mesajları öyrənmə prosesinin təbii hissəsidir; “console” dostundur.

İcma gücündən istifadə et

Stack Overflow-da sual ver, GitHub-da digərlərinin koduna bax, Telegram və Discord qruplarında fikrini bölüş.

Real layihəyə çək

Kiçik biznes üçün bir səhifə hazırlamaq və ya ailə üzvünün portfelini düzəltmək sənə gerçək geribildirim gətirir.

Nəticə

Kod yazmaq – uzun marafondur, sprint deyil. 30 günlük plan sənə start verir, lakin həqiqi nailiyyət davamlı təcrübə ilə gəlir. Sadə “Todo List”-dən sonra qarşıdakı ayda məzmun-idarə sistemləri, API-lər və React komponentləri öyrənməklə pillə-pillə inkişaf edə bilərsən.

ATL Academy-də növbəti addım

Frontend təməlini artıq başa düşdün? ATL Academy-nin “Frontend Proqramlaşdırma” kursuna qoşul, mentor rəhbərliyi altında real layihələr qur və portfelini peşəkarlıq səviyyəsinə yüksəlt. İndi qeydiyyatdan keç, ilk dərsə dərhal başla!