Курс

Frontend — утренний

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

08 октября

person icon
График

вт, пт: 10:00 - 17:00

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

255 часов/ 4 месяца

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, которая поможет правильно отображать теги на странице.

Что будет изучаться:

  • селекторы CSS;
  • элементы и их отображение;
  • размеры и форма блоков на странице;
  • поля и отступы;
  • блоки и их размещение;
  • вёрстка и тестирование на ошибки;
  • адаптивная верстка;
  • кроссбраузерная вёрстка;
  • создание анимации;
  • стандарты CSS3;
  • инструменты программиста.

Модуль 2. Знакомство с 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;

Студентов ждёт работа с: 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;
  • js;
  • шаблонизаторы Mustache и Jade, EJS;
  • как правильно тестировать код с помощью unit тестов;
  • базы данных MongoDB (NoSQL);
  • сборщики проектов (build system) по типу Gulp – как троить задачи, build\deploy, CI (Continuous Integration).

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

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

Другие технические навыки

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

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

Дополнительные семинары

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

Soft skills, английский и первые собеседования

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

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

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

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

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

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

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

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

Напиши нам







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

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

Контакты