Frontend დეველოპმენტის სრული კურსი

მოდული 1: Web დეველოპმენტის საფუძვლები (1 თვე)

• HTML5 სტრუქტურა და სემანტიკა
• CSS საფუძვლები და სელექტორები
• Responsive დიზაინის პრინციპები
• Flexbox და Grid სისტემები
• ბრაუზერის დეველოპერ ხელსაწყოები
• ვერსიების კონტროლი Git-ით

მოდული 2: JavaScript ფუნდამენტები (1.5 თვე)

• JavaScript სინტაქსი და მონაცემთა ტიპები
• DOM მანიპულაცია და ივენთები
• ES6+ ფუნქციონალი
• ასინქრონული პროგრამირება (Callbacks, Promises, Async/Await)
• Web APIs და Fetch
• Local Storage და Session Storage
• დებაგინგის ტექნიკები

მოდული 3: CSS გაძლიერებული კურსი (1 თვე)/summary>

• CSS პრეპროცესორები (SASS/SCSS)
• CSS არქიტექტურა (BEM მეთოდოლოგია)
• CSS-ში ანიმაციები და ტრანზიციები
• CSS ფრეიმვორკები (Tailwind CSS)
• CSS-in-JS
• Cross-browser თავსებადობა
• Mobile-first დიზაინი

მოდული 4: TypeScript (1 თვე)

• TypeScript-ის საფუძვლები
• ტიპები და ინტერფეისები
• კლასები და დეკორატორები
• გენერიკები
• ტიპების უტილიტები
• TypeScript კონფიგურაცია
• TypeScript კომპილერის ოპციები

მოდული 5: React ფუნდამენტები (1.5 თვე)

• React კომპონენტები და JSX
• Props და State მენეჯმენტი
• React Hooks საფუძვლები
• კომპონენტების lifecycle
• ფორმებთან მუშაობა
• კონტექსტი და prop drilling
• React Router
• React Developer Tool

მოდული 6: გაძლიერებული React (1 თვე)

• Redux/Redux Toolkit
• React Query
• Performance ოპტიმიზაცია
• Custom Hooks
• Error Boundaries
• React Suspense
• Code Splitting
• Lazy Loading

მოდული 7: თანამედროვე Frontend ტექნოლოგიები (1 თვე)

• Next.js და SSR
• Progressive Web Apps (PWA)
• Web Components
• GraphQL კლიენტები
• Webpack და Vite
• Testing Library და Jest
• Storybook კომპონენტების დოკუმენტაციისთვის

მოდული 8: პროფესიონალური პრაქტიკები (1 თვე)

• Clean Code პრინციპები Frontend-ში
• კომპონენტების არქიტექტურა
• Unit და Integration ტესტირება
• E2E ტესტირება Cypress-ით
• CI/CD პაიპლაინები
• დეპლოიმენტი და ჰოსტინგი
• Performance მონიტორინგი

შეფასების სისტემა

• პრაქტიკული დავალებები: 40%
• შუალედური პროექტები: 30%
• საბოლოო პროექტი: 30%

საბოლოო პროექტი

სტუდენტები შექმნიან კომპლექსურ Frontend აპლიკაციას, რომელიც მოიცავს:

• Next.js-ზე დაფუძნებულ SSR აპლიკაციას
• Redux-ით სტეიტის მართვას
• კომპლექსურ ფორმებს და ვალიდაციას
• რესფონსიულ დიზაინს
• ანიმაციებს და ინტერაქტიულ ელემენტებს
• Unit და E2E ტესტებს
• CI/CD პაიპლაინს
• PWA ფუნქციონალს

პრაქტიკული პროექტები მოდულების მიხედვით

• პორტფოლიო ვებსაიტი (HTML/CSS)
• ინტერაქტიული დეშბორდი (JavaScript)
• ონლაინ მაღაზია (React)
• სოციალური ქსელის კლონი (React/Redux)
• ბლოგის პლატფორმა (Next.js)