Frontend видеокурс
Прокачайся с нуля до junior front-end developer всего за 6 месяцев
человек изменили свои профессии
человек повысили свой навык
трудоустраиваются в первые 3 месяца после окончания курса
лет помогаем людям прокачивать свои скиллы в айти

Опыт: Разработка проектов любой сложности от лендингов до 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
Часов сочного контента
Супер интересных домашних заданий
Бонусных видео
Личный ментор
- Неделя 1. HTML & CSS.
- - Кто такой фронтенд разработчик.
- - Инструменты и этапы разработки.
- - Знакомство с html. Теги и атрибуты.
- - Знакомство с редактором и создание первой страницы.
- - Знакомство с базовыми тегами.
- - Вступление CSS.
- - Синтаксис CSS. Подключение стилей.
- - Панель разработчика.
- - Приоритеты стилей.
- - Верстка простой страницы.
- - Псевдоклассы и псевдоэлементы.
- - Позиционирование элементов.
- - Введение во Flexbox.
- - Вступление верстка страницы.
- - Подключение шрифтов.
- - Верстка шапки.
- - Верстка карточек курсов.
- - Верстка раздела About Us.
- - Делаем шапку на position fixed.
- Неделя 2. HTML & CSS.
- - Float. Что это такое, и какие есть с ним проблемы.
- - Old school. Выравнивание по вертикали без flexbox.
- - Old school. Выравнивание по горизонтали без flexbox.
- - Компонентный подход.
- - Обзор проекта.
- - Подготовка файлов, структуры, шрифтов и т.д.
- - Верстка проекта.
- Работа в команде. Git, Scrum, Jira.
- - Введение в Git.
- - GIT Config.
- - Как устроен гит под капотом. Создание репозитория. Первые commits.
- - Создание веток. Мерж веток. Gitignore.
- - Подключение локального репозитория к remote.
- - Подключение ssh ключей к remote репозиторию.
- - Git flow. Pull request.
- - Конфликты, как их исправлять.
- - Git README.md. Синтаксис markdown.
- - Методология Scrum.
- Неделя 4. HTML & CSS.
- - Знакомство с элементами форм.
- - Стилизация checkbox без JavaScript.
- - Верстка формы Contact us. Вступление.
- - Верстка формы Contact us. Подготовка файлов.
- - Верстка формы Contact us. jQuery, jQuery UI.
- - Верстка формы Contact us. Навигация табов.
- - Верстка формы Contact us. Продолжение.
- Неделя 4. HTML & CSS.
- - Единицы измерения rem, em.
- - Градиенты.
- - Градиентные бордеры.
- - Верстка проекта MailGenius. Обзор макета.
- - Верстка проекта MailGenius.
- Неделя 5. HTML & CSS.
- - Знакомство с адаптивом.
- - Пиксели не те кем кажутся.
- - Инструменты разработчика.
- - Медиа запросы, viewport.
- - Адаптивные картинки. Спрайты.
- - Mobile first. Desktop first.
- - Адаптив проекта MailGenius..
- Этап 6. HTML & CSS.
- - Введение в анимацию.
- - Базовые свойства анимации.
- - Библиотеки для анимации.
- - Paralax.
- - Добавляем анимацию в проект MailGenius.
- Неделя 7. HTML & CSS.
- - Введение в БЄМ.
- - Какие методологии бывают кроме БЭМ.
- - Введение в SCSS.
- - Введение в сборщики.
- - Введение в Gulp.
- Неделя 8-9. HTML & CSS.
- - Работа с таблицами.
- - Знакомство с Bootstrap.
- - Знакомство с jQuery и jQuery UI.
- - Проект интернет магазина или панели. Обзор.
- - Настройка сборки под проект.
- - Работа над проектом.
- Неделя 10-11. HTML & CSS.
- - Введение в Grid.
- - Основы по вёрстке Email писем.
- - Фичи chrome dev tools.
- - Базовые понятия по sео оптимизации.
- - Тестирование верстки.
- - Accessibility css.
- - Css переменные.
- - Кроссбраузерность.
- Неделя 11. JavaScript.
- - Настройка окружения (Visual Studio Code).
- - Подключение скриптов.
- - Типы данных.
- - Переменные.
- - Преобразование типов.
- - Числа.
- - Строки.
- - Template string.
- - Объекты.
- Неделя 12. JavaScript.
- - Условные операторы.
- - Тернарный оператор. Конструкция Switch case.
- - Циклы.
- - Введение в функции.
- - Методы массивов.
- - Функции высшего порядка.
- - This.
- Неделя 13. JavaScript.
- - Arrow function.
- - Перебирающие методы массивов.
- - Замыкание.
- - Методы объектов. Advanced Object. Object.entries, Object.keys, Object.values.
- - Объекты обертки.
- - Деструктуризация, оператор rest/spred.
- - Object descriptor.
- Неделя 14. JavaScript.
- - Введение в DOM и BOM.
- - Работа с атрибутами.
- - Работа с содержимым элемента, создание, добавление и удаление элементов.
- - События.
- - Всплытие и погружение события.
- - Первый проект Todo List.
- - CSS переменные и работа с ними через JavaScript.
- - Первый проект Todo List.
- Неделя 15. JavaScript.
- - Введение в асинхронность. Event Loop. Как его понять?
- - Введение в AJAX.
- - AJAX Отладка.
- - POST запросы и не только.
- - Что такое CORS?
- - Обработка ошибок при запросах.
- - LocalStorage.
- - Проект News App.
- Неделя 16. JavaScript.
- - Promises.
- - Fetch.
- - Async await, try catch.
- Неделя 17. JavaScript.
- - Введение в ООП. Конструкторы и классы.
- - Прототипы в ES5.
- - Наследование ES5.
- - Классы ES6.
- - Наследование ES6.
- - Инкапсуляция.
- Неделя 18. JavaScript.
- - Введение в webpack.
- - Модули import/export.
- - Инкапсуляция.
- - Проект Avia Tickets.
- Неделя 19-20. JavaScript.
- - Chrome DevTools.
- - Проект Login.
- - Interceptors. Введение.
- - Interceptors. Реализация в проекте Login.
- Подробней про стиль кода и линтеры. Eslint. Husky. Lint staged. Git hooks.
- - Введение в раздел.
- - Eslint установка и базовая настройка.
- - Eslint правила, окружение, настройка редактора.
- - Eslint правила, окружение, настройка редактора.
- Неделя 21. JavaScript. (Бонусы).
- - Вопросы на собеседовании.
- - Строгий режим.
- - Symbol.
- - ES6 Maps.
- - ES6 Sets.
- - Proxy.
- - Iterators, Generators.
- Неделя 22. JavaScript. (Бонусы).
- - Патерн фабрика.
- - Патерн Singleton.
- - Патерн Observer.
- Неделя 23. JavaScript. Vue.js.
- - Введение.
- - Установка Vue CLI. Знакомство со структурой проекта.
- - Из чего состоят компоненты.
- - Синтаксис шаблонов.
- - Привязка атрибутов.
- - Условная отрисовка шаблона. Директивы v-if, v-else, v-show.
- - Обработка событий.
- - Вывод шаблонов в цикле. Директива v-for.
- - Computed properties. Watch. Вычисляемые свойства и отслеживание изменения данных.
- - Привязка классов и стилей.
- - Взаимодействие компонент. Emit event.
- - Взаимодействие компонент. Props.
- - Двунаправленное связывание данных. v-model.
- - Проект Budget.
- Тестирование на JS. (Бонус).
- - Тестирование. Вступление.
- - Тестирование. Установка Jest. Первый тест.
- - Тестирование. Проект Avia Tickets, установка и первый тест.
















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

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

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

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

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


Должность 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-менеджером
- Видеоурок по фрилансу
- Сертификат (после выполнения сертификационных работ)