Курс Frontend

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

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

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

Обучение языку включает в себя:

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

HTML задает разметку сайта, CSS отвечает за внешний вид, а JavaScript приводит всё в действие.

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

Студенты получат опыт в таких направлениях:

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

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

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

Студенты смогут создавать адаптивные веб-интерфейсы любой сложности, которые будут работать как на широкоформатных мониторах, так и на мобильных телефонах. Также в рамках модуля будет рассмотрен один из самых популярных CSS-препроцессоров – SASS, его синтаксис, настройки и интеграция со сборщиком Gulp. Рассмотрим работу с одним из самых известных CSS фреймворков Bootstrap. Помимо этого, в данном модуле будут рассмотрены следующие темы:

•  CSS методологии на примере BEM
•  Верстка с пиксельной точностью
•  Верстка с поддержкой Retina экранов
•  Кросс-браузерная верстка
•  Web accessibility
•  Mobile first
•  HTML/CSS

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

Также в этом модуле будут рассмотрены:

• конструкторы;
• прототипное наследование (prototype);
• рекурсия;
• модули;
• strict mode;
• cookies;
• Async/Await.

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

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

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

Модуль покрывает следующие темы:

• верстка JSX;
• виртуальный DOM;
• components;
• работа с Props/State компонента;
• React Router;
• Redux;
• работа с ImmutableJS в React/Redux приложении
• работа с middleware, Redux-thunk
• Redux-forms
• Тестирование приложения с помощью Jest и Enzyme
• Использование хуков в React

Данный воркшоп включает в себя:

• знакомство с технологией Node.js;
• инфраструктура и использование пакетного менеджера NPM (package manager);
• фреймворк Express.js;
• работа с базами данных на примере MongoDB.
• По окончанию модуля студенты смогут создать бекенд часть для созданных ранее приложений и проектов, а также создавать и использовать различные REST API (с помощью популярного фреймворка Express.js).

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

Будут раскрыты следующие темы:

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

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

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

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

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

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