Курс HTML для JS розробників

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

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

Вивчаємо:

• Теги html
• Види тегів
• Верстка HTML сторінки
• CSS, класи, id, стилі
• Блокові та рядкові елементи
• Позиціонування елементів
• float, flex, grid
• Адаптивна верстка
• Медіазапити
• HTML5, валідація коду
• Семантична верстка
• Псевдокласи та псевдоелементи
• Анімація, @keyframe
• gulp
• bootstrap
• Проєкт
• Деплой сайту на хостинг

Спринти:

• Основні теги HTML
• Основи CSS. Поняття класів, стилів. Написання CSS коду
• Правильна організація CSS коду
• Позиціонування елементів. Таблична верстка
• Позиціонування елементів. Властивість Position
• Позиціонування - практика
• Позиціонування елементів. Float
• Позиціонування елементів. Flex
• Позиціонування елементів. Grid Layout
• Структура сайту. HTML 5 теги. Семантика
• Адаптивність сайту. Перебудова сайту під мобільні пристрої
• Псевдоелементи та псевдокласи
• Основи анімації
• Готовимо Gulp для проєкту
• Починаємо проєкт
• Розгортаємо проєкт. Bootstrap і скелет
• Проєкт. Блок фото, контактів, навичок, досягнень
• Проєкт. Верстаємо правий блок з досвідом роботи
• Проєкт. Адаптуєм під мобільні пристрої
• Заливаємо проєкт на безплатний хостинг
• Робимо вивід інформації за домопогою JavaScript

Проєкти:

• Верстка сторінки "Підводний човен" - для роботи з класами та id
• Верстка сторінки плаката
• Проєкт курсу створення сайту резюме із заповненням даними на основі JavaScript. Верстка із застосуванням фреймворку Boostrap. Складання проєкт, мінімізація файлів CSS, JS за допомогою збирача Gulp

Вимоги до проходження курсу

Базові навички роботи з комп'ютером.

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

• 21 спринт та 125 тасок
• Проєкт в портфоліо
• Допомога та підтримка
• Розбір та усунення багів
• Доступ без обмежень по часу
• Сертифікація