Продвинутый JavaScript. Создаем Excel

Продвинутый JavaScript

Научитесь писать приложения уровня Middle на JavaScript без ошибок и лишних строчек кода

Освойте эффективные способы работы с JavaScript и фреймворками и станьте востребованным разработчиком

excel-icon

На курсе вы самостоятельно создадите Excel на чистом JS, при этом улучшите навыки и поймете суть фреймворков

  • 175

    HD видеоуроков содержит курс

  • 3-15

    минут длятся видеоуроки

  • 23

    тестовых заданий для закрепления

Этот курс для вас, если вы

  • Уже разбираетесь в JavaScript

    Но учили его самостоятельно или недостаточно углубились в тему.

    Хотите закрепить знания и научиться более сложным темам, чтобы повысить уровень до middle.

  • Работаете на позиции Junior Frontend-разработчика

    И сталкиваетесь со сложностями в текущих проектах. Вам не хватает более предметных знаний.

    Вы уже готовы брать на себя полную ответственность за задачи и хотите начать путь к уровню middle.

  • Хотите пополнить портфолио

    У вас есть теоретические знания, но до сих пор нет портфолио и готовых проектов.

    А если вы еще не изучали JavaScript, то сделайте это на первой ступени курса «Профессия Джуниор Frontend-разработчик».

Мы учим не первый год

План обучения построен так, что вы поэтапно
пройдете полный цикл создания любого приложения.

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

excel-mask
excel-content

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

В итоге вы научитесь с нуля создавать проекты и выйдете на новый уровень.

Ваши результаты

  • icon

    Изучите Java Script уровня middle, научитесь продвинутым технологиям

  • icon

    Грамотно строите архитектуру любого приложения

  • icon

    Уменьшите количество ошибок в коде и упростите процесс их поиска

code-before

ваш код до курса

Вы увидите свой прогресс

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

code-after

ваш код после курса

Курс «Продвинутый JavaScript» приведёт вас к новому уровню Frontend-разработки

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

Больше умеете, лучше работаете

icon-arrow

Сложнее проекты, больше предложений

vacancy
vacancy
vacancy
vacancy
vacancy
vacancy
vacancy
vacancy
vacancy
vacancy
vacancy
vacancy
vacancy
vacancy
vacancy
vacancy
vacancy
vacancy
vacancy
vacancy
vacancy
vacancy
vacancy
vacancy
vacancy
vacancy
vacancy
vacancy
vacancy
vacancy

Список вакансий, на которые вы сможете претендовать, если выполните все задания и усвоите курс «Продвинутый 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-разработчик»

Что включено в курс

  • icon

    175 уроков в HD

    Уроки записаны в высоком качестве с хорошим звуком, захваты экрана чёткие. Вас ничего не будет отвлекать от учебы.

  • icon

    от 3 до 15 минут

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

  • icon

    23 задачи на практике

    Все теоретические знания вы закрепите на практике, чтобы получить максимальный результат.

  • icon

    Доступ навсегда

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

  • icon

    Служба заботы

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

  • icon

    Онлайн-доступ

    Уроки хранятся на платформе 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 дня

Автор обучения

avatar

Владилен Минин

Senior Frontend Developer

  • Более 8 лет опыта
  • Тимлид для команд разработки более 10 человек
  • Более 6 лет обучает JavaScript
  • Опыт коммерческой разработки более 7 лет
  • 40 000 тысяч студентов онлайн
  • Автор YouTube канала более чем с 281 000 подписчиками

Часто задаваемые вопросы

Какие еще есть варианты оплаты?

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

Есть ли рассрочка?

Да, есть рассрочка на 6 месяцев. Подробнее по условиям можно уточнить в отделе заботы, оставив заявку.

Получу ли я сертификат после обучения?

Каждый студент получает сертификат от Result о прохождении курса, при условии, что выполнены все задания и итоговая работа. Любое задание считается выполненным, если его приняли.

Заключается ли договор?

Безусловно. Мы работаем честно, открыто и официально. На сайте можно найти ИНН и ОГРНИП, вы можете проверить информацию на официальном сайте ФНС, а при оформлении в рассрочку, есть договор с банком. Мы дорожим своей репутацией. Наши соцсети всегда можно найти тут: VK Result School YouTube Result School YouTube Владилена Минина

Где лучше работать: на фрилансе или в найме?

Обычно проще получить оффер в компании. Рынок фриланса сильно перегрет предложениями, но и там можно реализовать себя. Самое главное — иметь багаж нужных знаний.

Что надо знать для старта курса?

Базовый стек junior frontend-разработчика: HTML&CSS и JavaScript. Эти знания помогут вам быстро влиться в учебный процесс и усвоить всю необходимую информацию.

Сколько времени нужно уделять учебе?

Разным людям необходимо разное количество времени. Диапазон времени, который уходит на обучение у наших студентов — от 1,5 часов в день до 5. Так как студенты приходят с разной базой. Кто-то имеет представление об основах веб-разработки и уже что-то знает из JavaScript. Другая часть — уже практикующие junior-разработчики. Вы можете учиться сколько потребуется, доступ к курсу неограничен.

Остались вопросы?

Мы считаем, что практическое образование — ключ к результативному обучению. Данный курс также наследует этот принцип.
Вы можете получить бесплатную консультацию: отдел заботы ответит на любые вопросы.

Почему мы этим занимаемся

Доказываем, что попасть в IT реально.

В основе курса — актуальные данные. Обучаем на практике и без воды.

Даем реальные задачи, над которыми работают
в IT-компаниях прямо сейчас.

Помогаем найти работу, сделать качество жизни лучше и начать карьеру в разработке.

vladilen.ru

Подпишитесь

  • ИП Минин В. И.;
  • ИНН 781714316555;
  • ОГРНИП 317784700113455

Любое использование материалов с данного сайта допускается не иначе как с письменного разрешения его правообладателя — 781714316555 ИНН/ОГРНИП номер от 317784700113455. Использование материала с сайта и нарушение авторских и смежных прав правообладателя наказывается в соответствии со ст. 146 УК РФ. Вся информация, предоставленная на сайте, ни при каких условиях не является публичной офертой, определяемой положениями ст. 437 (2) ГК РФ.

Мы используем cookie. Продолжая использовать сайт, Вы даете свое согласие на использование cookie для хранения данных. Подробнее.