Курс

Frontend — утренний

Записаться
clock icon
Старт группы

18 июня

person icon
График

вт, пт: 10:00 - 16:30

star icon
Длительность

200 часов

dollar icon
Группа

25 человек

Описание курса

Утренний курс Frontend — идеальное решение для тех, кто интересуется IТ-индустрией, имеет возможность заниматься в утренние часы, и стремится получить знания за короткий промежуток времени.

В нашу программу мы поместили максимум полезной информации и базу знаний, которыми должен овладеть FrontEnd developer. В частности, 200 часов работы над практическими кейсами, 5 модулей, развитие софт-скиллс, дополнительные бесплатные мастер-классы и воркшопы. После окончания курса вы получите специальность, которая позволит постоянно развиваться и быть креативным в сфере IТ.

Что же такое Frontend? Это создание клиентской части сайта, то, что на выходе видит пользователь. Итак, чтобы быть умелым фронтендщиком, нужно обладать:

  • JavaScript
  • HTML / CSS
  • системой управления версиями файлов Git
  • фреймворками (самые популярные это Bootstrap, Node.js, React.js, Redux)
  • тестированием
  • автоматизацией
  • знать дебагинг.

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

Для кого

новичкам в программировании (не имеющим опыта) в возрасте от 16 лет и знанием английского не ниже уровня Pre-Intermediate

желающим научиться разрабатывать с «нуля» интерактивные, функциональные современные веб-сайты и быть востребованными и конкурентоспособными Frontend-разработчиком

желающим учиться писать код по реальным кейсам с практическими примерами и развить навыки командной работы и самопрезентации

преподаватели курса

Арсений Деркач

Frontend developer at CoursePro

Что будете уметь

Знать популярный язык программирования JavaScript и уметь с ним работать

Понимать логику работы клиент-серверной архитектуры в контексте написания реальных приложений

Знать фреймворки React.js, Node, Express.js и другие, работать с системой контроля версий GIT

Разрабатывать веб-интерфейсы и веб-приложения

Тестировать и масштабировать веб-приложения

Читать чужой код с пониманием того, как он работает

Владеть навыками soft-skills и будете подготовленным к прохождению собеседования, уметь презентовать себя и свой продукт на английском языке

Программа

Подготовка к началу курса

Наши студенты начинают учиться фактически сразу после того, как успешно проходят оба тестирования и зачисляются на программу. Каждый при этом получает список книг по Javascript и первое теоретическое задание, чтобы на первом же уроке сразу перейти к практике и начать знакомиться с методом flipped classroom на конкретном примере.

Модуль 1. Основы HTML, CSS

HTML – средство логической разметки веб-страницы. Используя структуру разметки, можно вносить данные на страницу. В процессе первого модуля студенты научатся описывать эту структуру, используя HTML-теги (специальные маркеры, которые считывает браузер).

Также в первом модуле студенты будут изучать основы CSS, это нужно для того, чтобы они понимали, как сообщить браузеру правильное отображение HTML-тегов.

Ознакомление с языком включает в себя:
• селекторы CSS;
• оформление элементов;
• управление размером и положением блоков на странице;
• поля и отступы;
• порядок верстки блока;
• тестирование результатов верстки;
• адаптивная верстка;
• нюансы кроссбраузерной вёрстки;
• базовая анимация;
• стандарт CSS3;
• основные инструменты разработчика.

Модуль 2. Основы JavaScript

HTML задает разметку сайта, CSS отвечает за внешний вид, а JavaScript приводит всё в действие.
С помощью JavaScript-кода программист определяет, как страница отреагирует на действия пользователя. Модуль познакомит студентов с синтаксисом языка.

Будут освещены такие темы как:
• базовые и объектные типы данных;
• преобразование типов;
• переменные и правила их именования;
• условия, операторы, массивы, циклы, функции;
• области видимости, замыкания;
• контекст вызова;
• управляющие конструкции;
• обработка ошибок;
• введение в браузерные события.

Также студенты ознакомятся с порядком обработки событий (event loop), взаимодействием с браузером DOM, функциями обратного вызова (callback). По ходу курса студенты научатся работать с консолью разработчика, отлаживать (debug) и проверять код на предмет ошибок. Предусмотрено знакомство с библиотекой Jquery, работа с DOM, управления событиями, AJAX- вызовы.

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

Модуль 3. Advanced JavaScript

Более глубокое погружение в возможности языка. Изучение основ объектно-ориентированного программирования (ООП), базовых шаблонов проектирования, основ функционального программирования, возможностей стандарта ES6\ ES7 (ECMAScript), MVC архитектуры.

Также в этом модуле будут рассмотрены:
• конструкторы;
• прототипное наследование (prototype);
• рекурсия;
• работа с коллекциями;
• итераторы;
• генераторы;
• модули;
• strict mode;
• регулярные выражения;
• Localstorage/Sessionstorage;
• cookies;
• IndexedDB;
• Async/Await;
• Canvas.

Знакомство со стандартами Web Workers API, WebSocket, JSONP, AJAX, XMLHttpRequest, COMET, Promise, CORS, Single Page Application, общая информация про RESTful API, тестирование кода с помощью фреймворка Jasmine.

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

Модуль 4. Основы работы с библиотекой React.js

Погружение в одну из самых популярных библиотек по построению сложных веб-приложений – React.js. В этом модуле студенты познакомятся с принципиально новым и инновационным подходом в формировании страниц сайтов и приложений.

Модуль покрывает следующие темы:
• верстка JSX;
• виртуальный DOM;
• components;
• работа с Props/State компонента;
• React Router;
• Redux;
• работа с ImmutableJS в React/Redux приложении.

Модуль 5. Серверный JavaScript (Backend)

Данный модуль включает в себя:
• знакомство с технологией Node.js;
• инфраструктура и использование пакетного менеджера NPM (package manager);
• фреймворк Express.js;
• шаблонизаторы (Mustache, Jade, EJS);
• тестирование кода (unit tests);
• работа с базами данных на примере MongoDB (NoSQL);
• изучение потоковых сборщиков проектов (build system) на примере Gulp – конфигурация, задачи, build\deploy, CI (Continuous Integration).

Также в рамках модуля будет рассмотрен один из самых популярных CSS-препроцессоров – SASS, его синтаксис, настройки и интеграция со сборщиком Gulp.

По окончанию модуля студенты смогут с легкостью создавать быстрые приложения, которые будут работать в режиме реального времени (real-time applications), а также создавать и использовать различные REST API (с помощью популярного фреймворка Express.js).

Дополнительные навыки

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

Будут раскрыты следующие темы:
• работа с Git Bash;
• workflow от создания репозитория до его отправки на удаленный сервер;
• работа с ветками;
• работа с конфигурационными файлами.

Воркшопы и мастер классы

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

Soft skills, технический английский и подготовка к собеседованию

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

Мы будем проводить полноценные собеседования, создавая условия, максимально приближенные к реальным.

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

Финальный проект

Команды студентов будут работать над финальным проектом под еженедельным наблюдением scrum-мастера. Каждый проект начнется с реализации идеи клиента. По окончанию финального проекта студентам предстоит презентация его перед членами Наблюдательного совета.

Компании которые ждут наших студентов

запись на консультацию

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

Напиши нам







Спасибо за регистрацию.

В ближайшее время с вами свяжется наш менеджер

Контакты