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

Початок роботи з фронтенд-розробкою

Курс починається з введення в налаштування робочого середовища. Студенти обирають редактор коду та розбираються з основами HTML. Вони вивчають структуру елементів, метадані та основи форматування тексту - заголовки, параграфи, списки. Перші практичні завдання включають створення гіперпосилань та розуміння різниці між абсолютними та відносними URL.

Структура веб-сторінки та базова верстка

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

Основи CSS та стилізація

Модуль присвячений роботі з CSS. Починається з основ синтаксису, веб-шрифтів та стилізації текстових елементів. Студенти вивчають селектори, комбінатори, каскадність та успадкування. Особлива увага приділяється псевдокласам та псевдоелементам. Практичне завдання - додавання CSS до резюме та підключення шрифтів.

Сучасні методи верстки

Цей блок охоплює сучасні підходи до верстки. Вивчається блокова модель документа, розміщення елементів на сторінці та Flexbox. Студенти верстають картку товару, працюють із фоновими зображеннями та вивчають препроцесори. Додатково розглядаються CSS-анімації та Grid Layout для створення складних макетів.

Адаптивний дизайн та практика

Модуль фокусується на адаптації сайтів до різних пристроїв. Студенти вивчають media queries, верстають адаптивне меню та галерею товарів. Розглядається робота з дизайн-інструментами Figma, Zeplin, Avocado для отримання необхідних стилів. Практичне заняття включає верстку цілої сторінки та оптимізацію готової верстки.

Робота з Git та системи контролю версій

Цей розділ присвячений роботі з системою контролю версій Git. Студенти вивчають основи роботи з репозиторіями, потім переходять до поглибленого аналізу та підключення локального Git до GitHub. Це важлива частина робочого процесу сучасного розробника.

Основи JavaScript

Завершальна частина курсу вводить в мову програмування JavaScript. Студенти вивчають змінні, типи даних, оператори, роботу з числами та рядками. Розглядаються умовні інструкції, цикли, функції та різні способи їх оголошення. Особлива увага приділяється роботі з масивами та об'єктами - основним структурам даних в JavaScript.

Особливості навчання

Курс включає 50 відеоуроків тривалістю 10-20 хвилин. Доступ до всіх матеріалів надається на 6 місяців. Додатково є посилання на статті та кейси для самостійного опрацювання. За умови засвоєння 80% матеріалу видається сертифікат про закінчення курсу.

Що включено

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

Заняття цілий день

Frontend Base

Про курс

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

Початок роботи з фронтенд-розробкою

Структура веб-сторінки та базова верстка

Основи CSS та стилізація

Сучасні методи верстки

Адаптивний дизайн та практика

Робота з Git та системи контролю версій

Основи JavaScript

Особливості навчання

Що включено

Про школу

Powercode Academy

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

Sales in IT

Основи тестування. Ефективний QA

QA Automation