Курс Front-end Basic

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

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

Вступ. Установка необхідного ПЗ

• Знайомство та план курсу
• Типи файлів
• Браузер
• Мови програмування
• Редактори коду.

Знайомство з HTML

• Структура HTML-документу
• Теги, атрибути тегів
• Розмітка тексту за допомогою HTML
• Посилання
• Списки
• Таблиці
• Зображення. формати зображень
• Форми
• Медіа (video, audio). Iframe
• Теги-орієнтири (header, main, aside, nav, section, article).

Git. Github

• Знайомство з Git. Github.

Знайомство з CSS

• Каскадність. Спадкування
• Підключення CSS
• Рідні стилі. Normalize.css Reset.css
• Селектори
• Стилізація тексту
• Шрифти
• Блокова модель
• Float. Float layout. Clearfix
• Position
• Псевдокласи. Псевдоелементи.

Advanced CSS

• Flexbox. Flexbox layout
• CSS Grid. Grid layout
• CSS препроцесори
• CSS фреймворки
• CSS методології.

Просунута робота з графікою

• SVG
• SVG спрайти
• Іконочні шрифти
• Адаптивна графіка. Тег picture
• Оптимізація графіки.

Адаптивна верстка

• Viewport. @media
• Одиниці вимірювання vh, vw, vmin, vmax, rem
• Знайомство з концепцією Responsive Web Design
• Mobile-first/Desktop-first
• Оптимізація сторінки.

Семантика і доступність

• Семантична розмітка
• Доступність для користувача інтерфейсів.

CSS анімації

• Transform
• Transition
• Filter
• Animation.

Виконання дипломного проєкту.

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

• Групові онлайн заняття
• Особистий кабінет для кожного учня
• Оперативна служба підтримки студентів
• Доступ до відеозаписів занять під час навчання та після його закінчення
• Велика частина занять орієнтована на практику
• Викладачі курсу - практикуючі фахівці, що працюють в топових компаніях
• Можливість повернути всі внесені за навчання кошти до шостого заняття
• Бонус курсу: тренінги по проходженню співбесіди та складанню резюме з HR-фахівцем компанії.

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

• Роман Яремій - Full-Stack Developer at N-iX
• Артем Рижов - Senior Front-end Team Lead at Limitless
• Володимир Шайтан - Senior Full Stack Developer at UKEESS Software House
• Владислав Єрмолаєв - Front-end Developer at InStandart
• Валерій Хомченко - Front-end Developer at SOLAR Digital
• Михайло Корольков - Front-end Developer at MZ Group
• Любомир Горбатюк - Front-end Developer at Smile Ukraine
• Андрій Кривцов - Senior JavaScript Developer at Oracle
• Максим Грічіна - Senior Front-end Developer at Insula Labs
• Олександр Щербачов - Front-end Developer at Covent IT
• Богдан Продан - Front-end Developer at Artkai
• Іван Самойлов - Senior Front-end Developer at Klever
• Сергій Скубида - Front-end Developer at E100
• Владислав Повелиця - Full Stack Developer at EPAM
• Дмитро Крулькевич - Software Engineer at Continuumua
• Ольга Маслова - Front-end Developer at Hyperion Tech
• Сергій Журавель - Lead Software Engineer at Scompler
• Владислав Лещенко - React Developer
• Олександр Фурманов - Front-end Developer
• Юлія Остапенко - Front-end Developer