Проверь свои знания 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 минут практики
Запишитесь на курс и получите консультацию по программе обучения
16000 сом20000 сом
полная стоимость курса
5000 сом / месяц
оплата частями

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

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

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

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

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

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

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

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

Оплатите сразу или получите консультацию

полная стоимость курса
16000 сом20000 сом
оплата частями
5000 сом / месяц
Сэкономьте еще 10%
Приведи друга и получи скидку 10%. Пройдите курс за 15000 сом вместо 16000. Акция действует при условие полной оплаты за себя и за друга.
Как оплатить частями?
В зависимости от длительности курса, обучение делится на периоды либо недели, либо месяца. Мы предоставляем производить оплату в начале каждого периода.
Как оплатить от юрлица?
Запишитесь на курс от имени того, кто будет учиться. Закрывающие документы (счет-фактуру) можно будет получить после оплаты.
Есть еще вопросы?
Звоните нам — +996 (501) 120 130

Компании, в которых работают наши выпускники,

а также поддерживают наш проект, IT CLUB

Где проходят курсы

Мы всегда рады видеть старых и новых друзей на наших курсах