FRONTEND
OFFLINE КУРС
FRONTEND

Прокачайся с нуля до junior frontend developer всего за 5 месяцев

13.05.2019 старт
5 мес 40 занятий
18:30-21:30 Пн, Чт Время
5 мест Осталось

Что тебя ждет на курсе? И кто? :)

Никто не знает, как преподавать лучше, чем бывший студент. На этом курсе тебя ждет уникальный ментор – Ярослав Пунейко, наш бывший студент.

Он окончил курс верстки в 2016 году и спустя три года готов ворваться в преподавание. Сегодня Ярослав работает UI developer в компании Zone 3000. Он точно знает, что нужно, чтобы стать успешным разработчиком.

До встречи на занятиях!

СТАВ РАЗРАБОТЧИКОМ
1
Сможешь найти работу в компании…

ведь у тебя будет опыт создания проектов.

2
Сможешь полностью уйти на фриланс…

и работать в комфортное для себя время.

3
Станешь стрессоустойчивым…

к правкам и частому изменению задач.

4
Научишься читать мысли заказчиков…

и выполнять задачи быстро и без ошибок.

5
Приобретешь массу новых друзей…

и станешь частью жизни нашей школы.

#изикодеры

#ИЗИКОДЕРЫ стажировка

Кто успешно пройдет курс, выполнит все проекты и домашние задания,
примет участие в реальном коммерческом проекте и заработает первые деньги.

Занять место
О нас SCHOOL
code-learning

Узкая специализация.
Полное погружение во frontend.

adventure

Максимум практики.
Мы учим на реальных проектах.

community

Работа в командах.
Учись так, будто уже работаешь.

award

Важные бонусы.
Занятия по фрилансу и с эйчаром.

online-course

Оффлайн и онлайн.
Выбирай свой способ учебы.

video-lesson

Видеозапись занятий.
Повторяй пройденный материал.

first-place

Рейтинг студентов.
Лучшим – работа или проект.

professor-male

Преподаватели.
Только те, кто прошел огонь и воду.

investment-in-education

Гибкая оплата курсов.
Выбирай удобную для себя.

КУРАТОР КУРСА speaker
ПРОГРАММА КУРСА
  • Этап 1. HTML & CSS.
    • - Как устроен интернет. Виды сайтов. Процесс разработки сайта.
    • - Что такое HTML и CSS.
    • - Какие инструменты использует верстальщик.
    • - Введение в HTML. Что такое теги и атрибуты.
    • - Базовая структура html документа.
    • - Стиль кода.
    • - Подробное знакомство с панелью разработчика.
    • - Разберемся в блочных и строчных элементах.
    • - Знакомство c CSS. Синтаксис CSS.
    • - Разновидности селекторов.
    • - Вложенность, наследование и группирование селекторов.
    • - Зачем нужно много классов.
    • - Создаем базовые элементы. Кнопки, текстовые блоки, шапка, футер.
    • - Знакомство со свойством float и его проблемами.
    • - Строим стандартную сетку для блоков.
    • - Знакомство с позиционированием элементов и где его можно использовать.
    • - Псевдоклассы и псевдоэлементы. Что для чего нужно?
    • - Точные и относительные единицы измерения. Создаем блоки на всю высоту экрана.
    • - Все виды вертикального выравнивания.
    • - Знакомство с тенями, и что с их помощью можно сделать.
    • - Знакомство с Photoshop.
    • - Семантика HTML. Новые семантические элементы HTML5.
    • - Введение в FlexBox.
    • - Введение в 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ео оптимизации.
    • - Тестирование верстки.
    • - Переменные (var, let, const), типы данных, строки, числа, массивы, объекты, boolean.
    • - Выражения, операторы (условные, логические, арифметические), приведение типов.
    • - Разберемся с циклами, while, do while, for, for in, for of. Работа с массивами и объектами в циклах. Шаблонные строки.
    • - Методы работы с массивами. Деструктурирующее присваивание.
    • - Функции и все что с ними связано. Область видимости переменных, callback, анонимные функции, стрелочные функции, оператор rest.
    • - Что такое DOM и BOM. Начинаем первый проект Todo.
    • - Манипуляция DOM элементами. Работа с атрибутами элементов.
    • - Обработка событий, работа с формами. Реализуем добавление задач в Todo.
    • - Погружение и всплытие событий. Реализуем редактирование и удаление задач в Todo.
    • - Работа с localStorage. Реализуем вывод уведомлений в Todo.
    • - Перебирающие методы массивов и сортировка: forEach, filter, reduce, map, every, some, sort.
    • - Напишем свои кастомные функции для перебора массивов.
    • - Объекты и методы. Что такое this, контекст вызова функции.
    • - Замыкания и лексическое окружение функции.
    • - Работа с датой, setInterval, setTimeout. Реализуем функционал таймера.
    • - Конструкторы и ключевое слово "new". Классы ES6.
    • - ООП. Наследование, инкапсуляция, полиморфизм.
    • - Начинаем проект кастомного видео плеера с использованием классов ES6. Знакомство с Audio/Video HTML5 API.
    • - Реализуем функционал плеера: play/payse, перемотка, изменение громкости, скорости, вывод времени трека, вывод timeline, сохранение состояния плеера.
    • - Знакомство с технологией AJAX. Запросы к серверу.
    • - Начинаем проект News app. Получение и вывод новостей, поиск новостей, сохранение избранных новостей.
    • - Promises, async/await. Знакомство с fetch.
    • - Использование Cookie.
    • - Обработка исключительных ситуаций. Try Catch. Debugging.
    • - Валидации и обработка форм.
    • - Modules ES6.
    • - Знакомство со сборщиком Webpack.
    • - Начинаем проект social network для фотографов.
    • - Знакомимся с общими принципами SPA (Single Page Application).
    • - Как устроена маршрутизация. Построение роутинга.
    • - Реализация функционала Login и Register.
    • - Реализация страницы профиля с выводом фотографий и возможностью загружать новые фотографии.
    • - Создание страницы News с выводом последних добавленных фотографий пользователей.
    • - Реализация защиты маршрутов.
    • - Создание страницы Winners с выводом победителей соревнований.
    • - Реализация функционала поиска пользователей.
    • - Создание страницы с соревнованиями.
    • - Deploy проекта на Heroku.
ТЕХНОЛОГИИ КУРСА
practice
4
полноценных проекта
Процесс обучения process
практика

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

обратная связь

После занятия студент может получить обратную связь от преподавателя через Skype для обсуждения вопросов, которые самостоятельно не может решить. Разбор задач 1-на-1 с преподавателем помогает студентам быстрее развиваться.

проекты

В процессе обучения будут выполнены несколько обучающих проектов.

сертификат

Каждый студент, по завершению курса, получит наш сертификат.

hr и фриланс

Два бонусных, но очень важных дополнительных занятий: - с HR специалистом, о том, как правильно оформить резюме и найти работу в компании мечты; - по работе на фрилансе. Разберемся на каких биржах лучше начинать работать, как взять первый заказ если нет опыта, как оформлять профайл и портфолио, как правильно писать заказчику, как оценить свою работу, как происходит процесс сделки.

practice
Доступны видео записи занятий
ВАШЕ РЕЗЮМЕ ПОСЛЕ ОКОНЧАНИЯ КУРСА
resume

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

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

$400
Профессиональные качества
  • Владение культурой написания кода.
  • Понимание и знание валидной кроссбраузерной верстки, адаптивной верстки.
  • Навыки выполнения приложений различной сложности
  • Умение работать в Photoshop.
  • Прогнозирование времени решения задач.
  • Умение работать в команде.
  • Умение создавать интерактивные страницы на JavaScript.
  • Разработка клиентской логики.
Ключевые навыки
  • CSS
  • HTML
  • JAVASCRIPT
  • GIT
  • FLEXBOX
  • ES6
  • GULP
  • JQUERY
  • BOOTSTRAP
СТОИМОСТЬ
13.05.2019 старт
5 мес 40 занятий
18:30-21:30 Пн, Чт Время
5 мест Осталось
  • 40 занятий (блок верстки и JavaScript)
  • Доступ к видеозаписям и материалам с занятий
  • Домашние задания
  • Контрольные работы
  • Code review
  • Возможность поучаствовать в реальном проекте
  • Сертификат
  • Занятие с HR-менеджером
  • Занятие по Фрилансу
  • Более 8 часов дополнительных видеоуроков
выбрать
Скидки discount
10 %

скидка, если вы привели друга или по рекомендации студента.

15 %

скидка, если вы хотите записаться на второй курс.

20 %

скидка, если вы хотите записаться на третий курс.

* Все скидки действуют только на 100% оплату курса. Скидка на скидку не действует.

REGISTRATION
РЕГИСТРАЦИЯ

Вы выбрали тарифный план

Наши друзья PARTNERS

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

SUBSCRIBE
Подписаться на новости
Получай последние новости нашей школы и мира IT!
Последние новости
полезно
Как успевать учиться на курсе фронтенда и работать
30.04.2019
интересное
Кто такой fullstack разработчик и как им стать
27.04.2019

IT-курсы Frontend-разработки в школе EasyCode

Курс по Frontend в Харькове поможет вам за пять месяцев изучить верстку и JavaScript. Вы будете двигаться по четко прописанной программе, которую можно посмотреть на сайте. Она разбита на блоки — сначала все, что касается верстки, а дальше JS. Этот курс подойдет вам, даже если вы совсем ничего не знаете о программировании. На первых занятиях преподаватель будет объяснять базовые вещи, которые, при желании, сможет понять и запомнить человек любой профессии.

Особенности курсов HTML верстки в EasyCode

Наша школа проводит курсы верстальщиков в Харькове оффлайн и онлайн — в любой точке мира. Так как данный курс базовый, а не продвинутый, на него может попасть каждый, без собеседования и отбора. На обучении вы узнаете, что такое верстка и JS, и научитесь с ними работать. Началом станут базовые знания о типах сайтов, инструментах, которые использует специалист по верстке, о структуре HTML-документа, селекторах и других важных деталях. На следующем блоке вы будете изучать разметку и стили более углубленно — узнаете о классах, float, псевдоэлементах, поработаете с тенями и в Photoshop. Далее вы создадите первый лендинг, интернет-магазин, личный кабинет. Блок верстки закончится и далее будет изучение части JS. Все так же обучение начнется с основ, а это означает, что каждый ученик сможет справиться с программой, если будет выполнять домашние задания и посещать все уроки. Лучшие ученики получают помощь в трудоустройстве и сертификат с отличием.

Помимо прочего, стартовал проект стажировки от нашей школы — лучшие студенты могут поучаствовать в выполнении коммерческого проекта и получить первые деньги за программирование. Так вы заложите отличный фундамент для своей деятельности — ваше портфолио может состоять из проектов, выполненных на курсе и дополнительных, над которыми вы работали во время «стажировки». 

Как выбрать курс по HTML/CSS в Харькове

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

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

Цена курса по Frontend указана на этой странице — мы предусмотрели несколько вариантов оплаты для вашего удобства. Среди них присутствует помесячный, поэтапный и полный. Перед курсом вносится небольшая предоплата, чтобы вы четко понимали, что за вами зарезервировано место, и вы точно попадете на обучение.

Адрес: г. Харьков, пр. Гагарина 7
График работы: Понедельник-Пятница: 10:00 - 21:30 Суббота: 10:00 - 16:00 Воскресенье: 10:00 - 16:00 Новогодние выходные: 1.01.19 - 7.01.19
Телефоны: +38 (063) 511 91 27 +38 (098) 332 85 47 +38 (066) 773 95 10
SKYPE: easycode.com.ua
Email: easycodekharkov@gmail.com
frontend