онлайн курсы | самостоятельное обучение

Учитесь самостоятельно в удобном для тебя формате
без домашних заданий и неудобного расписания уроков

Онлайн курс Frontend Base

Содержание курса

Количество уроков

50 видео-уроков

Продолжительность

10 часов 20 минут

Язык:

русский

Субтитры:

украинский

Что входит в курс

Видео-уроки
Конспект урока
Лабораторные работы
Тесты
Дополнительные ссылки на статьи и кейсы
Сертификат

Про курс

На данном курсе вы изучите современные методы верстки адаптивных сайтов с помощью HTML и CSS, а также получите базовые знания по JavaScript.

Ты научишься писать адаптивные веб-страницы с использованием HTML, CSS, выучишь основы Javascript. Овладеешь системой контроля версий git и работу в команде. По окончании курса ты сможешь претендовать на специальность верстальщика.

Для кого этот курс

Для курса не требуются база IT знаний, технические навыки или знания языков программирования. Если ты хочешь освоить профессию верстальщика из 0, этот курс тебе идеально подходит.

Как проходит обучение

Курс состоит из 50 видео-уроков продолжительностью 10-20 минут для самостоятельного изучения и самопроверки с помощью тестов.
Видео-уроки расположены на LMS, доступ к которой студент получает после оплаты.
С момента оплаты курса студент получает доступ ко всем урокам на 6 месяцев.
Продлить курс можно по специальной программе пролонгации доступа к LMS для наших студентов.
После прохождения урока, студент получает доступ к следующему уроку и может отслеживать свой прогресс в личном кабинете.
К каждому модулю курса прилагаются тесты и дополнительные материалы/ссылки для самостоятельного изучения.
После окончания курса студент проходит общий тест по овладению материалом. При получении достаточного балла за правильные ответы (не менее 80%) студент получает Сертификат об окончании курса.
Независимо от того, как быстро студент закончит курс, доступ к материалам сохраняется на весь период действия покупки (6 мес).

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

Урок 01. Введение| 4:04
Урок 02. Настройка среды разработчика, выбор редактора кода | 7:43
Урок 03. Что такое HTML? Структура элементов HTML | 5:47
Урок 04. Метаданные | 13:02
Урок 05. Основы правки текста: Названия, параграфы. Списки | 19:19
Урок 06. Создание гиперссылок. Абсолютные и относительные URL | 13:22
Урок 07. Структура элементов сайта | 7:43
Урок 08. Срочные, блочные элементы | 4:41

Урок 09. Верстка Резюме. Базовый шаблон | 15:54
Урок 10. Работа с изображениями | 8:01
Урок 11. Верстка Резюме. Добавляем фото и векторные изображения | 7:12

Урок 12. Работа с таблицами, как создаются современные таблицы | 13:25
Урок 13. Работа с формами | 8:37

Урок 19. Каскадность и наследование | 8:47
Урок 20. Псевдоклассы и псевдоэлементы | 6:20
Урок 21. Блоковая модель документа | 6:26
Урок 22. Размещение элементов на странице | 15:06
Урок 23. Flexbox – как один из современных форматов блочной верстки | 6:52
Урок 24. Верстка резюме Добавление стилей | 33:05
Урок 25. Стилизация изображений. Фоновые изображения | 9:19
Урок 26. Верстаем карточку товара | 20:07
Урок 27. Препроцессоры и постпроцессоры – для чего они необходимы и как упрощают стилизацию | 10:02
Урок 28. Верстаем форму отправки | 36:40
Урок 29. Свойства CSS для анимации | 11:03
Урок 30. Grid Layout | 11:03
Урок 31. Верстаем галерею товаров | 8:20
Урок 32. Media queries – адаптация сайтов ко всем видам экранов | 7:57
Урок 33. Верстка адаптивного меню | 20:24
Урок 34. Figma, Zeplin, Avocado извлечение необходимых стилей | 5:43

Урок 35. Практическое занятие, верстаем простую страницу (1 часть) | 17:01
Урок 36. Практическое занятие, верстаем простую страницу (2 часть) | 35:09
Урок 37. Практическое занятие, верстаем простую страницу (3 часть) | 75:53

Урок 38. Оптимизация верстки. Разбор вопросов и ситуаций | 13:50
Урок 39. Система контроля версий git | 7:49
Урок 40. Углубленный анализ git подключаем локальный git к github | 7:44