Frontend + Angular
online КУРС
Frontend + Angular

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

набор закрыт старт
- 52 занятий
- Время
- Осталось
КУРАТОР КУРСА 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.
    • - Основы TypeScript. Типы данных. Интерфейсы.
    • - Основы TypeScript. ООП TypeScript. Generics. Classes. Abstracts. Interfaces.
    • - Основы TypeScript. Namespaces. Mixins. Decorators.
    • - Основы Angular. Структура файлов в Angular. Angular CLI. NgModule. Что такое компоненты. Создание собственных компонент.
    • - Основы Angular. Template syntax. Привязка данных (data binding) односторонняя и двусторонняя.
    • - Основы Angular. Встроенные атрибутивные и структурные директивы.
    • - Основы Angular. Взаимодействие между компонентами. Input. Output. Жизненные циклы компонент.
    • - Основы Angular. Модуль FormsModule и директива NgModel. NgForm. Состояние модели и валидация. ViewChild.
    • - Основы Angular. Services. Observable. BehaviorSubject. HttpClient.
    • - Основы Angular. Http error handling. RxJs operators.
    • - Пишем первое небольшое приложение по управлению постами и комментариями.
    • - Основы Angular. Маршрутизация в приложении. NgRouting. RouterOutlet. Router state. Router events. Router guard.
    • - Основы Angular. Reactive forms. Lazy loading.
    • - Пишем небольшое приложение по управлению пользователей на модулях, маршрутизации и lazy loading.
    • - Основы Angular. Pipes. Встроенные pipes. Создание собственных pipes. Pure pipes. Impure pipes. AsyncPipe.
    • - Основы Angular. Перехват запросов. Interceptors. HttpBackend.
    • - Знакомство с Angular Material.
    • - Начинаем писать большое приложение "Социальная сеть для фотографов". Делаем функционал login и signup.
    • - Продолжаем работу над приложением. Реализуем страницу пользователя и вывод фотографий.
    • - Основы Angular. Directives. Написание собственных директив. Работа над проектом, вывод соревнований.
    • - Работа над проектом. Загрузка фотографий, вывод подробной информации о фотографии, реализуем функционал комментариев.
    • - Deployment проекта. Heroku.
    • - Видеоурок по Scrum (метод управления проектами).
    • - Видеоурок по Jira (программа управления проектами).
ТЕХНОЛОГИИ КУРСА
practice
7
полноценныx проектов
Процесс обучения process
ЗАНЯТИЕ

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

ПРАКТИКА

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

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

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

ПРОЕКТЫ

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

СЕРТИФИКАТ

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

HR И ФРИЛАНС

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

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

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

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

$500
Профессиональные качества
  • Выполнение поставленных задач точно в срок.
  • Соблюдение дедлайнов.
  • Понимание и знание валидной кроссбраузерной верстки, адаптивной верстки.
  • Разработка с применением Twitter Bootstrap 4
  • Умение работать в Photoshop.
  • Умение создавать интерактивные страницы на JavaScript
  • Владение культурой написания кода.
  • Создание небольших и средних проектов на Angular
  • Разработка клиентской логики
  • Опыт работы с Firebase
  • Работа с Angular CLI
  • Умение работать в команде.
  • Высокая концентрация на деталях.
  • Быстрое освоение новых знаний и навыков.
  • Прогнозирование времени решения задач.
Ключевые навыки
  • HTML
  • CSS3
  • FLEXBOX
  • JAVASCRIPT
  • ES6
  • GIT
  • BOOTSTRAP
  • SCSS
  • ANGULAR
  • ANGULAR CLI
  • TYPESCRIPT
  • FIREBASE
  • IONIC
  • WEBPACK
Скидки discount
10 %

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

15 %

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

20 %

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

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

REGISTRATION
УВЕДОМИТЬ ОБ ОТКРЫТИИ

Наши друзья PARTNERS

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

SUBSCRIBE
Подписаться на новости
Получай последние новости нашей школы и мира IT!
Последние новости
полезно
Заработок онлайн: какой сайт лучше создать для заработка в интернете
02.10.2019
old
Преимущества в изучении верстки на HTML и CSS онлайн
02.10.2019

Курс по Frontend Angular удаленно для Украины, Молдовы и Казахстана

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

График комплексного online-курса Node.js + frontend указан в отдельном блоке на этой странице, уточнить детали вы можете у наших менеджеров. Каждый ученик из Киева, Днепра, Одессы или другого города получает доступ к записям уроков, что исключает возможность пропуска занятия.

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

Что ждать после завершения удаленного обучения Фронтэнд+Ангуляр

Online-курсы по frontend у профессионалов заканчиваются двумя бонусными уроками. Один из них будет посвящен фрилансу и всему, что с ним связано. Вы узнаете как искать первые заказы, какие биржи выбирать и что говорить заказчику. Второе бесплатное занятие проведет HR. Он ответит на все вопросы, научит максимально выгодно презентовать себя на собеседовании, как правильно составлять резюме и расскажет много других полезностей.

После онлайн-обучения по HTML+CSS, JS и Angular вы будете уметь использовать CSS для качественного оформления веб-ресурса. Вы больше не сможете смотреть на сайт, оценивая исключительно визуальную составляющую — для вас будет важна функциональная сторона сайта.

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

Преимущества удаленного курса по frontend с изучением верстки и JS в EasyCode

  • прописанная программа, продуманная до мелочей;
  • гибкая система оплаты — вы можете внести сумму полностью, поэтапно или за месяц — детали можно узнать на этой странице или у наших менеджеров;
  • возможность задавать сколько угодно вопросов преподавателю, не ориентируясь на дату урока;
  • прозрачная система оценки всего периода online-обучения frontend angular js;
  • фидбек от ментора после каждого занятия;
  • вне зависимости от того, онлайн или оффлайн курс, каждый ученик, будь он из Харькова, Киева, Днепра, Одессы или даже не из Украины, а из Молдовы, Казахстана, получает сертификат;
  • помощь в трудоустройстве для лучших студентов;
  • наши преподаватели работают в крупных IT-компаниях, постоянно отслеживают тренды отрасли и корректируют программу — вы будете получать информацию от практиков, а не от теоретиков;
  • вы изучите Bootstrap, структурные составляющие HTML/CSS и другие полезности;
  • для нас важно, чтобы студенты не только усваивали материал, но и умели самостоятельно применить его на практике.
Адрес: г. Харьков, пр. Гагарина 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