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

Вступ до веб-розробки та інструменти

На цьому курсі починають з основ. Спочатку розбирають, що таке фронтенд-розробка і які завдання вирішує розробник. Знайомляться з HTML, CSS та JavaScript - основними мовами для створення сайтів. Вчать працювати з інструментами: редакторами коду, DevTools та системою контролю версій Git. Створюють акаунт на GitHub і налаштовують репозиторій для майбутніх проектів.

Основи HTML та CSS

Тут вчать будувати структуру веб-сторінок за допомогою HTML. Використовують семантичну розмітку - це робить код зрозумілішим для пошукових систем. Додають посилання, зображення, форми та списки. Потім переходять до CSS: працюють з кольорами, текстом, фоном. Вивчають Flexbox для створення сучасних макетів.

JavaScript: від основ до просунутих тем

Цей блок присвячений JavaScript. Спочатку вивчають базові концепції: змінні, типи даних, функції, умовні оператори. Потім переходять до складніших тем - робота з масивами, об'єктами, структурами даних. Вчать працювати з мережевими запитами через Fetch API, використовують Promise та async/await для асинхронного коду.

Проєктування та сучасні технології

На цьому етапі вчать створювати зручні інтерфейси, орієнтуючись на принципи UI/UX. Знайомляться з SASS-препроцесором, який дозволяє писати CSS з використанням змінних і міксинів. Вивчають об'єктно-орієнтоване програмування, патерни проєктування та принципи чистого коду.

React та сучасні фреймворки

Тут переходять до React - популярної бібліотеки для створення інтерфейсів. Вчать працювати з компонентами, JSX та станом додатка. Використовують хуки, React Router для навігації та Redux для керування станом. Знайомляться з UI-фреймворками Bootstrap і Tailwind CSS для швидкої розробки.

Серверний рендеринг та Next.js

Цей модуль присвячений серверній частині. Вивчають Next.js - фреймворк для React, який дозволяє робити серверний рендеринг. Працюють з різними методами отримання даних, маршрутизацією, створенням API. Вчать оптимізувати завантаження зображень і використовувати кешування.

Завершення проекту та публікація

На завершальному етапі створюють повноцінний веб-додаток. Використовують всі отримані навички: React, SCSS, Tailwind CSS. Потім публікують проект на Vercel - це платформа для деплою. Навчаються налаштовувати автоматичне розгортання з GitHub. У кінці готуються до співбесід - розбирають типові технічні питання.

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

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

Що включено

Вечірні заняття

Видається диплом/сертифікат

Реальний проект у портфоліо

Супровід ментора

Frontend Developer

Про курс

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

Вступ до веб-розробки та інструменти

Основи HTML та CSS

JavaScript: від основ до просунутих тем

Проєктування та сучасні технології

React та сучасні фреймворки

Серверний рендеринг та Next.js

Завершення проекту та публікація

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

Що включено

Про школу

Robot Dreams

Інші курси школи

DevOps Engineer

Основи геймдизайну

SQL Advanced для аналітики