Проверь свои знания JavaScript
Пройди тест и получи гарантированную скидку до 10%

Вы научитесь

Узнаете основы программирования и алгоритмов
Изучите такие популярные технологии как AJAX, JSON и тд
Узнаете основные концепции и принципы JavaScript, от самых простых до самых сложных
Узнаете, какой фрэймворк или библиотеку выбрать в дальнейшем. Познакомишься с React, Angular, Vue, Jquery

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

На этом этапе мы познакомимся с азами программирования. Узнаем что такое front end и back end разработка. Разберемся с видами языков программирования, у всех будет общее понятие, какие языки где и в каком случае используются. Узнаем программу курса, процесс наших занятий. Составим список то чего нам нужно. Пройдемся по основам JavaScript. Разберёмся с переменными, и типами данных.
  • Что такое программирование
  • Что такое языки программирования
  • Что такое JS
  • Что такое Front end & Back end
  • Организация рабочего процесса
  • Синтаксис языка, переменные
  • Var,Let,Const
60 минут теории, 60 минут практики
  • Узнаете о веб разработке
  • Узнаете основы языка
  • Научитесь подключать JS скрипты к HTML страницам
  • Создавать,управлять переменными
Здесь мы узнаем про то, какие типы данных есть в языке несмотря на то,что JavaScript является не строго типизированным. Познакомимся с инструментами разработчика. И будем работать с переменными. Сконцентрируемся на операторах, которые в курсе математики не изучаются.
  • Что представляют типы данных
  • Операторы
  • Унарный, бинарный, операнд
60 минут теории, 60 минут практики
  • Сможете отличать переменные, по типу
  • Начнете использовать различные операторы
  • Узнаете чем отличаются разные браузеры друг от друга
  • Сможете использовать инструмент разработчика, встроенный в сам браузер.
Будем работать с операторами, отвечающими за сравнение различных типов данных и значений. Познакомимся с несколькими функциями интерфейса JS.
  • Операторы сравнения
  • Как и где применять сравнения в JS
  • alert, prompt, confirm
60 минут теории, 60 минут практики
  • Научитесь сравнивать различные значения
  • Узнаете нюансы при сравнении разных типов
  • Начнете использовать встроенные функции
Познакомимся и научимся работать с условными операторами, которые применимы почти для любых языков программирования. Рассмотрим как упростить блок условных операторов, применив краткую запись - тернарный оператор, который позволяет записать все в одну строчку.
  • Конструкции if else
  • Тернарный оператор
60 минут теории, 60 минут практики
  • Научитесь работать с условными конструкциями
  • Освоите switch case
  • Поймете как и где нужно использовать тернарный оператор
Познакомимся с альтернативной для некоторых записей конструкцией switch case, которая упрощает блок условных операторов. Будем работать с логическими операторами.
  • Конструкция switch в практике
  • Типы логических операторов
  • Как и где применять логические операторы
60 минут теории, 60 минут практики
  • Научитесь создавать сложные конструкции switch
  • Освоите логические операторы
  • Начнете использовать логические операторы в условных конструкциях
Пройдем про то, как циклы упрощают разработку и про то, как ими пользоваться. Разберем виды циклов. Будем решать задачи скомбинировав циклы и условные конструкции.
  • For
  • for of
  • for in
  • while
  • do while
30 минут теории, 90 минут практики
  • Научитесь применять циклы в задачах
  • Узнаете в каком случае какой цикл использовать
Узнаем про то, что такое массивы в JavaScript, за что они отвечают и к какому типу данных принадлежат.
  • Способы инициализации массива
  • Одномерные и многомерные массивы
  • Перебор элементов
  • Методы массивов
  • Сортировка массивов
60 минут теории, 60 минут практики
  • Узнаете зачем нужны массивы и где применимы
  • Научитесь создавать массивы и работать с ними
  • Разберетесь различными методами массивов
Познакомимся с объектами и узнаем как с ними работать. Рассмотрим зачем важно знать и уметь работать с объектами в современном программировании.
  • Общие понятия о объектах
  • Главные отличия объектов от массивов
  • Вложенные объекты и массивы в объектах
  • Перебор свойств
60 минут теории, 60 минут практики
  • Узнаете зачем важно знать об объектах и не только
  • Научитесь создавать и работать с ними
  • Сможете использовать циклы, условные конструкции и объекты вместе
Познакомимся более детально с типом данных числа, узнаем какие встроенные методы есть у чисел, какие встроенные функции в языке есть для работы с числами и какие есть граничные значения у данного типа данных. Более подробно разберемся с типом данных строки, узнаем какие встроенные методы есть у строк, с помощью которых можно упрощать работу и узнаем про способы создания строк.
  • Способы записи числа
  • Методы чисел
  • Проверки и преобразование чисел
  • Математические функции для чисел
  • Спецсимволы
  • Поиск символов в строках
  • Полезные методы для упрощения работы со строками
60 минут теории, 60 минут практики
  • Сможете более точно и правильно создавать строки и числа
  • Узнаем какие полезные методы имеют и будем работать с каждым
Здесь мы узнаем, как создаются и инициализируются функции в JavaScript.
  • Объявление функции
  • Локальные переменные
  • Внешние переменные
  • Параметры, параметры по умолчанию функции
  • Стрелочные функции
  • Возврат значения
60 минут теории, 60 минут практики
  • Узнаете о функциональном программировании
  • Научитесь создавать и работать с функциями
  • Освоите область видимость переменных
  • Сможете создавать параметры, аргументы
Здесь мы все пройденные до этого материалы повторим. Недостающие моменты отшлифуем. И все вместе попрактикуемся и будем решать различные задачи для полного понимания всех пройденных тем.
  • Массивы
  • Объекты
  • Условные конструкции
  • Функции
20 минут теории, 100 минут практики
  • Научитесь работать в команде
  • Освоите метод утенка
В этом уроке познакомимся с таким понятием, как DOM-дерево. Узнаем про то, какие объекты есть в JavaScript при работе с ним в браузере. Познакомимся со старыми и новыми методами, которые позволяют получать доступ к DOM-элементам прямо из скрипта.
  • BOM, DOM
  • Навигация по DOM-элементам
  • Объект document
  • Изменение свойства style
  • Изменение значения атрибута class
60 минут теории, 60 минут практики
  • Узнаете что такое DOM
  • Узнаете основы взаимодействия с пользователем и манипуляции элементами веб-страницы
  • • Расмотрим о главной «точки входа» в DOM
  • Узнаете какие возможности предоставляет нам объект document
  • Освоите и будете работать с методами поиска элементов
  • Освоите подходы для работы со стилевыми свойствами элементов
Познакомимся с возможностями внутри JavaScript, которые позволяют в динамичном режиме менять текстовое содержимое элементов или даже их HTML-код. Увидим, как создавать новые элементы «на лету» и изменять уже существующие.
  • DOM-узел
  • Навигация по DOM-элементам
  • Навигационные ссылки
  • Создание элемента
  • Методы вставки
60 минут теории, 60 минут практики
  • Освоите различные методы,ссылки для работы с dom-узлом
  • Будете уверенно с любой точки вашего html документа иметь доступ к отдельным тегам, элементам
  • Научитесь методам которые динамично создают и меняют элементы
В этом уроке узнаем, как добавлять динамики нашим веб страницам с помощью событий и функции addEventListener, познакомимся с возможными событиями, которые поддерживает JavaScript.
  • DOM-события
  • События мыши
  • События на элементах управления
  • Клавиатурные события
  • События документа
60 минут теории, 60 минут практики
  • Узнаете что такое событие,обработчик
  • Освоите несколько способов назначить событию обработчик
  • Ознакомитесь списком самых часто используемых DOM-событий
  • Научитесь событиям мыши управлять
На этом этапе более углубленно узнаем о событии мыши. Будем рассматривать Drag’n’Drop при помощи событий мыши.
  • Получение информации о кнопке
  • Клавиши-модификаторы
  • Координаты
  • Алгоритм Drag’n Drop
60 минут теории, 60 минут практики
  • Узнаете о свойство, которое позволяет определить нажатую кнопку мыши
  • Ознакомитесь о координатах, как заполучить их
  • Поработаете с модификаторами
  • Узнаете что такое Drag’n Drop
Здесь мы все пройденные до этого материалы повторим. Недостающие моменты отшлифуем. И все вместе попрактикуемся и будем решать различные задачи для полного понимания всех пройденных тем.
  • Модальное окно
  • Перетаскивание элементов внутри странички
  • Слайдер
20 минут теории, 100 минут практики
  • Научитесь работать в команде
  • Создавать слайдеры, модальные окна с css эффектами
Рассмотрим какие функции предусмотрены в объекте window для выполнения действий через определенные промежутки времени. Потренируемся, сделаем loader и добавим в наш слайдер.
  • Типы таймеров
  • Задачи под эти функции
60 минут теории, 60 минут практики
  • Научитесь управлять таймерами
  • Узнаете про то, как их очищать и настраивать.
  • Сделаете loader, счетчик обратного отсчета
Узнаем что такое веб-хранилище, как с его помощью локально в браузере клиента сохранять любые данные, которые будут доступны даже после перезагрузки страницы.
  • Объекты хранилища
  • Их методы и свойства
  • Плюсы и минусы веб-хранилищ
60 минут теории, 60 минут практики
  • Научитесь управлять объектами хранилища
  • Освоите все их методы
  • Сохраните свои первые данные в веб-хранилище
  • Узнаете логику корзины на интернет магазинах
Пройдем синтаксическую конструкцию try..catch, которая позволяет «ловить» ошибки и вместо падения делать что-то более осмысленное.
  • Синтаксис «try…catch»
  • Объект ошибки
  • Генерация собственных ошибок
  • Дополнительные секции в обработчике ошибок
60 минут теории, 60 минут практики
  • Узнаете какие ошибки возникают зачастую при написании кода
  • Освоите методы поиска ошибок
  • Увидите как нужно устранять ошибки
  • Познакомитесь с дополнительными внешними технологиями для отладки кода
  • Погрузитесь в процесс отладки кода, скрипта
В JavaScript есть встроенный глобальный объект для работы с датами и временем, с которым вы познакомитесь в этом уроке.
  • Объект Date
  • Различные способы создания объекта Date
  • Получение даты и времени
  • Установка даты и времени
  • Методы даты и времени
60 минут теории, 60 минут практики
  • Освоите дополнительный объект Date
  • Сделаете свой будильник
Пройдем особые свойства, методы и события для работы с формами и элементами ввода: input, select и другими. Рассмотрим различные события, сопутствующие обновлению данных.
  • Навигация: формы и элементы
  • Свойства и методы формы
  • Фокусировка на элементы форм
  • События присущие к форме
  • Получение данных из поля ввода
  • Проверка правильности ввода
60 минут теории, 60 минут практики
  • Освоите работу с формами
  • Поработаете с input, textarea и с флажками
  • Узнаете как инициировать отправку формы из JavaScript.
  • Сделаете форму заказа для вашего проекта
Здесь мы все пройденные до этого материалы повторим. Недостающие моменты отшлифуем. И все вместе попрактикуемся и будем решать различные задачи для полного понимания всех пройденных тем. Будем работать над своими проектами. Получите консультацию.
  • Объекты которые дополнительные возможности
  • Форма заказа,
  • Корзина для нашего интернет магазина
20 минут теории, 100 минут практики
  • Научитесь работать в команде
  • Создавать форму правильно, применив новые методы, свойства.
С помощью JavaScript-анимаций можно делать вещи, которые нельзя реализовать на CSS. Например, движение по сложному пути с временной функцией или canvas-анимации. И мы посмотрим основы как создать анимации. Пройдемся по актуальным и новым библиотекам которые предоставляют возможности анимации.
  • Структура анимации
  • Использование setInterval
  • Использование requestAnimationFrame
  • Вспомогательная функция animate
  • Обзоры на популярные библиотеки
60 минут теории, 60 минут практики
  • Поймете как создать и оживить веб-страницы с помощью анимации
  • Научитесь создавать не сложные анимации
  • Освоите подключение библиотек
  • Увидите популярные библиотеки для анимации
  • Будете использовать эти библиотеки на ваших проектах
В этом уроке вы познакомитесь с таким классом как Promise, который позволяет очень удобно работать с асинхронными функциями.
  • Асинхронность
  • Коллбеки
  • Промисы
60 минут теории, 60 минут практики
  • Узнаете как выполняются функции
  • Поймете асинхронность
  • Как и где использовать конструкцию промис
  • Освоите методы и аргументы промисов
  • Асинхронные функции
  • Async/await
Вы узнаете про функцию Fetch, которая позволяет очень удобно делать асинхронные Ajax-запросы на удаленные сервера в фоновом режиме, используя API Promise.
  • Asynchronous JavaScript And XML
  • Метод fetch()
  • Промисы
60 минут теории, 60 минут практики
  • Создание сетевых запросов
  • Отправки запросов к серверу из клиентского кода JavaScript без перезагрузки страницы
  • POST, GET, HTTP/S
  • Параметры ответа
  • HTTP заголовки
  • Отправим свои запросы
В этом уроке речь пойдёт об отправке HTML-форм: с файлами и без, с дополнительными полями и так далее. Объекты FormData помогут нам с этим. Этот объект, представляющий данные HTML формы..
  • Конструктор form-data
  • Основы отправки простой формы
  • Методы объекта FormData
  • Отправка формы с файлом и различными данными в готовый уже сервер
60 минут теории, 60 минут практики
  • Отправите данные на сервер использовав form data, fetch
  • Поработаете с файлами
В этом уроке узнаете как подключить jquery к вашему html файлу. И познакомитесь с ее документацией.
  • Что такое jQuery
  • Подключение к странице
  • Выборка элементов
  • Базовые селекторы
  • Конкретизация выбора
  • Работа с атрибутами
60 минут теории, 60 минут практики
  • Узнаете как подключить
  • Работать с элементами
  • Изменение и удаление атрибутов
В дополнение к селекторам применяются фильтры. Фильтры позволяют отфильтровать найденные элементы по определенному принципу.
  • Базовые фильтры
  • Специальный род фильтров
  • Фильтры контента
60 минут теории, 60 минут практики
  • Узнаете о типах фильтра в Jquery
  • Поработаем с каждым из них
Применение селекторов и фильтров возвращает нам набор элементов, к которому мы можем применить различные свойства и методы. Также поскольку набор элементов представляет собой массив, то мы можем обращаться с ним как с массивом. Кроме выборки и фильтрации jQuery предлагает ряд методов для обхода по объектам набора и выбора из них, тех которые нам нужны.
  • Количество выбранных элементов
  • Свойство length и метод size
  • Получение элемента
  • Получение первого и последнего элемента
  • Добавление новых элементов
  • Получение дочерних элементов
  • Предыдущие и следующие элементы
60 минут теории, 60 минут практики
  • Узнаете о различных, новых методах с которыми можно выбирать,сортировать элементы на странице
Однако сама по себе выборка была бы не важна, если бы jQuery не поддерживала манипуляции над выбранными элементами. Поэтому посмотрим, какие манипуляции с элементами мы можем производить с помощью jQuery.
  • Чтение и установка значений атрибутов
  • Изменения стиля и отображение элемента
  • Установка содержимого элемента
  • Обработка значений элементов формы
60 минут теории, 60 минут практики
  • Узнаете какие инструменты нам jQuery предлагает для манипуляции свойствами и атрибутами элементов
  • Повторим и узнаем чем отличаются свойства и атрибуты
Реакт — не просто еще один фронтенд-фреймворк, это концептуально другой подход в понимании и работе. В последующих уроках мы познакомимся с базовыми блоками и научимся готовить из реакта простые приложения. Сначала мы ознакомимся с компонентным подходом, позволяющим создавать сложные интерфейсы на основе композиции простых блоков.
  • Компоненты
  • Сreate-react-app
60 минут теории, 60 минут практики
  • Узнаете что такое React
  • Почему он завоевал так быстро фронт енд аудиторию
  • • В чем уникальность его
  • Планы его обучения
  • Познакомитесь с базовой единицей в react — компонентом. Научитесь его создавать и отрисовывать в браузере.
Узнаем о синтаксическом расширении JavaScript, которое позволяет создавать компоненты, используя возможности HTML и JavaScript.
  • JSX
  • ReactDOM
60 минут теории, 60 минут практики
  • Научитесь эффективно использовать jsx.
  • Первое приложение на react
В процессе работы компонент проходит через ряд этапов жизненного цикла. На каждом из этапов вызывается определенная функция, в которой мы можем определить какие-либо действия. И вы вместе рассмотрим эти функции.Кроме основных этапов или событий жизненного цикла, также имеется еще ряд функций, которые вызываются при обновлении состояния после рендеринга компонента.
  • ReactComponent
  • State, ComponentWillMount и componentWillUnmount
  • ComponentDidMount и ComponentDidUpdate
  • Вложенность компонентов и props и propTypes
  • ReactDOM
60 минут теории, 60 минут практики
  • Научимся понимать полностью и правильно react компоненты
  • Компонентный подход React js
  • Увидим на примере простой задачи все этапы жизненного цикла компонента
В процессе рассмотрим какими способами стилизовать компоненты. Какой вариант наилучший выберем.
  • Style
  • Подключение Material UI
  • Динамическое формирование стилей
60 минут теории, 60 минут практики
  • Узнаете о встроенных стилях, об их возможностях и ограничениях
  • Подключите css библиотеку
Рассмотрим вопросы, отшлифуем их. Поработаем над проектом (одностраничный сайт на React). Пройдемся по пройденным материалам. И всем раздадим доступы на дополнительный материал по React, Jquery.
  • Jquery
  • React
  • Повторение, тест
20 минут теории, 100 минут практики
Запишитесь на курс и получите консультацию по программе обучения
24000 сом28000 сом
полная стоимость курса
7000 сом / месяц
оплата частями

Как проходит обучение

  • Занятия
    Живые занятия в классах. Обсуждение материала лекций в закрытом комьюнити студентов.
    1
  • Практика
    После каждого занятия — тестирование и практическое задание. Оценки и правильные решения с подробными комментариями.
    2
  • Сопровождение
    Помощь и поддержку преподавателей курса можно получить непосредственно на занятиях а также в специальном закрытом чате группы.
    3
  • Карьера
    По окончанию курса лучшие ученики получают не только сертификат, но еще и рекомендательные письма от руководителя IT-club.
    4
Какие документы я получу после окончания программы обучения?

Успешным выпускникам всех курсов вручается сертификат о прослушивание курса установленного образца.

Отзывы студентов

О преподавателе

Преподаватель курса Комплексного изучения JavaScript

Общий стаж работы в сфере ИТ — 6 лет

Освой самый популярный язык программирования - JavaScript и научись применять его на практике! Этот курс направлен на подробное изучение JavaScript без воды.
Улан Жумабаев
Преподаватель JS