Киев Курс

Frontend — утренний

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

16 января

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-разработчиком

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

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

Дмитрий Записочный

Senior frontend developer in MaFactory

Никита Ямник

Full Stack web developer

Богдан Лямзин

Senior Full Stack developer, Центр Авто

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

Знать популярный язык программирования 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, запишись на индивидуальную консультацию со мной.

Напиши нам







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

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

Контакты
/