Продвинутый JavaScript. Создаем Excel
Продвинутый JavaScript
Научитесь писать приложения уровня Middle на JavaScript без ошибок и лишних строчек кода
Освойте эффективные способы работы с JavaScript и фреймворками и станьте востребованным разработчиком
На курсе вы самостоятельно создадите Excel на чистом JS, при этом улучшите навыки и поймете суть фреймворков
- 175
HD видеоуроков содержит курс
- 3-15
минут длятся видеоуроки
- 23
тестовых заданий для закрепления
Этот курс для вас, если вы
Уже разбираетесь в JavaScript
Но учили его самостоятельно или недостаточно углубились в тему.
Хотите закрепить знания и научиться более сложным темам, чтобы повысить уровень до middle.
Работаете на позиции Junior Frontend-разработчика
И сталкиваетесь со сложностями в текущих проектах. Вам не хватает более предметных знаний.
Вы уже готовы брать на себя полную ответственность за задачи и хотите начать путь к уровню middle.
Хотите пополнить портфолио
У вас есть теоретические знания, но до сих пор нет портфолио и готовых проектов.
А если вы еще не изучали JavaScript, то сделайте это на первой ступени курса «Профессия Джуниор Frontend-разработчик».
Мы учим не первый год
План обучения построен так, что вы поэтапно
пройдете полный цикл создания любого приложения.
Так вы сможете научиться выстраивать процесс разработки и самостоятельно напишете приложение по принципу Excel от нуля до последних функций.
Шаг за шагом вы будете изучать методики и способы решения задач, а вместе с тем — перенимать эффективный и системный образ мышления разработчика.
В итоге вы научитесь с нуля создавать проекты и выйдете на новый уровень.
Ваши результаты
Изучите Java Script уровня middle, научитесь продвинутым технологиям
Грамотно строите архитектуру любого приложения
Уменьшите количество ошибок в коде и упростите процесс их поиска
ваш код до курса
Вы увидите свой прогресс
Сейчас: вы еще не умеете автоматизировать процессы и не знаете, как выйти за рамки стандартных функций. Когда хотите усложнить приложение, сталкиваетесь с ошибками.
ваш код после курса
Курс «Продвинутый 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 и др.
1. Что и как будем делать
2. Настройка Git
3. Базовая настройка Webpack
4. Добавление плагинов
5. Добавление лоадеров
6. Режимы сборки
7. Настройка DevServer
8. Настройка ESlint
9. Git Flow
Модуль 2 - Верстка
8 занятий
Поймете принципы правильного создания макета приложения, а также принципы верстки и препроцессоров
1. Планирование верстки
2. Создание структуры
3. Стили для Header
4. Стили для Toolbar
5. Стили для Formula
6. Верстка таблицы
7. Верстка главной страницы
8. Git Flow
Модуль 3 - Создание фреймворка
11 занятий
Создадите свой фреймворк и поймете принцип работы существующих инструментов. После этого блока ООП перестанет быть магией
1. Планирование структуры ООП
2. Создание структуры класса
3. Вывод шаблонов компонента
4. Формирование верстки
5. Класс для работы с DOM
6. Подготовка структуры для событий
7. Добавление прослушки событий
8. Удаление слушателей
9. Создание таблицы. Заголовки
10. Создание таблицы. Ячейки
11. Git Flow
Модуль 4 - Ресайз таблицы
10 занятий
Узнаете, как оптимизировать приложение, бороться с утечками памяти и реализовать логику по изменению размеров элемента без библиотек. Сможете решать большое количество UI задач
1. Про алгоритм действия и события
2. Создаем элемент для ресайза
3. Определяем элементы для ресайза
4. Изменяем размер колонок
5. Проблема с производительностью
6. Оптимизация + Performance
7. Ресайз строк
8. Утилита для работы со стилями
9. Существенная оптимизация
10. Git Flow
Модуль 5 - Логика Excel
11 занятий
Будете работать с ООП, различными паттернами проектирования (например с Observer и Facade). Напишете логику для асинхронного взаимодействия между компонентами. Поработаете с событиями и оптимизацией.
1. Как делать выделение
2. Выделение ячейки
3. Выбор другой ячейки
4. Выбор группы элементов
5. Навигация кнопками
6. Как работает Observer Pattern
7. Реализация Observer
8. Взаимодействие между компонентами
9. Улучшение фреймворка
10. Создание интерактива
11. Git Flow
Модуль 6 - Состояние приложения
18 занятий
Узнаете, что такое Redux, Vuex, Mobx, зачем они нужны, и как они работают. Напишете свой Redux
1. Что такое состояние и зачем оно нужно
2. Создание Store
3. Связывание Store и UI
4. Создание состояния колонок
5. Сохранение состояния
6. Рендер состояния
7. Размер строчек
8. Сохранение состояния ячеек
9. Оптимизация логики подписок
10. Создание Toolbar
11. Компонент с состоянием
12. Определение стилей ячейки
13. Изменение стилей через store
14. Сохранение стилей
15. Изменение названия таблицы
16. Оптимизация с Debounce
17. Парсинг ячеек
18. Git Flow
Модуль 7 - Роутинг и новые страницы
10 занятий
Дополните свой фреймворк функционалом, позволяющим добавлять новые динамические страницы. SPA (Single Page Application) перестанет быть проблемой
1. Что будем делать
2. Создание роутера
3. Рефакторинг со страницами
4. Смена страниц
5. Создание главной страницы
6. Создание разных моделей страниц
7. Оживление кнопки навигации
8. Добавление даты открытия
9. Ещё про окружение
10. Git Flow
Модуль 8 - Тестирование
6 занятий
Настроите окружение, чтобы писать юнит тесты с использованием Jest. Будете уметь автоматически тестировать свой код. Увидите, как применять принципы SOLID, и как они помогают писать расширяемый и профессиональный код
1. Настройка окружения
2. Тестирование Store
3. Тестирование роутера
4. Git Flow
5. Применение SOLID
6. Заключение
Получить доступ к курсу
Продвинутый JavaScript
Научитесь самостоятельно писать приложения на JavaSctipt без ошибок и лишних строчек кода
- Набор технологий, который не знает junior-разработчик
- Полноценное приложение с нуля до последних функций
- Сильный проект в ваше портфолио
- 4 бонуса, которые помогут в поиске работы
13 790 ₽
12 411 ₽
На курсе вы создадите приложение Excel без фреймворков. При этом улучшите навыки JS и поймете устройство фреймворков.
Простыми словами — научитесь выполнять проекты уровня middle, уменьшив количество строчек кода.
Доступ к курсу открывается сразу после оплаты
Гарантия 100%:
Вернем деньги, если вам не понравится курс в первые 3 дня
Автор обучения
Владилен Минин
Senior Frontend Developer
- Более 8 лет опыта
- Тимлид для команд разработки более 10 человек
- Более 6 лет обучает JavaScript
- Опыт коммерческой разработки более 7 лет
- 40 000 тысяч студентов онлайн
- Автор YouTube канала более чем с 281 000 подписчиками
Часто задаваемые вопросы
Какие еще есть варианты оплаты?
Есть ли рассрочка?
Получу ли я сертификат после обучения?
Заключается ли договор?
Где лучше работать: на фрилансе или в найме?
Что надо знать для старта курса?
Сколько времени нужно уделять учебе?
Остались вопросы?
Почему мы этим занимаемся
Доказываем, что попасть в IT реально.
В основе курса — актуальные данные. Обучаем на практике и без воды.
Даем реальные задачи, над которыми работают
в IT-компаниях прямо сейчас.
Помогаем найти работу, сделать качество жизни лучше и начать карьеру в разработке.