Продвинутый JavaScript
Научитесь писать приложения уровня Middle на JavaScript без ошибок и лишних строчек кода
Освойте эффективные способы работы с JavaScript и фреймворками и станьте востребованным разработчиком
На курсе вы самостоятельно создадите Excel на чистом JS, при этом улучшите навыки и поймете суть фреймворков
- 175
HD видеоуроков содержит курс
- 3-15
минут длятся видеоуроки
- 23
тестовых заданий для закрепления
Этот курс для вас, если вы
Уже разбираетесь в JavaScript
Но учили его самостоятельно или недостаточно углубились в тему.
Хотите закрепить знания и научиться более сложным темам, чтобы повысить уровень до middle.
Работаете на позиции Junior Frontend-разработчика
И сталкиваетесь со сложностями в текущих проектах. Вам не хватает более предметных знаний.
Вы уже готовы брать на себя полную ответственность за задачи и хотите начать путь к уровню middle.
Хотите пополнить портфолио
У вас есть теоретические знания, но до сих пор нет портфолио и готовых проектов.
А если вы еще не изучали JavaScript, то сделайте это на первой ступени курса «Профессия Джуниор Frontend-разработчик».,Изучить программу курса для начинающих
Мы учим не первый год
План обучения построен так, что вы поэтапно
пройдете полный цикл создания любого приложения.
Так вы сможете научиться выстраивать процесс разработки и самостоятельно напишете приложение по принципу Excel от нуля до последних функций.
![Демонстрация работы готового приложения Excel](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fexcel-content-anim.629caa73.gif&w=1920&q=75)
Шаг за шагом вы будете изучать методики и способы решения задач, а вместе с тем — перенимать эффективный и системный образ мышления разработчика.
В итоге вы научитесь с нуля создавать проекты и выйдете на новый уровень.
Ваши результаты
Изучите Java Script уровня middle, научитесь продвинутым технологиям
Грамотно строите архитектуру любого приложения
Уменьшите количество ошибок в коде и упростите процесс их поиска
![Детали конструктора разбросаны, беспорядок](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Flow-skills.b5924396.jpg&w=1080&q=75)
ваш код до курса
Вы увидите свой прогресс
Сейчас: вы еще не умеете автоматизировать процессы и не знаете, как выйти за рамки стандартных функций. Когда хотите усложнить приложение, сталкиваетесь с ошибками.
![Дом из конструктора, собран ровно и аккуратно](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fhigh-skills.a9135047.png&w=1080&q=75)
ваш код после курса
Курс «Продвинутый JavaScript» приведёт вас к новому уровню Frontend-разработки
После курса: повысите уровень своего кода. Узнаете новые шаблоны и паттерны написания кода, которые внедрите в свою работу.
Больше умеете, лучше работаете
Сложнее проекты, больше предложений
Список вакансий, на которые вы сможете претендовать, если выполните все задания и усвоите курс «Продвинутый JavaScript»
Чему именно вы научитесь на курсе «Продвинутый JavaScript»
Тестирование с Jest
Научимся писать юнит тесты, чтобы увеличить надежность приложения
Анализ кода с ESLint
Научимся настраивать ESLint для того, чтобы код был всегда в чистоте
Транспиляция с Babel
Настроим Babel для того, чтобы использовать новейшие возможности языка JavaScript, не ожидая их полной поддержки в браузерах
Настройка Webpack
Создадим Webpack-конфигурацию с двумя режимами сборки, подключим к ней ESLint, Babel, Sass и другие технологии
Data Layer
Научитесь работать со слоем данных в приложении. Поймете, что нужно там хранить и как им управлять
State Managers
Поймете, как работать с инструментами для управления состоянием приложения, создадим свой Redux
ООП на JavaScript
Узнаете, как строить приложения, опираясь на парадигму ООП
Шаблоны проектирования
На практике внедрите паттерны проектирования такие как Observer, Facade
Работа с Git
Будете создавать и объединять ветки, делать Pull Request, работать с репозиторием на GitHub и в целом работать с системой контроля версий
Продвинутый JS
Поработаете с интересными аспектами JavaScript, такими как классы, замыкания, стрелочные функции, контекст и др.
Вёрстка на SASS
Попрактикуетесь в верстке приложения с использованием препроцессора Sass
И многое другое
С подробной программой курса можете ознакомиться ниже
Для обучения вам нужен средний уровень JavaScript
Вы умеете верстать лендинги (HTML и CSS), понимаете, что такое «промисы» и как работают объекты, знаете основы асинхронности, свободно работаете с функциями и классами
<!DOCTYPE HTML><html><head> <meta charset="utf-8"> <title>CODE</title></head><body> <p>Код программы</p> <pre><code>const checkParent = (src, dest) => { while (src != null) { if (src.tagName == dest) return src src = src.parentElement } return null }</pre></code></body></html>
Если вы понимаете этот код, то справитесь с обучением и прокачаете свой навык до уровня middle.
Если нет — изучите JavaScript с нуля на курсе «Профессия Джуниор Frontend-разработчик»
Что включено в курс
175 уроков в HD
Уроки записаны в высоком качестве с хорошим звуком, захваты экрана чёткие. Вас ничего не будет отвлекать от учебы.
от 3 до 15 минут
Структура обучения продумана, чтобы вы получили необходимую информацию без воды.
23 задачи на практике
Все теоретические знания вы закрепите на практике, чтобы получить максимальный результат.
Доступ навсегда
Не нужно продлевать доступ за деньги. Вы можете двигаться в своем темпе, а также пересматривать уроки при необходимости.
Служба заботы
Если у вас появится вопрос, мы дадим развернутую обратную связь и поможем вам. Так ваше обучение пройдет гладко.
Онлайн-доступ
Уроки хранятся на платформе GetCourse. Вы сможете учиться онлайн с любого устройства и в любое время.
Программа обучения
Модуль 1 — Настройка среды
9 занятий
Настроите рабочее окружение для проекта на Webpack. Готовая сборка с использованием Babel, Sass, ESlint и др.
- Что и как будем делать
- Настройка Git
- Базовая настройка Webpack
- Добавление плагинов
- Добавление лоадеров
- Режимы сборки
- Настройка DevServer
- Настройка ESlint
- Git Flow
Модуль 2 — Верстка
8 занятий
Поймете принципы правильного создания макета приложения, а также принципы верстки и препроцессоров
- Планирование верстки
- Создание структуры
- Стили для Header
- Стили для Toolbar
- Стили для Formula
- Верстка таблицы
- Верстка главной страницы
- Git Flow
Модуль 3 — Создание фреймворка
11 занятий
Создадите свой фреймворк и поймете принцип работы существующих инструментов. После этого блока ООП перестанет быть магией
- Планирование структуры ООП
- Создание структуры класса
- Вывод шаблонов компонента
- Формирование верстки
- Класс для работы с DOM
- Подготовка структуры для событий
- Добавление прослушки событий
- Удаление слушателей
- Создание таблицы. Заголовки
- Создание таблицы. Ячейки
- Git Flow
Модуль 4 — Ресайз таблицы
10 занятий
Узнаете, как оптимизировать приложение, бороться с утечками памяти и реализовать логику по изменению размеров элемента без библиотек. Сможете решать большое количество UI задач
- Про алгоритм действия и события
- Создаем элемент для ресайза
- Определяем элементы для ресайза
- Изменяем размер колонок
- Проблема с производительностью
- Оптимизация + Performance
- Ресайз строк
- Утилита для работы со стилями
- Существенная оптимизация
- Git Flow
Модуль 5 — Логика Excel
11 занятий
Будете работать с ООП, различными паттернами проектирования (например с Observer и Facade). Напишете логику для асинхронного взаимодействия между компонентами. Поработаете с событиями и оптимизацией.
- Как делать выделение
- Выделение ячейки
- Выбор другой ячейки
- Выбор группы элементов
- Навигация кнопками
- Как работает Observer Pattern
- Реализация Observer
- Взаимодействие между компонентами
- Улучшение фреймворка
- Создание интерактива
- Git Flow
Модуль 6 — Состояние приложения
18 занятий
Узнаете, что такое Redux, Vuex, Mobx, зачем они нужны, и как они работают. Напишете свой Redux
- Что такое состояние и зачем оно нужно
- Создание Store
- Связывание Store и UI
- Создание состояния колонок
- Сохранение состояния
- Рендер состояния
- Размер строчек
- Сохранение состояния ячеек
- Оптимизация логики подписок
- Создание Toolbar
- Компонент с состоянием
- Определение стилей ячейки
- Изменение стилей через store
- Сохранение стилей
- Изменение названия таблицы
- Оптимизация с Debounce
- Парсинг ячеек
- Git Flow
Модуль 7 — Роутинг и новые страницы
10 занятий
Дополните свой фреймворк функционалом, позволяющим добавлять новые динамические страницы. SPA (Single Page Application) перестанет быть проблемой
- Что будем делать
- Создание роутера
- Рефакторинг со страницами
- Смена страниц
- Создание главной страницы
- Создание разных моделей страниц
- Оживление кнопки навигации
- Добавление даты открытия
- Ещё про окружение
- Git Flow
Модуль 8 — Тестирование
6 занятий
Настроите окружение, чтобы писать юнит тесты с использованием Jest. Будете уметь автоматически тестировать свой код. Увидите, как применять принципы SOLID, и как они помогают писать расширяемый и профессиональный код
- Настройка окружения
- Тестирование Store
- Тестирование роутера
- Git Flow
- Применение SOLID
- Заключение
Получить доступ к курсу
Продвинутый JavaScript
Научитесь думать как разработчик и самостоятельно писать приложения на JavaScript
- Набор технологий, который не знает junior-разработчик
- Сильный проект в ваше портфолио
- 4 бонуса, которые помогут в поиске работы
13 790 ₽
На курсе вы создадите приложение Excel без фреймворков. При этом улучшите навыки JS и поймете устройство фреймворков.
Простыми словами — научитесь выполнять проекты уровня middle, уменьшив количество строчек кода.
Доступ к курсу открывается сразу после оплаты
Гарантия 100%:
Вернем деньги, если вам не понравится курс в первые 3 дня
Часто задаваемые вопросы
Что надо знать для старта курса?
Базовый стек junior frontend-разработчика: HTML&CSS и JavaScript. Эти знания помогут вам быстро влиться в учебный процесс и усвоить всю необходимую информацию.
Получу ли я сертификат после обучения?
Каждый студент получает сертификат от Result о прохождении курса, при условии, что выполнены все задания и итоговая работа. Любое задание считается выполненным, если его приняли.
Какие еще есть варианты оплаты?
Мы готовы предложить вам рассрочку. Все обязательства по выплате процентов мы берем на себя, для вас стоимость курса не поменяется. Более того, знания, полученные на курсе, возможно, помогут вам устроиться на высокооплачиваемую работу и закрыть рассрочку еще до конца обучения.
Заключается ли договор?
Безусловно. Мы работаем честно, открыто и официально. На сайте можно найти ИНН и ОГРНИП, вы можете проверить информацию на официальном сайте ФНС, а при оформлении в рассрочку, есть договор с банком. Мы дорожим своей репутацией. Наши соцсети всегда можно найти тут: VK Result University, YouTube Result University, YouTube Владилена Минина
Сколько времени нужно уделять учебе?
Разным людям необходимо разное количество времени. Диапазон времени, который уходит на обучение у наших студентов — от 1,5 часов в день до 5. Так как студенты приходят с разной базой. Кто-то имеет представление об основах веб-разработки и уже что-то знает из JavaScript. Другая часть — уже практикующие junior-разработчики. Вы можете учиться сколько потребуется, доступ к курсу неограничен.
Могу ли я оплатить бонусными монетами?
Да, вы можете оплатить бонусными монетами не более 20 % стоимости курса.
Что такое монеты и как их заработать?
Монеты — это внутренняя валюта Result. Вы можете их получить, выполняя домашние задания и приглашая друзей. Монеты нужны, чтобы вы могли частично оплатить другие образовательные проекты в Result.
Остались вопросы?
Почему мы этим занимаемся
Доказываем, что попасть в IT реально.
В основе курса — актуальные данные. Обучаем на практике и без воды.
Даем реальные задачи, над которыми работают
в IT-компаниях прямо сейчас.
Помогаем найти работу, сделать качество жизни лучше и начать карьеру в разработке.