Вступ до HTML & CSS
Вивчайте основи HTML та CSS і створюйте сучасні адаптивні вебсторінки з нуля.
Oleksii Anzhiiak
Софтвер-архітектор, Senior .NET інженер та співзасновник
До кінця курсу ви зможете
- Створювати адаптивні сторінки
- Писати семантичну та доступну верстку
- Використовувати сучасні CSS-лейаути
- Підготуватися до frontend-фреймворків
- Розуміти веб-стандарти
Чи підходить вам цей курс?
Це для вас, якщо ви…
- Ви починаєте frontend з нуля і хочете фундамент, який не зламається на наступній зміні фреймворку
- Ви змінюєте професію і візуальна сторона коду вам подобається — кожна зміна видно на екрані
- Пізніше перейдете на React/Vue, але розумієте: ці фреймворки генерують HTML і CSS, треба знати, що саме вони генерують
Не беріть цей курс, якщо…
- Хочете перестрибнути одразу в React без HTML/CSS — дійдете швидше, але збудуєте на піску
- Розраховуєте робити красиві сайти без навчання дизайну — цей курс про технічний шар; візуальний дизайн це окрема дисципліна
- Ви вже комфортний frontend-розробник — тут немає нічого, чого ви не знаєте. Беріть курс з JavaScript (#11)
Хто викладає
Oleksii Anzhiiak
Софтвер-архітектор, Senior .NET інженер та співзасновник
Олексій Анжіяк — софтвер-архітектор, Senior .NET інженер та співзасновник ToyCRM.com і ProfectusLab. Має понад 15 років досвіду у розподілених системах, хмарній інфраструктурі, high-load backend-розробці та identity-платформах. Проєктує складні архітектури, створює безпечні системи автентифікації та розробляє сучасні освітні програми, які допомагають студентам досягати реальних кар'єрних результатів.
Зараз очолює архітектуру ToyCRM.com — мультитенантної CRM-платформи на .NET, яку будує наша команда. Ті самі патерни й архітектурні рішення, що використовуються там, напряму потрапляють у курси: identity та авторизація, розподілені сервіси, культура код-рев'ю. Ви вчитеся в інженерів, які активно випускають продакшн-код, а не з підручника.
Навчальний план
Курс охоплює основні принципи HTML і CSS:
- 1 Модуль 1: Вступ до HTML
- 2 Модуль 2: Робота з зображеннями
- 3 Модуль 3: Таблиці та списки
- 4 Модуль 4: Div та Span
- 5 Модуль 5: Основи CSS
- 6 Модуль 6: Мета-теги
- 7 Модуль 7: Форми
- 8 Модуль 8: CSS анімації
- 9 Модуль 9: Практичне заняття та запитання-відповіді
Передумови
Базові навички роботи з комп'ютером і бажання вчитися. Навчальні матеріали проведуть вас крок за кроком.
Попередній досвід не потрібен.
Що ви побудуєте
Виходите з особистим портфоліо-сайтом, який самі зібрали і задеплоїли — семантичний HTML, сучасний Flexbox/Grid, адаптивний на телефоні. Перше, що відкриває frontend-рекрутер, це сайт-портфоліо кандидата; цей курс робить так, щоб цей клік не розчарував.
- Семантична HTML5-розмітка
- CSS-селектори та box model
- Flexbox та Grid
- Адаптивна верстка
- Основи доступності
- Типографіка та кольори
- Mobile-first підхід
Де це у вашій кар'єрі
Читати паралельно з курсом
Глибокого розбору, прив'язаного до цього курсу, поки немає. Відкрити весь блог
Перше заняття — за наш рахунок. Рішення — після знайомства з інструктором.
Долучіться до першої сесії. Якщо після першого уроку вирішите, що інструктор вам не підходить — ви за нього не платите, без незручних розмов. (Пробне діє на курсах довших за 5 занять; цей курс підходить.)
Вартість і що входить
Що входить
- 9 живих занять × 2 години — викладач веде особисто, а не відтворення запису
- Презентація до кожного заняття — залишається у вас і доступна для перегляду в будь-який час
- Робочі файли коду та data-файли з заняття — клонуються до вас на машину
- Щотижнева домашка з особистим код-рев'ю від викладача
- Запис на запит — попередьте викладача заздалегідь («не зможу у вівторок, запишіть, будь ласка») і заняття буде записане для вас
Часті запитання
Скільки часу на тиждень це займе?
Закладайте час на самі заняття плюс приблизно 1.5–2 години практики на кожне. Більшість студентів, які встигають у графік, витрачають 4–6 годин на тиждень. Менше — теж працює, просто довше.
Що, якщо я пропущу заняття?
Скажіть викладачу ДО заняття — «не зможу у вівторок, запишіть, будь ласка» — і він запише цей урок і пришле вам. Записи не є автоматичним архівом, вони робляться на запит, коли ви попереджуєте заздалегідь. Після уроку — виконайте домашку і приходьте з питаннями на наступне.
Що входить у вартість?
Живі заняття з викладачем; презентації до кожного заняття (залишаються у вас); робочі файли коду та будь-які data-файли, що використовувались на занятті; домашка з код-рев'ю щотижня; і записи тих занять, про які ви попередили заздалегідь. Усе понад це — сертифікат, alumni-доступ, mock-інтерв'ю — явно перелічено в «Що входить» над FAQ для тих курсів, де це застосовується.
А якщо я записався, і викладач мені не підійшов?
На курсах довших за 5 занять перше заняття фактично пробне — якщо після першого уроку вирішите, що викладач вам не підходить, ви за нього не платите. Краще піти після одного уроку, ніж тягнути 9 тижнів на поганій хімії. (Курси з 5 або менше занять занадто короткі — пробне там не має сенсу, діє звичайна оплата.)
Чи можна повернути гроші, якщо кидаю посередині?
Так — поки більше половини курсу залишається невикористаною (тобто ви відвідали менше 50% занять). Повернення — пропорційно невикористаній частині. Після половини курсу не повертаємо — вважаємо, що цінність уже отримана.
Чи можна змінити мову викладання?
Живі заняття проводяться мовою, вказаною у блоці «Доступні мови» вище. Слайди та файли коду зазвичай доступні чотирма (англійська, російська, українська, грузинська). Багато студентів слухає заняття однією мовою, а матеріали читає іншою — це нормально.
Чи буду я готовий до реальної роботи після курсу?
Один курс рідко сам по собі влаштовує когось на роботу — у будь-якій сфері. Цей курс дає фундамент, на який очікує junior-менеджер з найму: робочий код, який ви написали самі, словник, щоб читати чужий код, і звички, які роблять вас наймаються. Чесна відповідь на «чи готовий я?» — на нашій дорожній карті (посилання в шапці): відкрийте рівень, до якого хочете дійти, і прочитайте чек-лист «Готові, коли…».
Чи можна оплатити частинами?
Так для курсів, у яких у верхній панелі вказано «Щомісячна оплата» — зазвичай це два-три однакових платежі. Курси без цієї опції оплачуються одноразово. Якщо ціна — перешкода, напишіть нам, ми дивимось на кожен випадок окремо.
Вам також може сподобатись
Вступ до HTML5 та CSS3
Вивчайте сучасні стандарти HTML5 та CSS3: семантичну розмітку, Canvas, мультимедіа, WebSockets, WebStorage, анімації, трансформації та адаптивний дизайн.
Вступ до JavaScript
Вивчайте JavaScript з нуля: синтаксис, логіку, масиви, функції, об’єкти, події, DOM, AJAX та збереження даних на клієнті. Надійний фундамент для фронтенд-розробки.
Вступ до ASP.NET Core
Вивчіть основи ASP.NET Core, сучасну backend-розробку, DI, маршрутизацію, контролери, REST API та розгортання.