laptop Длительность: 3.5 месяцев
calendar_today Старт: 03 и 10 Февраля, 2020

Курс: Фронтенд-разработка на языке Javascript и фреймворке Vue/React

Освойте современную Frontend-разработку и станьте востребованным специалистом!

  • Практически с нуля до профессионального владения HTML+CSS и Javascript
  • Полноценное погружение и опыт разработки приложений на Vue или React (на выбор)
  • Возможность пройти стажировку летом и/или получить помощь с трудоустройством
  • Лекций

    32
  • Практических задач

    28
  • Академических часов

    160
  • Стоимость, руб/мес.

    198 (4 мес)

Кто такой Frontend-разработчик?

Любое веб-приложение (сайт, сервис, портал и прочее) состоит из двух глобальных слоев - серверного (backend) и клиентского (frontend). Серверный слой отвечает за хранение данных приложения, за прием и обработку запросов пользователей на получение этих данных, а также осуществляет сложные вычисления, если они предусмотрены в приложении. Клиентская сторона отвечает за отображение интерфейса приложения пользователю, за общение пользователя с приложением посредством интерфейса. Клиентская сторона реагирует на действия пользователя и формирует запросы на получение данных с сервера. Клиентская сторона получает данные с сервера и отображает их пользователю в интерфейсе.

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

Чем занимается фронтенд-разработчик на работе?

  • Определяет стек(набор) фронт-технологий для построения веб-приложения на клиентской стороне исходя из потребностей задачи
  • Превращает дизайн-макеты сайтов в код веб-страницы
  • Настраивает отображение веб-приложения для различных устройств
  • Настраивает взаимодействие пользователя со страницей: нажатие на кнопки, ввод данных и другие действия пользователя
  • Пишет код для отправки и получения данных с сервера приложения, а также пишет код для обработки этих данных и вывода на страницу
  • Оптимизирует скорость загрузки страницы, скорость работы приложения
  • Пишет документацию для разработчиков по использованию написанных библиотек

Frontend-разработка в цифрах

Для кого этот курс ?

Студенты IT и других специальностей

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

Соискатели в IT

Курс рассчитан на начинающих разработчиков и нацелен на быстрое приобретение ими навыков, необходимых для коммерческой разработки (для успешной работы в IT-компании).

Веб-дизайнеры, специалисты технической отрасли.

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

Знания и навыки, что Вы получите на курсе:

Эти навыки, знания и умения Вы сможете указать в своём резюме Frontend-разработчика по окончании курса.
Технологии
Vanilla Javascript

Базовый синтаксис языка Javascript, а также перечень основных возможностей клиентского Javascript.

Document Object Model

Глубокое понимание того, как устроено дерево документа, умение работать с ним, понимание событийной парадигмы в DOM, знание паттерна делегирования, извлечение и установка стилей, размеров и отступов элементов.

Возможности ECMAScript 2015-2018

Перечень нововведений и мощных синтаксических возможностей языка, появившихся с 2015 года. Сегодня практически весь новый JS-код создается с использованием этих синтаксических возможностей.

ООП в Javascript

Глубокое понимание прототипной парадигмы в Javascript, а также синтаксис классов из ES2015.

HTML5 Javascript API

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

Архитектуры MVC и MVVM

Понимание паттернов MVC и MVVM, умение спроектировать архитектуру приложения в одном из паттернов.

Протокол HTTP и клиент-серверное взаимодействие

Четкое понимание взаимодействия клиент-сервер, принципов работы протокола HTTP и знание его составных частей.

Vue или React - продвинутый уровень

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

Инструменты сборки веб-приложения

NPM, Webpack, ESLint, Babel, Vue Config, Webpack asset management.

Инструменты быстрого построения интерфейсов

Bootstrap 4, Sass/SCSS, библиотеки UI-компонентов для DOM и выбранного фреймворка.

Node.js - обзор

Принцип работы Node.js, запуск статического и простого пользовательского сервера.

Навыки
UI-разработка

Умение спроектировать и разработать веб-интерфейс приложения для решения бизнес-задачи.

Декларативная обработка данных в JS

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

AJAX и построение SPA

Создние Single Page Applications с использованием форматов CSV или JSON для передачи данных при помощи технологии AJAX. Базовый навык для построения любого современного веб-приложения.

Работа с подключаемыми API

Способность использовать 3d-party (сторонние) решения в собственных веб-приложениях.

Стандарты написания качественного кода

Знание и умение писать код согласно общепринятым правилам написания и проектирования.

Полный цикл разработки веб-приложения на фреймворке

Создание и работа с веб-приложением на базе фреймворка + сборщика Webpack с настройкой инструментов сборки.

Git Workflow

Работа с проектом при помощи Git и хостинга Bitbucket, командная разработка, принципы разработки с использованием Git.

Опыт работы
3 веб-приложения в портфолио по результатам практикумов

Каждый практикум - задача на разработку законченного веб-приложения, схожего с реальными задачами. Эти проекты станут первыми элементами Вашего портфолио и наполнят Ваш Github/Bitbucket-аккаунт.

2 месяца опыта промышленной Frontend-разработки по результатам стажировки

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

Готовы стать ценным на рынке профессиональным разработчиком?

Запишитесь на курс: осталось 4 места!

Расписание и место проведения занятий

Расписание, указанное ниже, является примерным и может быть модифицировано на организационном собрании в более удобную для студентов сторону. Занятия начинаются в 19:00-19:15 и продолжаются 3 часа с перерывом 10 минут.

Понедельник
Вторник
Среда
Четверг
Пятница
Суббота

Срок сдачи домашнего задания (Группа 2 за лекцию пятницы)

Pull Request на GitHub/GitLab

Занятие (Группа 1)

Основная аудитория

Занятие (Группа 2)

Основная аудитория

Дополнительное занятие для желающих

Дополнительная учебная аудитория. Раз в 2 недели.

Срок сдачи домашнего задания (Группа 1, за занятие понедельника)

Pull Request на GitHub/GitLab

Занятие (Группа 1)

Основная учебная аудитория

Срок сдачи домашнего задания (Группа 2) за занятие вторника

Pull Request на GitHub/GitLab

Занятие (Группа 2)

Основная учебная аудитория

Срок сдачи домашнего задания (Группа 1) за занятие четверга

Pull Request на GitHub/GitLab

Организационное собрание и занятия проводятся в 5 минутах ходьбы от ст. м. Академия Наук.

Показать на карте

Программа курса

Блок 1. Разработка веб-страниц.
Занятие 1. Язык разметки HTML. Семантическая разметка.
Занятие 2. Язык CSS. Основы синтаксиса и базовые правила применения.
Занятие 3. Приемы разметки. Габаритные свойства. Работа с макетом - верстка сайта.
Занятие 4. Верстка интерфейса. Примеры подключения сторонних библиотек.
Блок 2. Алгоритмический Javascript. Основы разработки веб-интерфейсов.
Занятие 5. Основы языка Javascript. Запуск скриптов. Процедурные, императивные конструкции.
Занятие 6. Объектная природа языка Javascript
Занятие 7. Функциональная природа языка
Занятие 8. Глобальная область видимости. Проблемы замыканий и решение средствами ES6+. Браузерное окружение.
Занятие 9. DOM-структура страницы. Навигация в дереве и управление содержимым узлов, структурой дерева.
Занятие 10. События на странице. Интерактивность интерфейса.
Занятие 11. Особенности событийной модели в браузере.
Занятие 12. Управление стилями. Вычисление габаритных значений узлов.
Занятие 13. Отладка веб-приложений. Дополнительные приемы работы с DOM
Практикум 1
Блок 3. Современные возможности языка Javascript и браузерного окружения для использования веб-приложениями.
Занятие 14. Клиент-серверная архитектура приложений. Загрузка данных с сервера.
Занятие 15. Форматы передачи данных для разработки веб-приложения.
Занятие 16. Подключение сторонних библиотек для работы с приложением. Использование сторонних API
Занятие 17. Продвинутые возможности в браузерном окружении.
Занятие 18. Прототипное программирование
Занятие 19. Возможности стандарта ES6+
Блок 4. Стандарты коммерческой разработки веб-приложений.
Занятие 20. Стандарты написания кода. Декларативная обработка данных
Занятие 21. Шаблонизация данных в интерфейс. Архитектуры разработки интерфейсов веб-приложений.
Занятие 22. Работа с NPM. Модульная архитектура приложения..
Занятие 23. Инструменты линтирования и транспиляции.Тестирование кода.
Занятие 24. Git Flow. Командная разработка приложений.
Практикум 2.
Блок 5. (На выбор) Фреймворк Vue.js
Занятие 25. Основы синтаксиса Vue.
Занятие 26. Мультикомпонентный подход.
Занятие 27. Паттерны проектирования мультикомпонентного приложения
Занятие 28. Библиотека состояния для данных приложения: Vuex.
Занятие 29. Подключение сторонних решений для расширения возможностей фреймворка.
Практикум 3.
Блок 5. (На выбор) Фреймворк React
Занятие 25. Основы синтаксиса фреймворка. JSX.
Занятие 26. Мультикомпонентный подход.
Занятие 27. Паттерны проектирования мультикомпонентного приложения в React
Занятие 28. Библиотека состояния для данных приложения: Redux.
Занятие 29. Подключение сторонних решений для расширения возможностей фреймворка.
Практикум 3.

Занятие 1. Frontend-development.

  • Introduction to frontend-development
  • HTML + CSS layouting
  • Goals and tasks of frontend-development
  • Javascript in frontend

Перед началом курса Вы можете просмотреть наши подготовительные видеолекции. Они содержат информацию, которая поможет Вам быстрее ориентироваться в том, что будет рассматриваться на самом курсе.

Получить 4 подготовительные видеозанятия

Особенности курса

01 / 04
  • Углубленный формат изучения на практических примерах

    Курс не является обзорным. В рамках курса рассматриваются все классические ситуации, которые возникают во время работы Frontend-разработчика, а также нарабатываются навыки для решения подобных задач.

    Уровень материала, предлагаемого на курсах, примерно соответствует уровню знаний Middle Frontend-разработчика.

  • Готовность к трудоустройству во Frontend по окончании курса

    Знаний и навыков, полученных на курсе, будет достаточно для прохождения собеседования на старт карьеры в области Frontend на позицию стажера или Junior-разработчика. Прохождение стажировки после курса значительно повышает Вашу ценность как начинающего специалиста.

  • 100 часов стажировки после успешного окончания курса

    Это шанс получить опыт работы с реальными проектами и заказчиками. Стажировка способствует закреплению навыков, полученных во время курса, а также позволяет пополнить портфолио разработчика новыми проектами. Двухмесячный опыт работы будет несомненным плюсом при трудоустройстве.

  • Постоянный контроль знаний и своевременная корректировка

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

  • Практический подход к занятиям

    Цель курса - выработка у студентов прочных практических навыков на твердом теоретическом фундаменте. В курсе 112 практических часов и 48 лекционных - такое количество и пропорция оптимальны для достижения описанной цели.

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

  • Преподаватель - квалифицированный практикующий Frontend-разработчик с большим опытом преподавания

    Курс преподается человеком, который долгое время работает как ведущий Fullstack-разработчик в RetarCorp и хорошо знает, какие знания и навыки требуются от этого специалиста в первую очередь. Большой опыт преподавательской деятельности дает каждому студенту возможность впитать максимум предлагаемого материала.

  • Открытый формат курсов

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

  • Углубленный формат изучения на практических примерах

    Курс не является обзорным. В рамках курса рассматриваются все классические ситуации, которые возникают во время работы Frontend-разработчика, а также нарабатываются навыки для решения подобных задач.

    Уровень материала, предлагаемого на курсах, примерно соответствует уровню знаний Middle Frontend-разработчика.

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

Денис Латушкин

Lead Frontend-Developer

  • Опыт фронт-разработки: 5.5 лет
  • Опыт в разработке ПО experience: 6.5 лет
  • Преподаватель с 2014 года
  • Завершено учебных потоков: 12

Ключевые навыки

  • Javascript / 6
  • PHP / 5
  • Vue.js / 2,5
  • Software Architecture / 4
  • Web-development Management / 3

Вопрос-ответ

Если у Вас есть вопросы, связанные с курсом и не указанные далее, будем рады ответить Вам по почте info@retarcorp.by или по телефону/Viber/Telegram +375 (29) 850-76-55, а также через чат в углу этой страницы.

Что делать после того, как я отправил(а) заявку на участие ?

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

Какой документ выдается по завершении курса ?

По окончании курса студент получает рекомендательное письмо с информацией о том, что он прошел курс, а также: перечень изученных тем и выполненных проектов, оценка студента за весь курс.

Какой фреймворк изучается на занятиях?

Основная часть курса дает знания и навыки, которые одинаково применимы при работе с любым фреймворком. В пятом блоке курса студенты могут выбрать для изучения фреймворк Vue или React. Эти фреймворки будут рассматриваться на одинаковом уровне - достаточном, чтобы работать фронтенд-разработчиком со специализацией в выбранном фреймворке.

В каком формате проходят занятия?

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

Помогаете ли Вы с трудоустройством?

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

Предусмотрена ли стажировка по окончании курса?

Да, по окончании курса всем студентам, получившим итоговую отметку не менее 7.0, будет предложено прохождение стажировки в количестве 100 рабочих часов (2-3 месяца). За это время студенты будут разрабатывать проекты, близкие к реальным или пробовать свои силы на одном из реальных проектов. Стажировка будет указана в дополнительном рекомендательном письме - с перечнем достижений стажера и примененных на стажировке технологий.

Можно ли пройти летнюю учебную или производственную практику в качестве стажировки?

Да, студенты ВУЗов могут пройти у нас производственную или учебную практику от университета, которая будет проводиться как стажировка.

В каком формате происходит оплата занятий?

Со студентами заключается официальный договор. Оплата осуществляется студентом в течение 3 дней после 1-го, 9-го, 17-го и 25-го занятий (1 раз в месяц) - через кассу банка или платежом наличными.

  • Свободных мест: 4
  • Старт занятий: 03, 10 Февраля, 2020
  • Стоимость: 198 руб./месяц (4 месяца)
  • Скидка 8% при оплате курса сразу!
Оплата производится после первого, девятого, семнадцатого и двадцать третьего занятий курса равными частями

Записаться на курс

После отправки формы Вы получите письмо с информацией о зачислении на курс. Ближе к старту курса наш менеджер перезвонит Вам и сообщит организационные детали участия.

У меня есть промокод

Отзывы участников курса

Александра

Занятия были очень интересными, много информации и практики. Большое спасибо за ваш профессионализм и за вашу помощь в освоении языка JavaScript!

Имя скрыто по желанию студента

Учитывая то, что курсы не совсем для новичков) , получил все что планировал, спасибо. Поэтому единственное чего, хотелось бы, так это более подробных объяснений некоторых вещей...мм..по принципу и логике работы скажем так. А в общем и целом курсом я доволен, прояснились и обозначились направления в которых нужно ёкопать, поэтому спасибо еще раз и больших Вам успехов js)

Имя скрыто по желанию студента

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

Евгений

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

Александр

Лично я ходил с удовольствием и пытался не пропустить ни одного занятия. Как по мне, все было доступно объяснено и если не лениться, то этот язык за время этих курсов можно выучить. Единственное, мне хотелось узнать о курсах подробнее о каких-нибудь framework'ах и библиотеках Javascript.

Антон

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

Rihard

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

Антон

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