Курс Front-end

Наш курс Front End для підлітків надає унікальну можливість отримати глибокі знання та практичні навички у сфері веб-розробки. Після завершення курсу студенти матимуть змогу створювати професійні веб-додатки, працювати з популярними фреймворками та інструментами, а також ефективно співпрацювати в команді, використовуючи систему контролю версій Git.

Програма курсу

Структура курсу

• HTML&CSS + git&github
• Інструменти для інтерфейсного дизайну (Figma, Sketch, Adobe XD): Дизайн та прототипи
• Просунутий конструктор сайтів Webflow
• JavaScript
• Фреймворки (Vue та React)
• Додаткові бібліотеки та інструменти
• Підготовка до працевлаштування

Додаткові теми

HTML & CSS + git & github

• Фреймворки CSS (Sass, Less): Гнучке та ефективне написання стилів
• CSS-методології (BEM, OOCSS, SMACSS): Управління стилями
• Інструменти автоматизації (Gulp)
• Робота з ШІ (Copilot, Supermaven, ChatGPT)

JavaScript

Робота з бандлерами Webpack та Rollup: Взаємодія з зовнішніми даними.

Фреймворки (Vue та React)

• Робота з REST API: Взаємодія з зовнішніми даними
• Управління стейтом (Redux(React) / Pinia(VUE))
• Роутинг: Vue Router (VUE),(React router DOM) (React)
• Просунута типізація (TypeScript)
• Бібліотеки для роботи з HTTP-запитами (Axios, Vue Query (VUE), React Query (React)): Управління асинхронними запитами
• UI-бібліотеки компонентів (Shadcn ui, Tailwind CSS Components): Компоненти для швидкої розробки UI

Додаткові бібліотеки та інструменти

• Оптимізація продуктивності (Performance Optimization): Техніки підвищення швидкості
• Тестування (Jest, Mocha, Cypress): Забезпечення надійності та якості коду
• Server-Side Rendering (SSR): Next.js для React, Nuxt.js для Vue
• Motion UI, Framer Motion: Плавні анімації
• SVG анімації та маніпуляції: Векторна графіка
• WebGL та Three.js: 3D-графіка
• websocket

Проміжні результати

• Перші уроки: Розуміння HTML та CSS, створення простої веб-сторінки
• Наступні 8 уроків: Знання JavaScript, створення інтерактивних елементів
• Наступні уроки: Освоєння фреймворків, створення простого додатку
• Далі: Глибше вивчення інструментів автоматизації, управління станом, роутинг

Що отримає студент

Практичні навички

• Створення структурованих веб-сторінок за допомогою HTML
• Стилізація та модульність стилів з використанням CSS і Sass
• Додавання інтерактивних елементів за допомогою JavaScript
• Робота з фреймворками React або Vue для побудови сучасних веб-додатків
• Управління станом додатка з Redux(React) тa Pinia(VUE)
• Налаштування навігації між сторінками (роутинг)
• Автоматизація задач з Gulp
• Використання Git для контролю версій і командної роботи

Портфоліо

Студенти створять власне портфоліо з розробленими веб-додатками, що стане чудовою основою для подальшої кар'єри.

Кар'єрні можливості

• Отримані знання дозволять претендувати на позиції фронтенд-розробника
• Можливість працювати над простими та середніми проєктами
• Високі шанси на працевлаштування з початковою зарплатою від $500 до $1000 на місяць

Де можна використати ці навички

• Кар'єра в ІТ: Можливість почати кар'єру у сфері веб-розробки та з часом стати провідним фахівцем
• Фриланс: Виконання замовлень на створення та підтримку веб-додатків для клієнтів з усього світу
• Особисті проєкти: Реалізація власних ідей та стартапів, створення персональних або комерційних веб-додатків

Особливості курсу

• Допомога ментора
• Практика
• Вік: від 13 до 17
• Інтенсивність - 2 заняття на тиждень
• Сертифікат про проходження курсу
• Проєкт в портфоліо

Викладачі курсу

• Тарас - Front-end Developer
• Назар - React & Next.js Developer