Вступ до HTML5 та CSS3
Вивчайте сучасні стандарти HTML5 та CSS3: семантичну розмітку, Canvas, мультимедіа, WebSockets, WebStorage, анімації, трансформації та адаптивний дизайн.
Oleksii Anzhiiak
Софтвер-архітектор, Senior .NET інженер та співзасновник
До кінця курсу ви зможете
- Створювати складні адаптивні лейаути
- Розробляти анімовані UI-компоненти
- Використовувати можливості HTML5
- Будувати масштабовану CSS-архітектуру
- Покращувати UX та продуктивність
Чи підходить вам цей курс?
Це для вас, якщо ви…
- Пройшли курс з основ HTML/CSS (#6) і хочете наступний шар — анімації, сучасні лейаути, семантичний HTML5
- Втомились від війн за CSS-специфічність і хочете справжню архітектуру (BEM, scoped styles, design tokens)
- Вже вмієте зробити статичну сторінку і тепер хочете, щоб вона виглядала як 2026, а не 2014
Не беріть цей курс, якщо…
- Ви починаєте frontend з нуля — спочатку #6; цей курс передбачає, що ви вже пишете базовий HTML/CSS
- Вважаєте, що CSS це «просто кольори і шрифти» — половина курсу про мислення у системах лейаута, і це найскладніша частина
- Хочете пропустити CSS і повністю спиратись на UI-фреймворк — можна, але стелю отримаєте, щойно знадобиться кастом
Хто викладає
Oleksii Anzhiiak
Софтвер-архітектор, Senior .NET інженер та співзасновник
Олексій Анжіяк — софтвер-архітектор, Senior .NET інженер та співзасновник ToyCRM.com і ProfectusLab. Має понад 15 років досвіду у розподілених системах, хмарній інфраструктурі, high-load backend-розробці та identity-платформах. Проєктує складні архітектури, створює безпечні системи автентифікації та розробляє сучасні освітні програми, які допомагають студентам досягати реальних кар'єрних результатів.
Зараз очолює архітектуру ToyCRM.com — мультитенантної CRM-платформи на .NET, яку будує наша команда. Ті самі патерни й архітектурні рішення, що використовуються там, напряму потрапляють у курси: identity та авторизація, розподілені сервіси, культура код-рев'ю. Ви вчитеся в інженерів, які активно випускають продакшн-код, а не з підручника.
Навчальний план
Курс охоплює сучасні технології HTML5 та CSS3:
- 1 Модуль 1: Семантична розмітка
- 2 Модуль 2: Використання Canvas
- 3 Модуль 3: Відео та аудіо
- 4 Модуль 4: Geolocation API
- 5 Модуль 5: Нові елементи form
- 6 Модуль 6: Комунікація
- 7 Модуль 7: WebSockets
- 8 Модуль 8: WebWorkers
- 9 Модуль 9: WebStorage
- 10 Модуль 10: Offline-застосунки
- 11 Модуль 11: Вступ до CSS3
- 12 Модуль 12: Текстові стилі в CSS3
- 13 Модуль 13: Псевдокласи та стилі
- 14 Модуль 14: Градієнти, трансформації та анімації
- 15 Модуль 15: Адаптивний вебдизайн
Передумови
Базові навички роботи з комп'ютером і бажання вчитися. Навчальні матеріали проведуть вас крок за кроком.
Досвід не потрібен.
Що ви побудуєте
Виходите із сучасними frontend-навичками, які РЕАЛЬНО використовуються сьогодні: анімовані UI-компоненти, багатоколонкові лейаути, що виживають на будь-якому екрані, доступна верстка, performance-aware CSS. Це той рівень, на якому CV починають брати на junior frontend.
- CSS-анімації та переходи
- Поглиблений Flexbox і Grid
- HTML5 API (storage, media, canvas)
- Адаптивні UI-патерни
- CSS-змінні та теми
- Продуктивна стилізація
- Доступні компоненти
Де це у вашій кар'єрі
Читати паралельно з курсом
Глибокого розбору, прив'язаного до цього курсу, поки немає. Відкрити весь блог
Перше заняття — за наш рахунок. Рішення — після знайомства з інструктором.
Долучіться до першої сесії. Якщо після першого уроку вирішите, що інструктор вам не підходить — ви за нього не платите, без незручних розмов. (Пробне діє на курсах довших за 5 занять; цей курс підходить.)
Вартість і що входить
Що входить
- 15 живих занять × 2 години — викладач веде особисто, а не відтворення запису
- Презентація до кожного заняття — залишається у вас і доступна для перегляду в будь-який час
- Робочі файли коду та data-файли з заняття — клонуються до вас на машину
- Щотижнева домашка з особистим код-рев'ю від викладача
- Запис на запит — попередьте викладача заздалегідь («не зможу у вівторок, запишіть, будь ласка») і заняття буде записане для вас
Часті запитання
Скільки часу на тиждень це займе?
Закладайте час на самі заняття плюс приблизно 1.5–2 години практики на кожне. Більшість студентів, які встигають у графік, витрачають 4–6 годин на тиждень. Менше — теж працює, просто довше.
Що, якщо я пропущу заняття?
Скажіть викладачу ДО заняття — «не зможу у вівторок, запишіть, будь ласка» — і він запише цей урок і пришле вам. Записи не є автоматичним архівом, вони робляться на запит, коли ви попереджуєте заздалегідь. Після уроку — виконайте домашку і приходьте з питаннями на наступне.
Що входить у вартість?
Живі заняття з викладачем; презентації до кожного заняття (залишаються у вас); робочі файли коду та будь-які data-файли, що використовувались на занятті; домашка з код-рев'ю щотижня; і записи тих занять, про які ви попередили заздалегідь. Усе понад це — сертифікат, alumni-доступ, mock-інтерв'ю — явно перелічено в «Що входить» над FAQ для тих курсів, де це застосовується.
А якщо я записався, і викладач мені не підійшов?
На курсах довших за 5 занять перше заняття фактично пробне — якщо після першого уроку вирішите, що викладач вам не підходить, ви за нього не платите. Краще піти після одного уроку, ніж тягнути 9 тижнів на поганій хімії. (Курси з 5 або менше занять занадто короткі — пробне там не має сенсу, діє звичайна оплата.)
Чи можна повернути гроші, якщо кидаю посередині?
Так — поки більше половини курсу залишається невикористаною (тобто ви відвідали менше 50% занять). Повернення — пропорційно невикористаній частині. Після половини курсу не повертаємо — вважаємо, що цінність уже отримана.
Чи можна змінити мову викладання?
Живі заняття проводяться мовою, вказаною у блоці «Доступні мови» вище. Слайди та файли коду зазвичай доступні чотирма (англійська, російська, українська, грузинська). Багато студентів слухає заняття однією мовою, а матеріали читає іншою — це нормально.
Чи буду я готовий до реальної роботи після курсу?
Один курс рідко сам по собі влаштовує когось на роботу — у будь-якій сфері. Цей курс дає фундамент, на який очікує junior-менеджер з найму: робочий код, який ви написали самі, словник, щоб читати чужий код, і звички, які роблять вас наймаються. Чесна відповідь на «чи готовий я?» — на нашій дорожній карті (посилання в шапці): відкрийте рівень, до якого хочете дійти, і прочитайте чек-лист «Готові, коли…».
Чи можна оплатити частинами?
Так для курсів, у яких у верхній панелі вказано «Щомісячна оплата» — зазвичай це два-три однакових платежі. Курси без цієї опції оплачуються одноразово. Якщо ціна — перешкода, напишіть нам, ми дивимось на кожен випадок окремо.
Вам також може сподобатись
Вступ до HTML & CSS
Вивчайте основи HTML та CSS і створюйте сучасні адаптивні вебсторінки з нуля.
Вступ до JavaScript
Вивчайте JavaScript з нуля: синтаксис, логіку, масиви, функції, об’єкти, події, DOM, AJAX та збереження даних на клієнті. Надійний фундамент для фронтенд-розробки.
Вступ до ASP.NET Core
Вивчіть основи ASP.NET Core, сучасну backend-розробку, DI, маршрутизацію, контролери, REST API та розгортання.