Frontend online
online КУРС
Frontend online

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

19.09.2019 старт
5 мес 40 занятий
19:00-21:30 Пн, Чт Время
13 мест Осталось
КУРАТОР КУРСА speaker
СТАВ РАЗРАБОТЧИКОМ
1
Сможешь найти работу в компании…

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

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

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

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

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

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

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

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

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

#изикодеры

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

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

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

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

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

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

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

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

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

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

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

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

ПРОГРАММА КУРСА
  • Этап 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ео оптимизации.
    • - Тестирование верстки.
    • - Переменные (var, let, const), типы данных, строки, числа, массивы, объекты, boolean.
    • - Выражения, операторы (условные, логические, арифметические), приведение типов.
    • - Разберемся с циклами, while, do while, for, for in, for of. Работа с массивами и объектами в циклах. Шаблонные строки.
    • - Методы работы с массивами.
    • - Функции и все что с ними связано. Область видимости переменных, callback, анонимные функции, стрелочные функции, оператор rest.
    • - Перебирающие методы массивов и сортировка: forEach, filter, reduce, map, every, some, sort.
    • - Введение в функции. Чистые функции.
    • - Функции и все что с ними связано. Область видимости переменных, callback, анонимные функции, стрелочные функции, оператор rest.
    • - Что такое DOM и BOM. Начинаем первый проект Todo.
    • - Манипуляция DOM элементами. Работа с атрибутами элементов.
    • - Обработка событий, работа с формами. Реализуем добавление задач в Todo.
    • - Погружение и всплытие событий. Реализуем редактирование и удаление задач в Todo.
    • - Работа с localStorage. Реализуем вывод уведомлений в Todo.
    • - Напишем свои кастомные функции для перебора массивов.
    • - Деструктурирующее присваивание.
    • - Объекты и методы. Что такое 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.
    • - Тестирование кода.
    • - Основы jQuery.
ТЕХНОЛОГИИ КУРСА
practice
5
полноценныx проектов
Процесс обучения process
ЗАНЯТИЕ

Вебинары проводятся через сервис Zoom. Преподаватель объясняет материал занятия, все его действия отображаются на экране. Студенты задают вопросы и обсуждают задачи.

ПРАКТИКА

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

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

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

ПРОЕКТЫ

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

СЕРТИФИКАТ

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

HR И ФРИЛАНС

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

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

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

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

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

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

15 %

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

20 %

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

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

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

Наши друзья PARTNERS

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

SUBSCRIBE
Подписаться на новости
Получай последние новости нашей школы и мира IT!
Последние новости
полезно
Сложности, с которыми может столкнуться человек на IT-курсах
05.08.2019
статьи
Кем хотели стать в детстве преподаватели IT-школы EasyCode и почему остановились на программировании
29.07.2019

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

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

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

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

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

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

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

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

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

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