Курсы по специальности "Комплексное изучение JavaScript" в Бишкеке, цена

+996 501 120 130

Записаться на курс

Начало

25 ноября
19:00ч

Продолжительность

4 месяца

Полная стоимость курса

16000 сом20000 сом

Оплата частями

5000 сом / месяц

IT Club Все курсы

Вы научитесь

Узнаете основы программирования и алгоритмов

Изучите такие популярные технологии как 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

Какие документы я получу после окончания программы обучения?

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

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

ТОКТАКУНОВ АЗАМАТ

Я пришел на курс PHP Junior разработчика и хочу поделиться впечатлениями. Мне очень понравился курс, уроки проходили очень интересно. Учитель объяснял тему очень понятно. В целом за весь курс я получил нужные для меня знания

МАРЬЯМ

Данный курс мне очень понравился. Я здесь узнала многое, за короткий срок научилась работать с компьютером и с офисными программами в нем. Преподаватель объяснял всё понятным и простым образом. Я очень довольна.

ЭЛИЗА

Ариэль Асыкбекович объясняет материал на очень доступном и понятном языке. Все сразу закрепляли примерами. Интересные курсы, хочу в дальнейшем пройти еще другие курсы. Руководитель очень милый и вежливый человек. Переносили занятия и подстраивались под нас, чем я очень довольна. Всё супер, огромное спасибо!

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

Преподаватель курса JavaScript

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

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

Улан Жумабаев

Преподаватель JS

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

полная стоимость курса

16000 сом20000 сом

оплата частями

5000 сом / месяц

Сэкономьте еще 10%

Приведи друга и получи скидку 10%. Пройдите курс за 15000 сом вместо 16000. Акция действует при условие полной оплаты за себя и за друга.

Как оплатить частями?

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