Программирование для фронтенда. Основы JavaScript

Информация о курсе:

Стоимость: 5 000 грн в месяц

Длительность курса: 3 месяца (67,5 часов)
Субботние группы: 15 занятий х 4,5 часа

Возможно обучение Онлайн / Online

Дата начала курса:

25 июля 10:00-14:30
(занятия проходят по субботам)

Записаться в группу

Мы учим думать на javaScript, писать код просто и красиво.

Пройдя обучение по основам JavaScript вы:

выучите основы программирования
научитесь как писать алгоритмы с нуля, так и пользоваться свойствами нативного JS
научитесь думать на JavaScript и писать красивый код
научитесь создавать архитектуру веб-сайтов
освоите создание интерактивных веб-страниц
получите практику написания популярных скриптов
сможете дорабатывать готовые приложения на JavaScript
познакомитесь с типичными задачами собеседований

Требования к слушателям:

уверенное пользование ПК
знание основ HTML, CSS в объёмах курса «Вёрстка для Frontend»

Инструментарий разработчика

IDE (VS Code) и редакторы кода. Отладка в браузерах, Chrome devtools. Контроль версий git.

Основы нативного javaScript ES5/vanilla js

JavaScript как С-подобный язык программирования. Стандарты ES5/ES2015(ES6)/ES7. Правила синтаксиса и оформления кода. Переменные и типы данных. Преобразование типов. Массивы: простые и ассоциативные, одномерные и многомерные. Строки. Объект Math. Объект Date (работа с датой и временем). Операторы. Конструкции: условий, циклов, переключения, управления циклом, обработки исключений.

Функциональное (процедурное) программирование

Объявление функций и их вызов. Передача данных внутрь функций, формальные и фактические параметры, возврат результата и его использование. Форвардинг, одалживание и делегирование функций. Рекурсия. Функциональные выражения. Анонимные функции

Основы ООП

Реализация объектно-ориентированного программирования (ООП) в JavaScript, контекст this. Прототипное и функциональное ООП.

Регулярные выражения

Проверка форм, Регулярные выражения

Объектные модели: DOM, BOM

Объектная модель браузера (BOM): window, navigator, document, history, location, navigator, screen, event. Объектная модель документа (DOM). Работа с элементами на странице: поиск, управление элементами на странице, создание, удаление DOM-элементов. Шаблоны. Таймеры setTimeout, setInterval, setImmediate. Работа с Canvas. Обработка событий: фазы события, делегирование, использование объекта Event, множественные обработчики событий. Доступ к элементам страницы, нативные JS-объекты HTML-элементов.

AJAX

Асинхронность. Принцип работы AJAX, XMLHttpRequest. JSON.

Библиотека jQuery

Структура кода, чейнинг. Эффекты плавности в отображении элементов на странице. Обработка событий на клиентской части с помощью jQuery. Работа с наборами элементов each(). Виды событий, информация о них и управление ними. Манипуляции с элементами, обход дерева.

Практическая работа

Учебный проект – полнофункциональный интерфейс веб-приложения с использованием рассмотренных возможностей на vanilla js. В ходе курса рассматриваются примеры тестовых заданий известных it-компаний.

Курс-практикум JavaScript. Разработка проекта

Длительность курса: 2 месяца (45 часов). Субботние группы: 10 занятий х 4,5 часа.

На этом курсе Вы научитесь создавать полнофункциональные web-сайты с гибким, адаптивным дизайном и динамическим содержимым. Благодаря углубленному изучению языка JavaScript вы сможете превращать свои web-сайты в полноценные web-приложения, не уступающие обычным (standalone) программам.

Пройдя обучение на курсе-практикуме JavaScript вы:

углубленно изучите ООП JavaScript
сможете создавать реальные проекты на JavaScript
разберетесь в полном цикле работ разработчика
получите отличную базу для дальнейшего изучения фреймворков
разберётесь с типичными задачами собеседований

Требования к слушателям:

знание основ HTML, CSS в объёмах курса «Вёрстка для Frontend»
знание основ JavaScript в объёмах курса «Основы JavaScript »

Программа курса "Курс-практикум JavaScript. Разработка проекта".

Новые возможности ES6+/ES2015+

Область видимости. Операторы let и const. Строки-шаблоны. Стрелочные функции. Параметры функций по умолчанию. Оператор spread и rest. Деструктуризация.

Углубленное изучение ООП

Классы, типы в JavaScript. Классы, детали использования. Способы создания объектов. Создание объектов с помощью функций-конструкторов. Использование объектов для описания виджетов. Виды модулей. Свойства и методы. Динамические имена свойств. Геттеры и сеттеры. Копирование объектов. Инкапсуляция. Полиморфизм. Наследование. Статические классы. Конфигурирование объектов.

Хранилища данных

Работа с cookie, localStorage

Сравнение js-кодинга

Сравнение подхода к написанию реального проекта на vanilla js, jQuery и Vue js с использованием MVC.

Асинхронное программирование

Отличия от классического программирования. События, Promise, Callback, Callback-hell, цепочки Callback и Promise. Работа с backend и базами данных. Роль асинхронности в Node.js.

Качество кода

Правильное построение архитектуры страницы. Оптимизация кода: логика, данные. Структурирование функциональности веб-проекта с помощью классов и модулей. Code review.

Практическая работа

Учебный проект – фронтэнд-часть веб-приложения e-commerce: каталог товаров, корзина, оформление заказа. Самостоятельная работа – личный проект landing page на выбранную тему.

Сейчас вы имеете возможность быстро получить новую профессию, не выходя из дома. Наши занятия проводятся в форме живого общения. Тренеры работают с группами слушателей в реальном времени, по четко установленному расписанию, объясняя материал и отвечая на вопросы. При этом вы получаете и видеозапись каждого пройденного занятия, что позволит вам повторить материал в любое удобное время. Вам не нужно самостоятельно бороться с собственными ошибками и сложностями! Спросите тренера – он поможет вам с ними разобраться, а так же проверит ваше домашнее задание. Мы гарантируем индивидуальный подход к вашим потребностям в рамках наших учебных программ. Мы используем удобные, современные платформы для организации учебного процесса онлайн. Студенты легко подключаются с любого устройства по предоставленной тренером ссылке.

Особенности обучения в Infopulse-Универе:

Наши тренеры – профессионалы, имеющие опыт работы в IT-индустрии более 10-15 лет.
Наши занятия включают как большой объем теоретических знаний, так и актуальной учебной практики, максимально приближенной к реальной практической работе.
Мы используем различные формы контроля успеваемости в зависимости от курса и изучаемой тематики.
Слушателям предоставляется бесплатный и неограниченный по времени доступ ко всем пройденным в рамках курса материалам.
Слушатели, выполнившие программу курса, получают сертификат, подтверждающий их знания.

Для того, чтобы записаться на курс, вам необходимо:

Заполнить форму "Записаться в группу" оставив контакты по которым с Вами можно связаться
С Вами свяжется менеджер учебного центра и предложит наиболее подходящее Вам расписание и учебную группу

Онлайн обучение

Если вы хотите обучаться в Infopulse Univer, но не имеете возможности посещать занятия в классе (живете в другом городе или стране) вы можете обучаться в формате онлайн.

Онлайн-обучение в обычной группе

Онлайн-обучение в обычной (оффлайн) группе представляет собой подключение к учебному процессу в группе, которая занимается в классе, одного-двух человек удалённо, используя программное обеспечение для совместной работы. То есть слушатель видит всё то, что демонстрирует преподаватель, слушает его и имеет возможность задать вопросы, как устно, так и посредством используемого программного обеспечения наравне с слушателями в классе.

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