Front-End

Daim öyrənən, daim böyüyər. Öyrənməyi dayandırdığınız anda böyüməyi dayandırırsınız.
Brüs Li
Müraciət et

1-ci Ay: HTML və CSS Əsasları
Həftə 1: HTML Əsasları

  • HTML nədir və strukturu.
  • Əsas taglar (<html>, <head>, <body>, <h1> - <h6>, <p>, <a>, <img>, <ul>, <ol> və s.).
  • Form elementləri (<input>, <textarea>, <button>, <select> və s.).
  • Semantik HTML (<header>, <footer>, <article>, <section>).

Həftə 2: CSS Əsasları

  • CSS nədir və istifadəsi.
  • Seçicilər (class, id, element).
  • Rənglər (hex, rgba, hsl formatları).
  • Şriftlər və mətn tərtibatı (font-size, font-family, text-align, line-height).
  • Box Model (margin, padding, border, content).

Həftə 3: Layihə: Sadə bir web səhifə yaradılması

  • HTML ilə şəxsi bir səhifənin hazırlanması.
  • CSS ilə səhifənin dizaynının tərtib olunması.

Həftə 4: Əlavə CSS mövzuları

  • Layout sistemləri (float, position, flexbox).
  • Responsiv dizayn (media queries).
  • Praktika: Responsiv Layout Dizayn.

2-ci Ay: İrəli səviyyə CSS və Bootstrap
Həftə 1: CSS-in İrəli mövzuları

  • Transform və Transition animasiyaları.
  • CSS Grid Layout.
  • Pseudo-elementlər və Pseudo-seçicilər (:hover, :before, :after).

Həftə 2: Bootstrap Framework-ə Giriş

  • Bootstrap strukturu və əsas komponentlər.
  • Grid sistemi və respondiv dizayn.
  • Navigasiya barı, düymələr, kartlar, modal pəncərələr.

Həftə 3: Layihə: Bootstrap ilə bir web səhifə

  • Bootstrap-dən istifadə edərək məhsul səhifəsinin hazırlanması.

Həftə 4: Effektlər və Təkmilləşdirmə

  • CSS ilə hover effektləri.
  • Parallax effektlərin tətbiqi.
  • Praktika: Daha inkişaf etmiş animasiyalarla bir səhifə dizaynı.

3-cü Ay: JavaScript Əsasları
Həftə 1: JavaScript-ə Giriş

  • JavaScript nədir və necə işləyir?
  • Əsas sintaksis (dəyişənlər, datatiplər, operatorlar).
  • Şərtlər və döngülər (if/else, switch, for, while).

Həftə 2: DOM Manipulyasiyası

  • DOM strukturu və idarəetmə (getElementById, querySelector).
  • Eventlər və Event Listener-lar (click, mouseover, keyup).
  • Element əlavə etmək, silmək, dəyişdirmək (appendChild, remove).

Həftə 3: Funksiyalar və Obyektlər

  • Funksiya anlayışı və istifadəsi.
  • Obyektlər və massivlər (JSON formatı).
  • Praktika: Dinamik To-Do List tətbiqi.

Həftə 4: ES6 (Modern JavaScript)

  • let və const dəyişənləri.
  • Arrow funksiyalar.
  • Template stringlər.
  • Praktik layihə: Dinamik kalkulyator.

4-cü Ay: jQuery və Praktik layihələr
Həftə 1: jQuery-ə Giriş

  • jQuery nədir və niyə istifadə olunur?
  • Element seçimi və manipulyasiyası.
  • jQuery eventləri (click, hover, focus).

Həftə 2: jQuery ilə Effektlər

  • Animasiya və slayderlər (fadeIn, fadeOut, slideToggle).
  • AJAX ilə dinamik məlumatların yüklənməsi ($.ajax, $.get, $.post).

Həftə 3: Layihə: Dinamik web tətbiqi

  • Sadə bir jQuery əsaslı xəbər lentinin hazırlanması.
  • AJAX ilə məlumatların dinamik yüklənməsi.

Həftə 4: Yekun layihə

  • İrəli səviyyə front-end tətbiqi:
    • HTML/CSS ilə dizayn edilmiş çox səhifəli bir layihə.
    • JavaScript və jQuery ilə interaktivlik əlavə olunması.
    • Kod optimizasiyası və testlər.
    • Versiya idarə sistemi (Git).
    • Layihənin təqdimatı və yekunlaşdırılması.
    • Müsahibə hazırlığı: Algoritm sualları, layihə təqdimatı, CV yazımı.

    Qeyd: Müəyyən edilmiş qiymət, hər bir tələbənin aylıq ödəniş məbləğidir.