Изучение бесплатных курсов на HTML Academy
Любые технологии начинаются с азов, я конечно знаю азы и владею версткой, но учитывая громадный опыт ребят из HTML Academy, у них есть чему поучиться, тем более в такой интересной форме. С некоторыми вещами я не и не работал толком, например с flexbox layout. Надеюсь убрать пробелы в тонкостях и получить море фана. Буду описывать мои впечатления по мере прохождения курса.
Goal Accomplishment Criteria
Пройти бесплатные курсы на HTML Academy
Personal resources
Время, информация, знания и навыки
Goal ecological compatibility
Хочу повторить некоторые тонкости верстки для создания качественных сайтов.
-
Знакомство
Знакомимся с Академией, инструктором Кексом и базовыми понятиями вёрстки.
-
Основы HTML
Изучаем разметку: от простейших текстовых тегов и типовой структуры страницы до сложных форм, видео и аудио.
-
Структура HTML-документа
-
Разметка текста
-
Ссылки и изображения
-
Знакомство с таблицами
-
Знакомство с формами
-
-
Основы CSS
Знакомимся с синтаксисом CSS, тренируемся использовать селекторы, каскадность и наследование.
-
Знакомство с CSS
-
Селекторы, часть 1
-
Наследование и каскадирование
-
-
Декоративные эффекты
Интерфейсы должны быть красивыми! И для этого в CSS море возможностей.
-
Позиционирование
-
Фоны, часть 1
-
-
Оформление текста
Самое главное в вебе — это текст. А что может быть лучше хорошо оформленного текста?
-
Оформление текста, часть 1
-
-
Препроцессор LESS
Знакомимся с инструментами ускорения вёрстки.
-
Знакомство с LESS
-
-
Построение сеток
«Сетка» или «раскладка» — это расположение крупных блоков страницы. Проще говоря, учимся строить колонки.
-
Блочная модель документа
-
Сетки
-
Флексбокс, часть 1
-
Флексбокс, часть 2
-
-
Мастерские
Применяем полученные знания для создания типовых блоков сайтов и сложных элементов интерфейса.
-
Мастерская: создаём меню
-
Мастерская: декоративные элементы
-
-
SVG
Даёшь векторный веб!
-
Знакомство с SVG
-
Оформление SVG-фигур
-
Don't miss new posts!
Subscribe for the Goal and follow through to its completion
