Мета закинута
Автор не відписував в цілі 2 року 10 месяців 3 дня
Компетенция верстальщик -- HTML, CSS, JS (курс)
Нашла на Stepik этот курс и что-то захотелось пройти. Половину тем оттуда я знаю, но было бы неплохо освежить их в памяти + есть темы, которых я еще не касалась.
Критерій завершення
Пройти курс
-
1. Введение
-
1.1. Введение
-
-
2. Основы HTML и CSS
-
2.1. Основы HTML
-
2.2. Основы CSS
-
2.3. Работа с текстом
-
2.4. Работа с блочными элементами
-
2.5. Стилизация блочных элементов
-
2.6. Работа со ссылками и кнопками
-
2.7. Работа с изображениями и иконками
-
2.8. Псевдоклассы и псевдоэлементы CSS
-
2.9. Структура сайтов и типы макетов
-
2.10. Таблицы и табличная вёрстка
-
2.11. Блочная модель вёрстки old-style
-
2.12. Позиционирование, выпадающее меню
-
2.13. Введение во FlexBox
-
2.14. Блочная модель вёрстки на флексах
-
-
3. Работа с макетами
-
3.1. Нарезка макета в Photoshop
-
3.2. Zeplin и импорт из Photoshop и Figma
-
3.3. Мастер-класс по вёрстке макета
-
-
4. Продвинутые техники HTML и CSS
-
4.1. Основы БЭМ
-
4.2. Элементы форм
-
4.3. Добавление аудио и видео
-
4.4. Фильтры CSS
-
4.5. Семантические теги HTML5
-
4.6. Кроссбраузерность
-
4.7. Трансформации CSS3
-
4.8. Анимации CSS3
-
4.9. Работа с адаптивом
-
4.10. Базовое использование препроцессора SASS/SCSS
-
4.11. Продвинутое использование препроцессора SASS/SCSS
-
-
5. Bootstrap4
-
5.1. Общие возможности Bootstrap
-
5.2. Работа с сеткой Bootstrap
-
5.3. Использование компонентов Bootstrap
-
-
6. JavaScript для верстальщиков
-
6.1. Введение в JS
-
6.2. Ветвления и циклы
-
6.3. Объекты и массивы JS
-
6.4. Функции JS
-
6.5. Понятие DOM и узлов
-
6.6. Обработка события по клику
-
6.7. Создание слайдера на JS
-
6.8. Создание модального окна
-
6.9. Создание табов
-
6.10. Создание фильтра карточек
-
-
7. Библиотеки JS
-
7.1. Основы JQuery
-
7.2. Галерея FancyBox
-
7.3. Анимации ParollerJs, ParallaxJs
-
7.4. Анимации ScrollMagic
-
7.5. Адаптивный слайдер SwiperJs
-
-
8. Спецификация CSSGrid
-
8.1. Базовая терминология
-
8.2. Базовые возможности
-
8.3. Шаблоны и фракции
-
8.4. Grid области и работа с ними
-
8.5. Выравнивание
-
8.6. Методы адаптива
-
8.7. Нюансы использования
-
8.8. CSS-переменные
-
-
9. Проект. Вёрстка макета от и до
-
9.1. Обзор шаблона для вёрстки
-
9.2. UI Kit - что и зачем
-
9.3. Настройка окружения
-
9.4. Переменные и типографика
-
9.5. Компонент "Особенность"
-
9.6. Компонент "Скриншот"
-
9.7. Компонент "Отзыв"
-
9.8. Компонент "Цена"
-
9.9. Компоненты форм и соц. иконок
-
9.10. Вводный блок сайта
-
9.11. Блок "О продукте"
-
9.12. Блок "Особенности"
-
9.13. Блок "Скриншоты"
-
9.14. Блок "Отзывы"
-
9.15. Блок "Цены"
-
9.16. Блок "Подвал сайта"
-
9.17. Валидация вёрстки
-
9.18. Production-сборка
-
Не пропустіть нові записи!
Підпишіться на ціль і стежте за її досягненням
