laptop Длительность: 4 месяца
calendar_today Старт: 06 сентября 2021

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

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

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

    32
  • Заданий

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

    220 (4 мес)
  • Формат

    Онлайн-занятия

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Document Object Model

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

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

Перечень нововведений и мощных синтаксических возможностей языка, появившихся с 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 места!

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

Занятия проводятся в виде Zoom-лекций (из соображений безопасности в период пандемии). Длительность занятия - 90 минут. Занятия проводятся два раза в неделю, с недельным перерывом после каждого блока курса (8 занятий).

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

Срок сдачи домашнего задания за занятие четверга

Pull Request на GitHub/GitLab

Занятие

Онлайн-занятие

Срок сдачи домашнего задания за занятие понедельника

Pull Request на GitHub/GitLab

Занятие

Онлайн-занятие

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

Онлайн. Раз в 2 недели.

Занятия проводятся в режиме онлайн с использованием приложения Zoom или аналогичного.
Ссылка на занятия будет предоставляться участникам перед занятием.
Запись занятий будет доступна студентам во время всего курса.

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

Блок 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

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

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

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

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

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

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

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

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

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

Можно ли задавать вопросы преподавателю после занятий?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Александра

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

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

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

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

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

Евгений

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

Александр

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

Антон

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

Rihard

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

Антон

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