Frontend видеокурс
video КУРС
Frontend видеокурс

Прокачайся с нуля до junior front-end developer всего за 6 месяцев

3572

человек изменили свои профессии

1411

человек повысили свой навык

60 %

трудоустраиваются в первые 3 месяца после окончания курса

4

года помогаем людям прокачивать свои скиллы в айти

автор КУРСА speaker
ЧТО ТЕБЯ ЖДЕТ
50+
Часов сочного контента
20
Супер интересных домашних заданий
11
Бонусных видео
1
Личный ментор
ПРОГРАММА КУРСА
  • Этап 1. HTML & CSS).
    • - Как устроен браузер. Процесс разработки сайта.
    • - Что такое HTML и CSS.
    • - Какие инструменты использует верстальщик.
    • - Введение в HTML. Что такое теги и атрибуты.
    • - Базовая структура html документа.
    • - Стиль кода.
    • - Знакомство с панелью разработчика.
    • - Разберемся в блочных и строчных элементах.
    • - Знакомство c CSS. Синтаксис CSS.
    • - Разновидности селекторов.
    • - Вложенность, наследование и группирование селекторов.
    • - Зачем нужно много классов.
    • - Создаем базовые элементы. Кнопки, текстовые блоки, шапка, футер.
    • - Введение в FlexBox.
    • - Строим стандартную сетку для блоков.
    • - Знакомство с позиционированием элементов и где его можно использовать.
    • - Псевдоклассы и псевдоэлементы. Что для чего нужно?
    • - Повторение пройденного материала по видео и разбор вопросов.
    • - Знакомство со свойством float и его проблемами.
    • - Верстка первого небольшого макета.
    • - Точные и относительные единицы измерения. Создаем блоки на всю высоту экрана.
    • - Знакомство с Photoshop.
    • - Семантика HTML. Новые семантические элементы HTML5.
    • - Введение в Git.
    • - Верстка первого макета. Landing page.
    • - Подключаем к работе систему контроля версий GIT. Работаем по git flow.
    • - Развиваем модульный или компонентный подход.
    • - Подключение шрифтов. Использование шрифтовых иконок.
    • - Знакомство с элементами форм.
    • - Использование и стилизация первых скриптов.
    • - Подключаем google карты.
    • - Первые прикосновения к анимации. Базовое анимирование свойств и появление элементов.
    • - Погружаемся в адаптив и мобильную верстку. Медиа запросы. Что такое Viewport?
    • - Как правильно проверять адаптив. Какие нюансы есть в мобильных девайсах.
    • - Знакомство с тенями, и что с их помощью можно сделать.
    • - Пишем документацию по проекту.
    • - Работа в команде. Все ребята делятся на команды, в каждой команде назначается teamlead и работаете над одним проектом.
    • - Знакомство с препроцессором SCSS.
    • - Введение в GULP.
    • - Основы БЭМ.
    • - Изучение framework Bootstrap 4.
    • - Краткое знакомство с jQuery и jQuery UI.
    • - Разберемся со спрайтами.
    • - Стилизация элементов форм на JavaScript и на CSS.
    • - Продолжаем прокачивать навыки в верстке под мобильные устройства.
    • - Не забываем пушить на Github.
    • - Пишем документацию по проекту.
    • - Введение в Grid.
    • - Основы по вёрстке Email писем.
    • - Фичи chrome dev tools.
    • - Базовые понятия по sео оптимизации.
    • - Тестирование верстки.
    • - Настройка окружения (Visual Studio Code).
    • - Подключение скриптов.
    • - Типы данных.
    • - Переменные.
    • - Преобразование типов.
    • - Числа.
    • - Строки.
    • - Template string.
    • - Объекты.
    • - Условные операторы.
    • - Тернарный оператор. Конструкция Switch case.
    • - Циклы.
    • - Введение в функции.
    • - Методы массивов.
    • - Функции высшего порядка.
    • - This.
    • - Arrow function.
    • - Перебирающие методы массивов.
    • - Замыкание.
    • - Методы объектов. Advanced Object. Object.entries, Object.keys, Object.values.
    • - Объекты обертки.
    • - Деструктуризация, оператор rest/spred.
    • - Object descriptor.
    • - Введение в DOM и BOM.
    • - Работа с атрибутами.
    • - Работа с содержимым элемента, создание, добавление и удаление элементов.
    • - События.
    • - Всплытие и погружение события.
    • - Первый проект Todo List.
    • - CSS переменные и работа с ними через JavaScript.
    • - Введение в асинхронность. Event Loop. Как его понять?
    • - Введение в AJAX.
    • - AJAX отладка.
    • - POST запросы и не только.
    • - Что такое CORS?
    • - Обработка ошибок при запросах.
    • - LocalStorage.
    • - Проект News App Intro.
    • - Проект News App.
    • - Promises.
    • - Fetch.
    • - Async await, try catch.
    • - Введение в ООП. Конструкторы и классы.
    • - Прототипы в ES5.
    • - Наследование ES5.
    • - Классы ES6.
    • - Наследование ES6.
    • - Введение в webpack.
    • - Модули import/export.
    • - Проект Avia Tickets.
    • - Проект Login. Введение.
    • - Проект Login. Валидация формы.
    • - Проект Login. Реализуем запрос на сервер.
    • - Проект Login. Реализуем вывод уведомлений.
    • - Тестирование кода.
    • - Основы jQuery.
ТЕХНОЛОГИИ КУРСА
Процесс обучения process
ЗАНЯТИЕ

Уже сегодня вы можете получить доступ к списку видео, который будет разбит понедельно со всеми материалами и домашними заданиями. Лайв сесии: *если выбран пакет Senior. Каждую неделю будет проходить живая лайв сесия с сооснователем Денисом Мещеряковым, где вы будете разбирать частые ошибки, вопросы из дз, а также рассматривать best practice и различные подходы в написании приложений.

ПРАКТИКА

Под каждой серией видео у вас будут домашние задания и материалы для отработки практических знаний и навыков. Домашние задания максимально приближены к реальным задачам, с которыми сталкиваются разработчики.

ОБРАТНАЯ СВЯЗЬ

У всех участников будет групповой чат где можно общаться с другими участниками, разбирать задачи и делиться успехами. Для пакетов Middle/Senior будет личный ментор, с которым вы можете обсуждать все возникающие вопросы, а также он будет делать code-review ваших домашних заданий. Все менторы - это действующие разработчики, которые каждый день работают над реальными проектами и смогут делиться своим опытом с вами.

СЕРТИФИКАТ

Студенты, которые выполнят проект и пройдут сертификацию (выполнят задачу за отведенное время) получат сертификат с отличием.

ВАЖНО

Вы сами выбираете темп обучения и время просмотра занятий. В качестве дополнительных бонусов вы получите видеозанятие с HR специалистом и видео по работе на фрилансе.

ВАШЕ РЕЗЮМЕ ПОСЛЕ ОКОНЧАНИЯ КУРСА
resume

Должность Front-end developer

Опыт работы < 1 года

от $600
Профессиональные качества
  • Владение культурой написания кода.
  • Понимание и знание валидной кроссбраузерной верстки, адаптивной верстки.
  • Навыки создание приложений различной сложности
  • Умение работать в Photoshop.
  • Прогнозирование времени решения задач.
  • Умение работать в команде.
  • Умение создавать интерактивных приложений на JavaScript.
  • Разработка клиентской логики.
Ключевые навыки
  • CSS
  • HTML
  • JAVASCRIPT
  • GIT
  • FLEXBOX
  • ES6
  • GULP
  • JQUERY
  • BOOTSTRAP
  • FIGMA
  • WEBPACK
  • NPM
  • HEROKU
СТОИМОСТЬ
Junior
1000 грн
  • Доступ к видео
  • Домашние задания (без проверки)
  • Материалы к видео
  • Доступ к групповому чату
  • Видеозанятие с HR-менеджером
  • Видеоурок по фрилансу
  • Сертификат (после выполнения сертификационных работ)
Middle
8000 грн
  • Личный ментор 24/7
  • Домашние задания (с code review)
  • Доступ к видео
  • Материалы к видео
  • Доступ к чату c ментором
  • Видеозанятие с HR-менеджером
  • Видеоурок по фрилансу
  • Сертификат (после выполнения сертификационных работ)
Senior
12000 грн
  • 10 живых лайв сесий с со-основателем школы Денисом Мещеряковым
  • Личный ментор 24/7
  • Доступ к видео
  • Материалы к видео
  • Домашние задания (с code review)
  • Доступ к чату c ментором
  • Видеоурок с HR-менеджером
  • Видеозанятие по Фрилансу
REGISTRATION
РЕГИСТРАЦИЯ

Рекомендованные курсы
20+ часов видео
Вёрстка видеокурс
750 грн 500 грн
50+ часов видео
Javascript + Vue.js видеокурс
750 грн 500 грн
Наши друзья PARTNERS

Мы сотрудничаем с ведущими украинскими IT компаниями, поэтому наши студенты первыми узнают о новых вакансиях в сфере IT

Frontend online: Украина, Казахстан, Молдова

Онлайн-курс верстки выбирают те, кто хочет попробовать себя в программировании, но еще не знают какая область им подойдет. Верстка — это основы, изучив которые вы будете уметь писать код правильно, сможете оценить нравится ли вам IT и более прицельно выбрать в каком направлении двигаться дальше. Также вы познакомитесь с правилами стилизации элементов и другими полезными нюансами.

В течение пяти месяцев вы научитесь создавать веб-страницы, подходящие к той или иной задаче, пользоваться CSS для оформления созданного собственноручно интернет-ресурса, учитывать функциональность, а не только внешний вид. Наши выпускники владеют технологиями адаптивной верстки, Bootstrap и многим другим.

Как проходит обучение HTML и CSS онлайн в профессиональной школе Frontend-разработки EasyCode

Ученики из Украины, Молдовы, Казахстана и других стран группой обучаются по четко прописанной программе, заранее созданной и проверенной преподавателем. Мы считаем, что главное в обучении — практика, поэтому даем домашние задания и проверяем их. Комплексный курс с JavaScript направлен не только на то, чтобы дать студенту навыки, но и на то, чтобы он действительно умел их самостоятельно применять.

Стоит отметить, что почти на каждом занятии студенты выполняют тестовые задания. Контрольные — еще один способ выявить слабые места в знаниях и пройтись еще раз по сложным для группы темам. Работая по такому методу, мы уверены, что ученики получают материал полно и структурировано.

После окончания занятия вы можете получить личный фидбек от ментора в Piazza. Все домашние задания проверяются и оцениваются. На основе этих оценок формируется рейтинг — лучшие студенты получают пластиковый сертификат и помощь в трудоустройстве.

Во время онлайн-курса по frontend вы будете делать не какие-то абстрактные упражнения, которые потом никому не покажешь, а создавать целостные проекты. Их можно будет добавлять в собственное портфолио — это означает, что при должных усилиях вы можете устроиться на работу сразу же после прохождения курса. Многим нашим ученикам из Киева, Днепра, Одессы и других городов это удавалось, а некоторые устраивались по новому профилю еще не закончив online-курсы IT-специальностей.

Онлайн-обучение HTML — почему стоит выбрать именно EasyCode:

  • вы можете изучить верстку online, вне зависимости от того, в Украине вы, Казахстане, Молдове или другой стране;
  • у нас качественная программа, продуманная до мелочей;
  • преподаватели-практики, которые могут поделиться собственным опытом;
  • вы сможете недорого изучить frontend на online-курсах, при этом не пострадает качество;
  • материал подан структурировано, что позволяет избежать пробелов в знаниях;
  • выпускники получают сертификат несмотря на то, что уроки проводятся в онлайне, а не в помещении школы — это могут гарантировать не все курсы по frontend в Украине;
  • студенты из Киева, Днепра, Одессы и других городов получают записи всех уроков и могут повторять пройденное сколько угодно раз, если это необходимо.
CONTACTS
Контакты
График работы: Понедельник-Пятница: 10:00 - 21:30 Суббота: 10:00 - 16:00 Воскресенье: 10:00 - 16:00
Телефоны: +38 (063) 511 91 27 +38 (066) 773 95 10
Email: easycodekharkov@gmail.com
frontend