Днепр Курс

Frontend

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

18 февраля

person icon
График

ВТ, ЧТ: 19:00 - 22:15 ВС: 10:00 - 17:00

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

300 часов/ 6 месяцев

dollar icon
Группа

25 человек

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

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

Что вы будете знать? Основы веб-верстки, HTML и CSS, язык программирования JavaScript, фреймворк React. js, Git, и основы BackEnd. Основным преимуществом курса является практическое обучение и подготовка студенческих проектов, за выполнением которых будут следить разработчики курса, специалисты из сферы IТ и студенческие менторы.

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

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

Для кого

новичкам в сфере IТ, которые хотели бы стать программистами и заниматься написанием кода

всем, кто желает разработать сайт или веб-приложение с нуля и научиться их презентовать

всем, кто желает писать код по реальным задачам заказчика и изучать программу, построенную по последним стандартам IТ-индустрии

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

Изучение вёрстки с помощью HTML, CSS, знание языка JavaScript

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

Знание библиотек React.js, Redux, понимание работы с одностраничными сайтами

Проектная работа: лендинг, сайт или веб-приложение

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

Возможность читать любой код и понимать, как он работает, и какие ошибки содержит

Подготовка к собеседованию по специальности и навыки самопрезентации и презентации готового продукта

Программа

Подготовка к старту

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

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

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

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

Изучим:

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

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

Язык программирования JavaScript определяет, как веб-страница будет реагировать на действия пользователя. Студенты научатся синтаксису языка и получат опыт в:

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

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

Проектная работа: интерактивный лендинг (одностраничный сайт).

Модуль 3. Advanced HTML/CSS

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

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

Модуль 4. Advanced JavaScript

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

Темы модуля:

  • конструкторы
  • prototype
  • рекурсия
  • strict mode
  • cookies
  • Async / Await
  • стандарты WebSocket, JSONP, AJAX, XMLHttpRequest, Promise
  • Single Page Application
  • RESTful API
  • тестирование кода с помощью фреймворков.

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

Для того, чтобы написать сложное веб-приложение, необходимо изучить библиотеку React.js. Мы перейдем к:

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

Воркшоп: Серверный JavaScript (BackEnd)

Обзорно будем проходить также и серверную часть программирования:

  • Node.js;
  • инфраструктуру и использование пакетного менеджера NPM (package manager)
  • фреймворк Express.js;
  • MongoDB.

Проектная работа: бэкенд часть для созданных ранее приложений и проектов, с помощью REST API и популярного фреймворка Express.js.

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

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

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

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

Семинары, воркшопы и мастер-классы

Курс FrontEnd предусматривает воркшопы и участие в вебинарах от израильских и украинских специалистов.

Навыки самопрезентации и подготовка к собеседованию

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

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

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

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

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

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

Напиши нам







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

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

Контакты
/