1. Главная
  2. Курс
Frontend видеокурс
video КУРС
Frontend видеокурс

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

4981

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

2055

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

60 %

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

6

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

автор КУРСА speaker
Денис Мещеряков

Опыт: Разработка проектов любой сложности от лендингов до web-приложений. Кроссбраузерная и адаптивная верстка. Оптимизация кода. Разработка клиентской логики на javascript. Написание собственных скриптов и плагинов. Разработка Single Page Application (SPA) на Angular. Ментор, куратор и сооснователь it школы EasyCode.

Знания: HTML, CSS, JavaScript, ES6, Angular, Vuejs, Node.js, jQuery, npm, AJAX, Socket, Gulp, Webpack, SASS, LESS, Bootstrap, Materialize, Twig, GIT, Photoshop.

Место работы: EasyCode

ЧТО ТЕБЯ ЖДЕТ
75+
Часов сочного контента
20
Супер интересных домашних заданий
11
Бонусных видео
1
Личный ментор
ПРОГРАММА КУРСА
  • Неделя 1. HTML & CSS.
    • - Кто такой фронтенд разработчик.
    • - Инструменты и этапы разработки.
    • - Знакомство с html. Теги и атрибуты.
    • - Знакомство с редактором и создание первой страницы.
    • - Знакомство с базовыми тегами.
    • - Вступление CSS.
    • - Синтаксис CSS. Подключение стилей.
    • - Панель разработчика.
    • - Приоритеты стилей.
    • - Верстка простой страницы.
    • - Псевдоклассы и псевдоэлементы.
    • - Позиционирование элементов.
    • - Введение во Flexbox.
    • - Вступление верстка страницы.
    • - Подключение шрифтов.
    • - Верстка шапки.
    • - Верстка карточек курсов.
    • - Верстка раздела About Us.
    • - Делаем шапку на position fixed.
    • - Float. Что это такое, и какие есть с ним проблемы.
    • - Old school. Выравнивание по вертикали без flexbox.
    • - Old school. Выравнивание по горизонтали без flexbox.
    • - Компонентный подход.
    • - Обзор проекта.
    • - Подготовка файлов, структуры, шрифтов и т.д.
    • - Верстка проекта.
    • - Введение в Git.
    • - GIT Config.
    • - Как устроен гит под капотом. Создание репозитория. Первые commits.
    • - Создание веток. Мерж веток. Gitignore.
    • - Подключение локального репозитория к remote.
    • - Подключение ssh ключей к remote репозиторию.
    • - Git flow. Pull request.
    • - Конфликты, как их исправлять.
    • - Git README.md. Синтаксис markdown.
    • - Методология Scrum.
    • - Знакомство с элементами форм.
    • - Стилизация checkbox без JavaScript.
    • - Верстка формы Contact us. Вступление.
    • - Верстка формы Contact us. Подготовка файлов.
    • - Верстка формы Contact us. jQuery, jQuery UI.
    • - Верстка формы Contact us. Навигация табов.
    • - Верстка формы Contact us. Продолжение.
    • - Единицы измерения rem, em.
    • - Градиенты.
    • - Градиентные бордеры.
    • - Верстка проекта MailGenius. Обзор макета.
    • - Верстка проекта MailGenius.
    • - Знакомство с адаптивом.
    • - Пиксели не те кем кажутся.
    • - Инструменты разработчика.
    • - Медиа запросы, viewport.
    • - Адаптивные картинки. Спрайты.
    • - Mobile first. Desktop first.
    • - Адаптив проекта MailGenius..
    • - Введение в анимацию.
    • - Базовые свойства анимации.
    • - Библиотеки для анимации.
    • - Paralax.
    • - Добавляем анимацию в проект MailGenius.
    • - Введение в БЄМ.
    • - Какие методологии бывают кроме БЭМ.
    • - Введение в SCSS.
    • - Введение в сборщики.
    • - Введение в Gulp.
    • - Работа с таблицами.
    • - Знакомство с Bootstrap.
    • - Знакомство с jQuery и jQuery UI.
    • - Проект интернет магазина или панели. Обзор.
    • - Настройка сборки под проект.
    • - Работа над проектом.
    • - Введение в Grid.
    • - Основы по вёрстке Email писем.
    • - Фичи chrome dev tools.
    • - Базовые понятия по sео оптимизации.
    • - Тестирование верстки.
    • - Accessibility css.
    • - Css переменные.
    • - Кроссбраузерность.
    • - Настройка окружения (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.
    • - Первый проект Todo List.
    • - Введение в асинхронность. Event Loop. Как его понять?
    • - Введение в AJAX.
    • - AJAX Отладка.
    • - POST запросы и не только.
    • - Что такое CORS?
    • - Обработка ошибок при запросах.
    • - LocalStorage.
    • - Проект News App.
    • - Promises.
    • - Fetch.
    • - Async await, try catch.
    • - Введение в ООП. Конструкторы и классы.
    • - Прототипы в ES5.
    • - Наследование ES5.
    • - Классы ES6.
    • - Наследование ES6.
    • - Инкапсуляция.
    • - Введение в webpack.
    • - Модули import/export.
    • - Инкапсуляция.
    • - Проект Avia Tickets.
    • - Chrome DevTools.
    • - Проект Login.
    • - Interceptors. Введение.
    • - Interceptors. Реализация в проекте Login.
    • - Введение в раздел.
    • - Eslint установка и базовая настройка.
    • - Eslint правила, окружение, настройка редактора.
    • - Eslint правила, окружение, настройка редактора.
    • - Вопросы на собеседовании.
    • - Строгий режим.
    • - Symbol.
    • - ES6 Maps.
    • - ES6 Sets.
    • - Proxy.
    • - Iterators, Generators.
    • - Патерн фабрика.
    • - Патерн Singleton.
    • - Патерн Observer.
    • - Введение.
    • - Установка Vue CLI. Знакомство со структурой проекта.
    • - Из чего состоят компоненты.
    • - Синтаксис шаблонов.
    • - Привязка атрибутов.
    • - Условная отрисовка шаблона. Директивы v-if, v-else, v-show.
    • - Обработка событий.
    • - Вывод шаблонов в цикле. Директива v-for.
    • - Computed properties. Watch. Вычисляемые свойства и отслеживание изменения данных.
    • - Привязка классов и стилей.
    • - Взаимодействие компонент. Emit event.
    • - Взаимодействие компонент. Props.
    • - Двунаправленное связывание данных. v-model.
    • - Проект Budget.
    • - Тестирование. Вступление.
    • - Тестирование. Установка Jest. Первый тест.
    • - Тестирование. Проект Avia Tickets, установка и первый тест.
получить видео
ТЕХНОЛОГИИ КУРСА
Процесс обучения 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
Отзывы REVIEWS
Все отзывы Оставить отзыв
СТОИМОСТЬ
Junior
1000 грн
  • Доступ к видео
  • Домашние задания (без проверки)
  • Материалы к видео
  • Доступ к групповому чату
  • Видеозанятие с HR-менеджером
  • Видеоурок по фрилансу
  • Сертификат (после выполнения сертификационных работ)
выбрать
Middle
8000 грн
  • Личный ментор 24/7
  • Домашние задания (с code review)
  • Доступ к видео
  • Материалы к видео
  • Доступ к чату c ментором
  • Видеозанятие с HR-менеджером
  • Видеоурок по фрилансу
  • Сертификат (после выполнения сертификационных работ)
выбрать
REGISTRATION
РЕГИСТРАЦИЯ

Я прочел (-ла) и принимаю Условия оказания услуг и Политику конфиденциальности

Рекомендованные курсы
25+ часов видео
Вёрстка видеокурс
750 грн 500 грн
видео Вёрстка видеокурс
50+ часов видео
Javascript + Vue.js видеокурс
750 грн 500 грн
видео Javascript + Vue.js видеокурс
Наши друзья 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
Связаться с нами: Telegram easycodekharkov@gmail.com
frontend