Онлайн курс

«Пoнятный JavaScript»

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

Присоединяйтесь к курсу!

Получи 10 полных уроков за 1$ прямо сейчас!
Получи 10 полных уроков за 1$ Зарегистрироваться

Сможете найти 5 ошибок в этом коде за 5 минут?

Если нет, то у вас есть 2 варианта:

Разбираться самостоятельно. Это долго, сложно и утомительно.

Совершить качественный рывок вперед на пути к изучению JavaScript.
Через 4 месяца у вас займет около 1 минуты, чтобы найти все ошибки.

Все о курсе "Понятный JavaScript" за 2 минуты

Видео обращение автора курса
Евгения Калюжного

Зарегистрироваться и начать обучение

Курс «Понятный JavaScript» включает в себя

35
уроков
350
тестов
30
небольших
задач
10+
основных
домашних заданий

Результат вашего обучения

Знания:
  • четкое и глубокое понимание что такое JavaScript;
  • все синтаксические конструкции;
  • типы данных, преобразование типов;
  • работа с событиями;
  • взаимодействие с браузером DOM;
  • функции, области видимости, замыкание;
  • Ajax, promise;
  • системные объекты;
  • регулярные выражения;
  • шаблоны проектирования;
  • весь функционал ES6;
  • основная методология работы в IT компаниях – Scrum.
Еще...
  • сертификат о прохождении курса;
  • участие в закрытом Slack чате;
  • живая встреча по окончании курса;
  • составленное резюме;
  • четкое видение что делать дальше.
Навыки:
  • написание приложений на чистом JavaScript;
  • способность читать чужой код с пониманием того, что там происходит;
  • умение самостоятельно решать задачи, а не копировать готовые решения;
  • анализ своего кода и обоснование варианта реализации;
  • базовая работа с системой контроля версий GIT;
  • навыки работы с редакторами кода (IDE);
  • участие в тестовом собеседовании.

кто вам в этом поможет

Senior Frontend Developer

Меня зовут Калюжный Евгений, я работаю Frontend разработчиком уже 10 лет. Из них 5 лет работал в компании SoftServe. Фанат Star Wars :)

Автор курса "Понятный JavaScript". Основатель проекта JSExpert.

Начинал, как многие, с верстки (HTML/CSS). Затем занимался созданием сайтов на CMS системах Joomla, Wordpress и т.д. В те времена четкого понимания что такое Frontend разработка практически не было. Ведь мы больше занимались версткой или "прикручивали" дизайн к Backend части. Но со временем JavaScript начал набирать обороты, и знание этого языка стало необходимостью для успешной работы в отрасли. В те времена начался мой длинный путь изучения JavaScript. Этот процесс продолжается и сейчас, ведь Frontend разработка развивается с огромной скоростью.

В сентябре 2008 года устроился на свою первую работу в компанию YukonSoftware. Вначале занимался базовыми вещами. Версткой и исправлением багов, которые связанны с отображением сайта в разных браузерах. Затем начал разрабатывать приложения на JavaScript с использованием фреймворка YahooUI, который был популярен на то время.

В 2011 году после того, как устроился в SoftServe, работал в проекте, который использовал фреймворк BackboneJS.

В последние 3 года занимаюсь разработкой крупных SAS (Software as a service) приложений с использованием фреймворка AngularJS и Angular2+. Активно использую Bootstrap.

Принимал участие во многих конференциях, в некоторых в роли спикера.

Больше информации можно посмотреть в моем профиле на LinkedIn.

В 2015 году прочитал 2 потока курса "JavaScript Fundamentals" в бизнес центре Horizont Bussiness Hub (фото отчеты первого и второго потоков).

В 2016 году вместе со своей командой запустил онлайн курс "Понятный JavaScript". Основная цель курса - объяснить сложные вещи простым языком. Сделать так, чтобы люди, в том числе которые раньше никогда не занимались программированием, могли овладеть основами языка JavaScript и сделать первый шаг в сфере Frontend разработки.

Уже более 100 человек закончили курс "Понятный JavaScript" и уверенно двигаются к своей основной цели - овладеть профессией фронтенд разработчика.

Платформа jsexpert

Обучающая платформа JSExpert совмещает в себе преимущества онлайн обучения и живого взаимодействия с преподавателем. У нас более 3-х лет опыта проведения online курсов по JavaScript и Angular.

Изучайте материал и выполняйте задания в удобное для вас время.

Материалы предоставлены в формате видео лекций и короткой текстовой выжимки основных моментов.

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

Схема обучения

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

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

  • Модуль 1. Основные понятия. Данные и работа с ними
    1. История и эволюция JavaScript:
    • история языка;
    • Backend и Frontend;
    • определение и особенности JavaScript;
    • JavaScript на клиенте и на сервере;
    • разновидности JavaScript;
    • стандарт ECMAScript.
    2. Подключение JavaScript:
    • инлайновое подключение;
    • подключение внешнего файла;
    • порядок загрузки defer/async.
    3. Переменные:
    • ключевые слова var, let и const;
    • наименование переменных;
    • hoisting (поднятие переменных);
    • область видимости;
    • особенности переменных.
    4. Типы данных:
    • простые типы данных;
    • составные типы данных;
    • оператор typeof.
    5. Операторы:
    • оператор присваивания;
    • бинарные операторы;
    • унарный оператор;
    • инкремент/декремент;
    • операторы сравнения;
    • логические операторы.
    6. Преобразование типов:
    • строковое преобразование;
    • численное преобразование;
    • логическое преобразование;
    • преобразование объектов.
  • Модуль 2. Основные конструкции. Функции
    7. Условные операторы:
    • конструкция if ... else;
    • конструкция switch … case;
    • тернарный оператор (? :).
    8. Циклы:
    • for;
    • while;
    • do … while;
    • операторы break и continue;
    • вложенные циклы;
    • циклы для объектов и массивов.
    9. Функции и их виды:
    • определение и синтаксис;
    • function declaration и function expression;
    • анонимная функция;
    • самовызывающаяся функция (IIFE);
    • стрелочная функция (arrow function).
    10. Область видимости и замыкание:
    • область видимости (Scope);
    • контекст (Context);
    • контекст исполнения (Execution Context);
    • лексическая область видимости;
    • замыкание (Closure);
    • блочные конструкции (Block Statements).
    11. Расширенные возможности функции:
    • аргументы;
    • псевдомассив arguments;
    • rest оператор.
    12. Глобальные функции:
    • isNaN и isFinite;
    • parseFloat и parseInt;
    • encodeURI и encodeURIComponent;
    • decodeURI и decodeURIComponent.
  • Модуль 3. Структуры данных
    13. Объекты:
    • определение и использование;
    • свойства и методы;
    • концепция передачи по ссылке и по значению;
    • копирование объектов;
    • итераторы объектов;
    • spread оператор и деструктуризация объекта.
    14. Встроенные объекты в JavaScript:
    • String и шаблонные строки;
    • Number и Boolean;
    • Date;
    • Math.
    15. Массивы:
    • определение и использование;
    • методы массивов;
    • spread оператор и деструктуризация массива.
    16. Итераторы массивов:
    • for и for ... of;
    • forEach;
    • map и filter;
    • every и some;
    • reduce и reduceRight.
  • Модуль 4. DOM. BOM. Отладка
    17. DOM:
    • DOM дерево и типы node;
    • поиск DOM элементов;
    • навигация по DOM дереву.
    18. Работа с DOM:
    • DOM свойства и методы;
    • создание и вставка DOM элементов;
    • удаление DOM элементов.
    19. Отладка скрипта:
    • обзор Chrome Dev Tools;
    • Breakpoints;
    • Stack Trace.
    20. BOM:
    • Window;
    • Screen;
    • Location;
    • History;
    • Cookie и Web Storage;
    • Popup (alert, confirm и prompt);
    • Timing (setInterval и setTimeout).
  • Модуль 5. События. This. Модуль и функция конструктор
    21. Основы работы с событиями:
    • события и их виды;
    • назначение обработчика событий;
    • удаление обработчика событий.
    22. Приемы для работы с событиями:
    • порядок работы событий;
    • объект event;
    • делегирование события;
    • собственные события.
    23. Работа с this:
    • this в функциях;
    • this в объектах;
    • потеря контекста;
    • this в стрелочных функциях;
    • this в событиях.
    24. Модуль, конструктор и потеря контекста:
    • паттерн “Модуль”;
    • функция-конструктор;
    • решения проблемы потери контекста.
  • Модуль 6. ООП и наследование. Регулярные выражения
    25. ООП и прототипы:
    • основные понятия ООП;
    • прототип готового объекта __proto__;
    • установка прототипа для функции-конструктора;
    • реализация «класса» с помощью прототипа.
    26. Наследование:
    • основные понятия;
    • прототипное наследование в JavaScript;
    • свойство constructor и переопределение методов;
    • родительские свойства и методы в контексте дочернего объекта.
    27. Классы и наследование в ES6:
    • классы в ES6;
    • наследование с помощью классов.
    28. Регулярные выражения:
    • где и зачем применяются регулярные выражения;
    • основные примеры работы с RegExp.
  • Модуль 7. Передача данных AJAX. Асинхронный JavaScript
    29. Сеть и обмен данными:
    • обзор сетевых взаимодействий;
    • JSON - структура и основные приемы работы.
    30. AJAX:
    • что такое AJAX и для чего он используется;
    • XMLHttpRequest - основа AJAX технологии;
    • fetch;
    • пример с использованием Node сервера.
    31. Асинхронный JavaScript:
    • синхронное и асинхронное программирование;
    • функции обратного вызова (callback);
    • промисы (Promise);
    • async/await.
  • Модуль 8. Паттерны. Frontend инструментарий
    32. Паттерны проектирования:
    • что такое шаблоны разработки;
    • Singleton;
    • Factory;
    • Decorator.
    33. Структурные шаблоны и фреймворки:
    • MVС и MV*;
    • что такое фреймворк.
    34. Инструментарий Frontend разработчика. Часть 1:
    • некоторые приемы работы в консоли;
    • обзор NPM (Node Package Manager).
    35. Инструментарий Frontend разработчика. Часть 2:
    • обзор Gulp и Webpack;
    • обзор SASS.

Проекты, которые вы напишите

а также:
  • Игра "Игральные кости";
  • Игра "Камень, ножницы, бумага";
  • Базовая работа с формами;
  • Форма регистрации нового пользователя;
  • Приложение с использованием MVC паттерна;
  • И многое другое.

Отзывы

Больше отзывов на нашей Facebook странице.

Больше видео отзывов по этой ссылке.

фото с прошлых событий

Описание тарифных пакетов

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

Уже через несколько месяцев (объявим позже) у нас будут появляться новые обучающие программы (курсы по HTML, CSS, Webpack, Angular2+). Таким образом оформив подписку, которая оплачивается один раз в месяц, вы автоматически получаете доступ ко всем обучающим программам, размещенным на портале.

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


Тестовая подписка (1$ за 10 дней) включает:
  • полный доступ к первым 10 урокам курса на протяжении 10 дней;
  • возможность ответить на тесты в конце каждого урока, для закрепления ваших знаний;
  • через 10 дней вы будете переведены на подписку "Стандартная", средства с вашей карты будут списаны автоматически без дополнительного подтверждения;
  • в случае если вам неудобно начать полноценное обучение через 10 дней вы может отключить автоматическую активацию подписки "Стандартная" в личном кабинете.
Стандартная подписка (19$ в месяц) включает:
  • доступ ко всем обучающим материалам, а это
    35 сессий по 30-40 минут, всего около 18 часов знаний;
  • тесты для закрепления пройденного материала - около 350 тестов;
  • основные домашние задания (около 10);
  • 4 индивидуальных видео разбора (Сode Review) вашего домашнего задания нашей командой;
  • по истечении месячной подписки, оплата за следующий месяц вашего обучения будут списана автоматически, данную опцию вы можете вручную отключить или возобновить в личном кабинете.
Премиум подписка (39$ в месяц) включает:
  • все, что входит в стандартную подписку;
  • доступ к еженедельным живым онлайн сессиям с автором курса (32 встречи);
  • вы сможете лично задать вопрос автору курса и мгновенно получить ответ;
  • ваше домашнее задание может быть проверено в прямом эфире автором курса.
Дополнительные услуги:
  • индивидуальная проверка всех домашних заданий, которые есть на курсе, нашей командой, на каждую вашу работу вы получите индивидуальный видео разбор (Сode Review) вашего кода (детальнее об услуге проверки домашнего задания).

Индивидуальные разборы домашних заданий

Хотите чтоб вашу работу проверил живой человек с опытом?

Курс "Понятный JavaScript" предоставит вам эту возможность.

После выполнения каждого домашнего задания, вы можете отправить его нам на проверку. Наша команда не просто напишет вам комментарии в виде текста, а сделает полноценное Code Review.

Как результат, вы получите видео-файл (скринкаст) с разбором вашей работы. Мы подскажем вам что и как необходимо исправить и похвалим за удачные решения.

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

Индивидуальная проверка 4-х домашних заданий включена в Стандартную подписку (проверку остальных домашних заданий можно заказать отдельно, стоимость дополнительной услуги 1 200 грн. за все домашние задания).

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

Подписка