Подборка курсов по Frontend: HTML, CSS и JavaScript
Для тех, кто хочет бесплатно попробовать себя в профессии: рекомендуем смотреть по списку
  1.
    Вводный курс по HTML и CSS для начинающих (9 часовое)
    5 видео для начинающих
    Дмитрий Лаврик
    1. Как работают сайты
    2. Основы HTML
    3. Основы CSS
    4. Наследование стилей в CSS
    5. Типичные ошибки
    Смотреть онлайн
  2. Курс верстки сайта на Bootstrap 4
    Bootstrap 4 - это набор инструментов, который позволит вам верстать сайты в 3-4 раз быстрее
    Кудлай Андрей
    1. Стартовый шаблон Bootstrap
    2. Компонент Navbar
    3. Компонент Carousel
    4. Одиночный пост
    5. Сетка постов
    6. Кнопка Load More (показать еще)
    7. Секция с формой
    8. Футер сайта
    9. Адаптивность сайта
    10. Открыть доступ
    Смотреть онлайн
  3. Курс по FlexBox: модель веб-макета CSS3
    FlexBox - это альтернатива Bootstrap, которая поможет убрать лишние библиотеки
    Алексей Супрун
    1. Введение в FlexBox
    2. Первая сетка
    3. Макет
    4. Flexbox 2
    5. Делаем header и навигацию
    6. Верстка SideBar-а
    7. Верстка адаптивного слайдера
    8. Верстка галереи
    9. Верстка постов блога
    10. Форма регистрации
    11. Верстка адаптивного макета
    Смотреть онлайн
  4. Практический курс: верстаем сайт по шаблону PSD
    Верстка сайта при помощи мощного и современного инструмента - Avocode
    Pit
    1. О программе Avacode
    2. Введение
    3. Вёрстка баннера
    4. Шрифтовые иконки на сайте
    5. Практика
    6. Практика
    7. Практика
    8. Практика
    9. Практика
    10. Практика
    11. Практика
    12. Практика
    13. Практика
    14. Практика
    15. Практика
    16. Практика
    17. Практика
    18. Практика
    19. Практика
    Смотреть онлайн
  5. Видеокурс: адаптивная верстка с нуля
    Адаптивная верстка с нуля + программы
    Артём Исламов
    1. Инструкция к редактору VSC
    2. Инструкция по редактору Avocode
    3. Старт курса
    4. Практика
    5. Практика
    6. Практика
    7. Практика
    8. Практика
    Смотреть онлайн
  6. Уроки CSS анимации
    10 видеоуроков +примеры и исходный код
    Артём Исламов
    1. 3D-карточка на CSS
    2. Анимация блоков
    3. Трансформация карточек
    4. Анимация кнопки меню
    5. Анимация меню
    6. Конверт с подарком
    7. Выпадающее меню
    8. Выпадающее меню слева
    9. Стилизация checkbox
    10. Параллакс-эффект
    Смотреть онлайн
  7. Основы JavaScript - введение в JS
    Знакомство с jаvascript
    Дмитрий Ченгаев
    1. Что такое jаvascript?
    2. Первая программа на jаvascript
    3. Выполнение кода jаvascript
    4. Основы синтаксиса jаvascript
    5. Консоль браузера, console.log и document.write
    6. Переменные и Типы данных
    7. Операции с переменными
    8. Массивы
    9. Условные конструкции
    Смотреть онлайн
  8. Курс по JQuery для верстальщиков
    Видеокурс по JQuery для начинающих
    Алексей Супрун
    1. Введение. Синтаксис
    2. Выбор селекторов. Оптимизация выборки
    3. Работа с CSS
    4. События в JQuery
    5. Анимация. Часть 1
    6. Анимация. Часть 2
    7. Манипуляции с DOM. Часть 1
    8. Манипуляции с DOM. Часть 2
    9. Манипуляции с DOM. Часть 3
    Смотреть онлайн
  9. Gulp для начинающих
    9 видеоуроков по таск ранеру
    Алексей Супрун
    1. Что такое Node.JS
    2. Как установить Gulp
    3. Работа с CSS плагинами
    4. Работа с jаvascript плагинами
    5. Работа с плагинами для картинок
    6. Компиляторы
    7. Ставим локальный сервер
    8. Следим за файлами
    9. Сборка и продакшен проекта
    Смотреть онлайн
  10. SASS уроки для начинающих
    11 уроков по препроцессору SASS
    Алексей Супрун
    1. Установка SASS через Gulp
    2. Синтаксис препроцессора
    3. Вложенности
    4. Переменные в SASS
    5. Операции в SASS
    6. Миксины (Mixin)
    7. Наследование (@extend)
    8. Импорт других SASS файлов (@import)
    9. Как работать быстрее? Директивы @each и @at-root
    10. Ветвления.Условия в SASS. IF(), Else if
    11. Циклы: For, While
    Смотреть онлайн
  11. Верстаем сайт с применением SASS
    Практический курс вёрстки сайта с применением SASS
    Алексей Климанов
    1. Подготовка
    2. Подготовка графики и шрифтов для вёрстки
    3. Начинаем верстать шапку
    4. Анимированное меню. Плагина Mmenu
    5. Решаем проблемы с Mmenu
    6. Флексбокс композиция
    7. Заканчиваем HTML вёрстку шапки
    8. Адаптация шапки под мобильные устройства
    9. Адаптивная карусель, Sass цикл
    10. Шахматная карусель. Флексы
    11. Fotorama - адаптивная галерея изображений
    12. AJAX форма обратной связи
    13. Вёрстка карусели отзывов
    14. Секция «Наши партнёры»
    15. Вёрстка футера
    16. Оптимизация для Google PageSpeed
    Смотреть онлайн
  12. LESS для начинающих
    5 видеоуроков по LESS
    Brainoteka
    1. Как ускорить написание кода. Плагин Emmet
    2. Подключение less и принцип его работы
    3. Работа с переменными в Less
    4. Область видимости переменных в Less
    5. Работа с цветом в Less
    6. Вложенные CSS селекторы в Less
    Смотреть онлайн
  13. Вёрстке сайта по продаже строительных материалов
    8 видеоуроков
    FrontCoder
    1. Что такое Zeplin и Avocode
    2. Вёрстка шапки
    3. Вёрстка шапки продолжение
    4. Баннер
    5. Блок преимущества
    6. Товары со скидкой
    7. Лидеры продаж
    8. Товары со скидкой слайдер
    9. Секция Задайте вопрос
    Смотреть онлайн
5 видео
Вводный курс по HTML и CSS для начинающих (9 часовое)
5 видео для начинающихДмитрий Лаврик
9 видео
Курс верстки сайта на Bootstrap 4
Bootstrap 4 - это набор инструментов, который позволит вам верстать сайты в 3-4 раз быстрееКудлай Андрей
11 видео
Курс по FlexBox: модель веб-макета CSS3
FlexBox - это альтернатива Bootstrap, которая поможет убрать лишние библиотекиАлексей Супрун
19 видео
Практический курс: верстаем сайт по шаблону PSD
Верстка сайта при помощи мощного и современного инструмента - AvocodePit
8 видео
Видеокурс: адаптивная верстка с нуля
Адаптивная верстка с нуля + программыАртём Исламов
10 видео
Уроки CSS анимации
10 видеоуроков +примеры и исходный кодАртём Исламов
Основы JavaScript - введение в JS
Знакомство с jаvascriptДмитрий Ченгаев
9 видео
Курс по JQuery для верстальщиков
Видеокурс по JQuery для начинающихАлексей Супрун
9 видео
Gulp для начинающих
9 видеоуроков по таск ранеруАлексей Супрун
11 видео
SASS уроки для начинающих
11 уроков по препроцессору SASSАлексей Супрун
Template not found: /templates/theory/navigation.tpl