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

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

Онлайн курс 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

Урок 14. Зачем CSS? Синтаксис в CSS | 6:38
Урок 15. Веб-шрифты | 11:09
Урок 16. Стилизация текста, списков, ссылок | 8:08
Урок 17. Селекторы, типы селекторов. Комбинаторы | 7:16
Урок 18. Додавання CSS у Резюме. Подключение шрифтов | 12:52

Урок 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

Урок 41. Javascript – введенние в язык | 7:41
Урок 42. Работа с переменными, отличия let, const, var | 6:02
Урок 43. Типы данных (1 часть) | 4:22
Урок 43. Типы данных (2 часть) | 5:16
Урок 44. Операторы | 6:01
Урок 45. Числа Ряды | 6:36
Урок 46. Условные инструкции | 6:29
Урок 47. Циклы | 4:26
Урок 48. Функции Javascript, виды объявления функций, их аргументы | 6:01
Урок 49. Работа с массивами, для чего они нужны, методы перебора и сортировки массивов | 17:03
Урок 50. Объекты, работа с объектами | 14:02

Получить консультацию по Библиотеке

Нажимая кнопку, я соглашаюсь на обработку персональных данных

Записатися на курс

Надішліть нам ваші контакти і наш менеджер передзвонить вам, щоб відповісти на всі питання про навчання у нашій Академії

Натискаючи на кнопку я погоджуюсь з політикою конфіденційності

Записаться на курс

Отправьте нам ваши контакты и наш менеджер перезвонит вам, чтобы ответить на все вопросы об обучении в нашей Академии

Нажимая на кнопку я соглашаюсь с политикой конфиденциальности

демо-урок з курсу

Відправлено!

Ссылка на демо-урок отправлена на e-mail, который вы указали в форме.

Хочу купить курс в рассрочку

Отправьте нам ваши контакты и наш менеджер перезвонит вам, чтобы ответить на все вопросы об обучении в нашей Академии

Нажимая на кнопку я соглашаюсь с политикой конфиденциальности