Frontend Development

Frontend Development kursu veb-sayt və veb tətbiqlərin istifadəçi tərəfini (UI) hazırlamaq istəyənlər üçün praktiki proqramdır. Kurs çərçivəsində HTML, CSS, responsive dizayn, JavaScript əsasları, DOM ilə işləmə, API-lərlə inteqrasiya, Git ilə versiya nəzarəti və müasir frontend yanaşmaları öyrədilir. Təlim real layihələr üzərində qurulur, iştirakçılar portfolio üçün işlər hazırlayır və junior frontend developer kimi işə başlamaq üçün tələb olunan baza bacarıqları əldə edirlər.

Tədris müddəti6 ay

Başlama tarixi2026-02-22

Tədris günləriHəftədə 3 dəfə

Tədris formatıHYBRID

Üstünlüklərimiz

Peşəkar Mentorlar

Təcrübəli mütəxəssislərdən dəstək və istiqamət

Praktiki Tədris

Yalnız nəzəriyyə deyil, real layihələr üzərində öyrənmə imkanı

Müasir Texnologiyalar

Python, AI, web proqramlaşdırma və digər aktual sahələr

Karyera Dəstəyi

CV hazırlığı, müsahibə simulyasiyaları və iş imkanlarına çıxış

Tədris proqramı

Modul 1

1.Xoş gəlmisiniz və tanışlıq Kursun məqsədləri və hədəfləri Niyə Front-End Development? Web development-ə giriş (Client vs. Server, Front-End vs. Back-End) User Experience (UX) və User Interface (UI) Design-a giriş Şəbəkə əsasları (IP Address, Netmask, Ping, DNS, Hostfile) & HTTP, TCP, FTP və s. Linux komandalarına giriş (ls, pwd, cat, vi, rm) Git version control (basic) HTML strukturu Elementlər və atributlar Başlıqlar, paraqraflar və mətn formatlama Siyahılar, linklər və şəkillər Formlar və input elementləri HTML media Semantik HTML Əlçatanlığa (accessibility) və best practices-ə giriş

Modul 2

1.CSS-ə giriş CSS selektorları və xüsusiyyətlər Mətn və şriftlərin stillənməsi Box Model Position Flexbox layout Grid layout Responsive design, Media queries və responsive design prinsipləri Animations və transitions Figma icmalı və Developer Tools-a giriş CSS preprocessors (məs., SASS, LESS) BEM metodologiyası (CSS class naming) Sass/SCSS-ə giriş (Structure, Mixins, Functions, Variables)

Modul 3

1.Branching və merging strategiyaları (git branch, git checkout) Github Projects və workflow management Git Flow practices JavaScript-ə giriş və xüsusiyyətləri Development environment qurulması (Text editor, Browser) HTML & CSS-in JavaScript ilə inteqrasiyası İlk JavaScript kodunun yazılması Variables, Data types və Operators Control flow (if, else, loops) Functions (Declaration, Parameters, Return values) Scope və Variable hoisting Arrays və Object fundamentals DOM Manipulation (elementlərə çatmaq və dəyişmək) Event handling (Click, Submit, Keypress) Drag & Drop API Dynamic content creation and modification Binary data, Files Module review and project

Modul 4

1.Function hoisting, Declarations vs Expressions, Arrow function Default parameters, Rest & Spread operator Higher-order array methods (forEach, map, reduce, filter, etc.) First-class functions (Arguments, Returning functions) ES6 & ES7 features (Sets, Maps) Object inheritance və prototype chaining new keyword və this keyword Function constructor ilə object creation Asynchronous JavaScript (setTimeout, setInterval) Promises (resolve, reject, then(), catch()) Fetch API ilə HTTP requests-ə giriş async/await JSON data və REST APIs (POST/PUT/PATCH/DELETE methods) HTTP status code Functional programming concepts (Pure functions, Immutability) Closures və currying JavaScript runtime environment (Call stack, Heap memory, Event loop, Callback queue) Browser Object Model (BOM) və Web storage Node.js-ə giriş NPM Build tools (webpack, esbuild) Transpiler (Babel) Module systems (commonjs & ES6) Algorithms və Big O notation (sorting, searching — LeetCode exercises)

Modul 5

1.React-ə giriş React.js tarixi Component-driven architecture və Single-Page Applications (SPAs) React development environment (Create React App / Vite) JSX syntax-ə giriş React components yaratmaq (Functional components) Exercises: Building basic React components React components-ə deep dive State management & lifecycle methods Routing və navigation React hooks & Context API Context API ilə global state management Thinking in JSX for dynamic content creation Conditional rendering və component composition Props: komponentlər arasında data ötürmək Exercises: Building interactive React components Virtual DOM və DOM ilə əlaqəsi Class component ilə state management-ə giriş Asynchronous state updates və component lifecycle method Event handling React components-də Exercises: Working with state and lifecycles in React React Router-a giriş (SPA routing) Nested routing və route parameters Exercises: Building navigational UIs with React Router React hooks (useState, useEffect, useRef) React Router hooks (useHistory, useParams, useLocation) Class və stateful functional components fərqi Exercises: Using hooks for state management and navigation React Context API-a giriş (data sharing across components) useContext hook ilə Context API istifadə Exercises: Building a context provider and consumer Making API requests Custom hooks və practice Redux-a giriş (Redux Toolkit) React-Redux və asynchronous Redux UI component libraries & styling Performance optimization techniques Higher-order components (HOCs) & clean code Fetch API ilə React-də HTTP requests Axios ilə sadələşdirilmiş HTTP request Exercises: Fetching data from APIs and displaying in React Custom hooks (reusable functionality) Practice project: Building a Quiz application with React Redux (large-scale state management) Redux store və Redux DevTools (debugging) Reducers və actions React-Redux hooks (useSelector, useDispatch) Selectors (efficient data retrieval) Redux middleware (redux-logger) Redux Thunk ilə async actions Ant Design / Material UI inteqrasiyası Styled Components-ə giriş (CSS-in-JS) Lazy loading və code splitting HOCs ilə code reusability Clean code practices React applications-də

Modul 6

1.TypeScript-ə giriş Basic syntax və type annotations Primitive types & functions Classes & objects Interfaces-ə giriş Advanced concepts — quick look TypeScript nədir və niyə istifadə olunur Static typing-in faydaları (clarity, maintainability) Development environment setup (TypeScript compiler, ESLint, code editor) TypeScript syntax (types, interfaces, functions) Variables/functions/object properties üçün type annotation Implicit və explicit type annotation TypeScript kodunu JavaScript-ə compile etmək Primitive types ilə işləmək (string, number, boolean) Function types (parameters, return value) Type-safe functions və compilation errors Classes/objects (type annotation) Access modifiers (public, private, protected) Inheritance və code reuse Interfaces: contracts between objects Specific properties/methods enforcing Interfaces ilə daha yaxşı structure və maintainability Generics-ə qısa giriş (reusable components with types) Enums (optional) Decorators (optional) Testing & debugging TypeScript-in unit testing üçün faydaları (catching errors early) Debugging techniques for TypeScript code TypeScript dəstəyi olan testing frameworks (Jest, Mocha) Security considerations Preventing Cross-Site Scripting (XSS) attack Mitigating Denial-of-Service (DoS) attack Implementing Content Security Policy (CSP) for enhanced security Infosessions with: Expert Product Owner / Product Manager Infosessions with: Expert Agile Coach / Scrum Master Infosessions with: Expert Back end Developer Infosessions with: Expert UX/UI Final project

Qabaqcıl məzunlarımız

Bu kurs üçün hələ məzun məlumatı əlavə olunmayıb.

Müəllimlərimiz

Bu kateqoriyada müəllim tapılmadı.

Bazarda əməkhaqqı

800-1200 AZN

Junior

0-1 il təcrübə

1200-2000 AZN

Middle

1–3 il təcrübə

2000-3500

Senior

3+ il təcrübə

Ən çox verilən suallar

idtech texnologiya, proqramlaşdırma və rəqəmsal bacarıqlar sahəsində təhsil verən müasir bir öyrənmə ekosistemidir.
Saytımızdakı 'Müraciət et' bölməsindən formu doldurmaqla qeydiyyatdan keçə bilərsiniz.
Dərslər həm yeni başlayanlar, həm də təcrübəsini dərinləşdirmək istəyənlər üçün uyğundur.
Bəli, dərslər həm onlayn, həm də sinif şəraitində keçirilir.