İT və Proqramlaşdırma

Web Frontend təlimi

HTML, CSS və JavaScript əsaslarından React.js ilə müasir SPA inkişafına qədər addım-addım frontend təlimi — praktiki layihələr və real iş bazarı tələbləri əsasında.

Həm əyani, həm onlayn — Bakı İrəli 6 ay Azərbaycan dili 90 dəq/dərs Həftədə 3 dəfə

Sıfırdan React.js-ə qədər praktiki Web Frontend təlimi. HTML5, CSS3, JavaScript və React ilə real layihələr üzərində öyrənin. Bakıda və onlayn. Web Frontend təlimi SmartEdu tərəfindən Bakıda əyani və onlayn formada keçirilən 6 aylıq, irəli səviyyəli kursdur. Dərslər həftədə 3 dəfə, hər dəfə 90 dəqiqə keçirilir. İlk 2 dərs pulsuz sınaq dərsidir. Proqram 13 modulu və 58 mövzunu əhatə edir. Kursu Davud Mehdiyev aparır.

Kurs haqqında

Web Frontend təlimi sıfırdan başlayaraq HTML5, CSS3 və JavaScript-in bütün əsaslarını, daha sonra isə müasir React.js ekosistemini əhatə edən tam praktiki bir proqramdır. Kurs boyu təkcə nəzəriyyə deyil, hər modulun sonunda real tapşırıqlar və mini-layihələr üzərində işlənilir ki, öyrənilən bilik dərhal praktikaya keçsin. Tələbələr HTML və CSS ilə responsive (bütün ekranlara uyğun) veb səhifələr qurmağı, Bootstrap və Sass ilə işi sürətləndirməyi, müasir JavaScript (ES6+) ilə interaktiv funksionallıq yazmağı öyrənəcəklər. Kursun ikinci yarısında React.js-in komponent əsaslı arxitekturası, Hook-lar, React Router və state idarəetməsi ətraflı izah olunur, tələbələr REST API-lərlə əlaqəli tam funksional Single Page Application (SPA) qururlar. Bundan əlavə, Git və GitHub ilə komanda daxilində iş prinsipləri, npm/Vite kimi müasir alətlər, əsas testing yanaşmaları və layihənin Netlify/Vercel kimi platformalarda canlıya buraxılması (deployment) da tədris olunur. Kurs, şirkətlərin junior frontend developer-dən gözlədiyi real bacarıqlara əsaslanaraq hazırlanıb.

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

  • Semantik və əlçatan HTML5 strukturları qurmaq
  • CSS3, Flexbox və Grid ilə istənilən ekran ölçüsünə uyğun (responsive) dizayn hazırlamaq
  • Sass/SCSS və Bootstrap ilə tez və effektiv interfeys hazırlamaq
  • Müasir JavaScript (ES6+) sintaksisi ilə funksional və təmiz kod yazmaq
  • DOM ilə işləmək, hadisələri idarə etmək və brauzer API-lərindən istifadə etmək
  • Fetch/Axios və Promise/async-await ilə serverdən məlumat almaq
  • Git və GitHub ilə versiya nəzarəti aparmaq və komandada işləmək
  • npm/Vite kimi müasir alətlərlə layihə mühiti qurmaq
  • React.js ilə komponent əsaslı, yenidən istifadə edilə bilən interfeyslər yaratmaq
  • React Hook-lardan istifadə edərək state və side-effect-ləri idarə etmək
  • React Router və qlobal state idarəetməsi ilə tam funksional SPA qurmaq
  • Hazır layihəni Netlify/Vercel platformasında canlıya (production) buraxmaq

Tələblər

  • Kompüterdən sərbəst istifadə bacarığı (fayl sistemi, brauzer, terminal)
  • Məntiqi düşünmə və problemləri addım-addım həll etmə istəyi
  • İnternetə davamlı çıxışı olan noutbuk/kompüter (Windows, macOS və ya Linux)
  • Əvvəlcədən proqramlaşdırma təcrübəsi tələb olunmur — sıfırdan başlaya bilərsiniz
  • Kursun tapşırıqlarına vaxt ayırmaq imkanı (həftədə minimum 6-8 saat)
  • İngilis dilində texniki sənədləşməni oxuya bilmək bacarığı arzuolunandır

Kurikulum

  1. HTML5 və Semantik Vetkalama

    HTML sənədinin quruluşu və DOCTYPE Semantik teqlər (header, nav, main, section, article, footer) Formalar və validasiya Şəkillər, media və əlçatanlıq (accessibility) əsasları SEO üçün düzgün HTML strukturu Praktika: çoxsəhifəli statik saytın semantik strukturunun qurulması
    2 həftə

  2. CSS3, Flexbox və Grid

    Selektorlar, box model və kaskad prinsipi Flexbox ilə birölçülü layout CSS Grid ilə ikiölçülü layout Responsive dizayn və media query-lər Mobile-first yanaşma CSS dəyişənləri (custom properties), transition və animasiyalar
    3 həftə

  3. Sass/SCSS və Bootstrap 5

    Dəyişənlər, mixin və nesting Bootstrap grid sistemi və hazır komponentlər Layihədə UI kit-lərdən istifadə Praktika: responsive landing page hazırlanması
    2 həftə

  4. JavaScript Əsasları (ES6+)

    Dəyişənlər, tiplər və operatorlar Funksiyalar, arrow function və closure Massiv və obyekt metodları Şərt və dövr strukturları ES6+ imkanları: destructuring, spread/rest, template literals
    3 həftə

  5. DOM Manipulyasiyası və Brauzer API-ləri

    DOM ağacı və elementlərin seçilməsi Hadisələr (event) və event delegation LocalStorage/SessionStorage Fetch API ilə asinxron sorğular Promise və async/await Praktika: Vanilla JS ilə interaktiv layihələr (to-do siyahısı, quiz, hava proqnozu tətbiqi)
    2 həftə

  6. JavaScript — İrəli Səviyyə

    Event loop, call stack və asinxron icra modeli ES modulları, class-lar və JavaScript-də OOP Xətaların idarə olunması və Chrome DevTools ilə debugging
    2 həftə

  7. Versiya Nəzarəti: Git & GitHub

    Git əsas əmrləri (init, add, commit, push, pull) Branch strategiyası, merge və rebase Pull request iş axını GitHub-da komanda ilə iş
    1 həftə

  8. Müasir Frontend Alətləri (npm, Vite)

    Node.js və npm/yarn paket idarəetməsi Vite ilə layihə qurulması ES modullar ESLint və Prettier ilə linting/formatting
    1 həftə

  9. TypeScript Əsasları

    Tiplər, interfeyslər və generics Mövcud JavaScript layihəsinin TypeScript-ə keçirilməsi React komponentlərində TypeScript-dən istifadə
    2 həftə

  10. React.js ilə SPA İnkişafı

    Komponent əsaslı arxitektura və JSX Props və state Hook-lar: useState, useEffect, useContext Formalar və controlled komponentlər Şərti render və list render (keys)
    3 həftə

  11. React Router, State İdarəetməsi və API İnteqrasiyası

    React Router ilə səhifələr arası naviqasiya Qlobal state idarəetməsi (Context API / Redux Toolkit) Axios/Fetch ilə REST API-yə qoşulma Yüklənmə və xəta vəziyyətlərinin idarə olunması JWT ilə qorunan səhifələr
    3 həftə

  12. Performans, Testing, SEO və Deployment

    Kod bölünməsi (code splitting) və lazy loading Jest və React Testing Library ilə əsas testlər Frontend SEO əsasları Netlify/Vercel-də deployment
    1 həftə

  13. Yekun Layihə və Portfolio

    Real tələblər əsasında yekun layihənin hazırlanması GitHub portfoliosu və CV üçün layihələrin təqdimatı Yekun layihənin təqdimatı
    1 həftə

Tez-tez verilən suallar

Junior Frontend Developer, verstka (HTML/CSS) mütəxəssisi və ya React Developer stajı/vəzifələrinə müraciət edə bilərsiniz. Portfoliounuzda olacaq real layihələr işə qəbulda əsas üstünlüyünüz olacaq.

Xeyr. Kurs sıfırdan başlayanlar üçün nəzərdə tutulub və HTML-dən React.js-ə qədər ardıcıl şəkildə öyrədilir.

Kurs hibrid formatda keçirilir — istəyinizə uyğun olaraq həm əyani (Bakı ofisimizdə), həm də onlayn iştirak edə bilərsiniz.

Bəli, kursu uğurla bitirən və yekun layihəni təqdim edən iştirakçılara sertifikat təqdim olunur.

Bəli, hər modulun sonunda praktiki tapşırıqlar, kursun sonunda isə tam funksional bir React tətbiqi üzərində işlənilən yekun layihə var.

Bəli, qeydiyyatdan əvvəl 2 ödənişsiz sınaq dərsində iştirak edərək təlim formatını və müəllimi tanıya bilərsiniz.