Обучение

Новости

О центре

Трудоустройство

Консультация

Консультируем с 8:30 до 19:00 Выходной: суббота и воскресенье

ул. М.Горького, 1

Написать сообщение

Все контакты

Сообщение об ошибке

Разработка веб-приложений на JavaScript by Instinctools

Профессиональный курс (для трудоустройства)

На этом курсе вы познакомитесь с основным языком программирования для построения интерактивных пользовательских интерфейсов — JavaScript. С помощью этого языка можно создавать современную графику, анимацию, игры, динамические стили — всё, что так или иначе придаёт «жизни» веб-страницам.

В завершении курса создадите собственный выпускной проект — браузерную игру.

Филиал IT-Academy в Гродно сотрудничает с компанией Instinctools, которая заинтересована в выпускниках данного курса. Обучение в IT-Academy не гарантирует трудоустройства в данную компанию, но вы получите необходимые навыки, которые существенно повысят ваши шансы на успешное прохождение собеседования.

Описание курса

Формы обучения

Группа	Очная
Стоимость	1 799 BYN
Рассрочка	три выплаты по 659 BYN / месяц
Старт	10.10.2022 - Осталось: 95 дней
Длительность	116уч.ч
Описание	Понедельник (с 18:30 до 21:20), Пятница (с 18:30 до 21:20)

	№ группы: G-FD2-23-22

Для кого этот курс

Для студентов, которые хотят начать карьеру в ИТ и научиться проектировать и создавать клиентские приложения;
Для тех, кто знаком с языками разметки (HTML, CSS) и хочет научиться создавать интерактивные веб-страницы с помощью JavaScript;
Для тех, кто самостоятельно изучал JavaScript и хочет закрепить имеющиеся знания и навыки программирования;
Для новичков, желающих освоить профессию фронтенд-разработчика с нуля.
Для специалистов, которые планируют посвятить себя фрилансу: Front-end Developer, PHP Developer, Web-дизайн, iOS Developer, Android Developer.

Необходимая подготовка

Обязательно уверенное владение компьютером и браузерами;
Обязательно понимание того, чем занимаются JavaScript-разработчики;
Обязательное владение принципами верстки и основами программирования на JavaScript.

Для чего этот курс

Для того, чтобы получить знания о языке программирования JavaScript: научиться «читать» код, разбирать его по полочкам и создавать веб-приложения самостоятельно, применяя различные фреймворки и библиотеки.

Вы будете уметь

Эффективно работать с веб-страницами;
Обрабатывать события и работать с мышью и тачскрином;
Проводить отладку и тестирование кода;
Писать регулярные выражения;
Работать с мультимедийными возможностями браузеров — SVG и Canvas, создавать производительную графику и мультимедиа;
Использовать коммуникационные возможности браузера, в т.ч. JSON и AJAX;
Пользоваться JavaScript-библиотекой — jQuery.

Условия отбора

Зачисление на курс проводится на конкурсной основе по результатам:

теста по английскому языку и собеседования с преподавателем по программе курса "Разработка веб-сайтов с использованием HTML, CSS и JavaScript".

Внимание:

Доступ к электронным материалам открыт в период прохождения курса. По окончании курса доступ закрывается.

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

Введение в курс
Знакомство. Содержание специализации, курса. Организация работы в рамках курса.Настройка рабочего окружения (Workflow). Повторение базового материала первого модуля по JS.
Повторение и углубление первого модуля: основы Javascript
Инструкции, комментарии, переменные, типы данных, массивы, выражения, операции: арифметические, строковые, ...
Повторение и углубление первого модуля: функции, методы, объекты
Функции и методы: понятие функции, описание, вызов функции, анонимные функции, функции выражения... переменные: области видимости переменной ... объекты: понятие, литеральная и точечные нотации, ключевое слово this, встроенные объекты: понятие, виды, примеры
Повторение и углубление первого модуля: условные конструкции и циклы
Повторение условных конструкций (if, if ... else, switch, тернарный оператор), проверка условий, структурирование операций сравнения, выражения в операциях сравнения, логические операции (&&, ||) и их использование при валидации, явное и неявное приведение типов, повторение циклов (while, do ... while, for, ...)
Повторение и углубление первого модуля: (DOM ) объектная модель документа
Понятие дерева DOM, работа с DOM, методы по работе с DOM элементами, обход элементов, работа с содержимым элементов DOM (textContent, innerHtml, ...), манипуляция элементами DOM (создание, удаление, перемещение, клонирование, ...)
Работа с событиями
Понятие события, виды событий, разбор различных типов событий, обработчики событий, слушатели событий, поток событий (событийная модель в браузере), объект event и делегирование событий. Разбор наиболее важных событий мыши, клавиатуры, страницы, элементов, форм, событий HTML5
Работа с событиями
Продолжение работы с темой и практическая отработка: понятие события, виды событий, разбор различных типов событий, обработчики событий, слушатели событий, поток событий (событийная модель в браузере), объект event и делегирование событий. Разбор наиболее важных событий мыши, клавиатуры, страницы, элементов, форм, событий HTML5
API - интерфейсы
Понимание API интерфейса, браузерный API, HTML5 API интерфейсы, API-интерфейс веб хранилища: localStorage, sessionStorage, history API, ...
Обработка ошибок и отладка кода в JavaScript
Контекст выполнения (execution context), понимание стека, области видимости, ошибки и объект ERROR, обработка ошибок, процесс отладки, консоль разработчика (debug, ...), работа с try, catch, и finally ...
ООП в JavaScript
Объектно-ориентированная парадигма в JavaScript. Разобор основных принципов ООП: инкапсулияция, наследование, полиморфизм, абстракция. Реализация данных принципов в JavaScript. Композиция. Понимание прототипа, работа с цепочкой прототипов
ООП в JavaScript
Продолжение работы с ООП, практическая отработка: объектно-ориентированная парадигма в JavaScript. Разобор основных принципов ООП: инкапсулияция, наследование, полиморфизм, абстракция. Реализация данных принципов в JavaScript. Композиция. Понимание прототипа, работа с цепочкой прототипов ...
Таймеры; ES6
Корректная работа с таймерами: setTimeout, setInterval. Обзор версионирования JavaScript, разбор нового функционала ES6, ES7, ... let, const, arrow functions, template strings, destructuring, spread и rest операторы, classes, и т.д.
ES6
Продолжение работы с новым функционалом языка, практика: разбор нового функционала ES6, ES7, ... let, const, arrow functions, template strings, destructuring, spread и rest операторы, classes, и т.д.
SVG, Canvas
Работа с SVG, особенности данного вида графики, основные методы и способы работы с SVG. Canvas - что это, особенности работы с канвой, разбор основного API; Сравнение SVG, Canvas, DOM при выборе технологии для реализации проекта.
Шаблоны проектирования в Javascript
Понятие паттерна, разбор популярных паттернов применяемых при разработке в Javascript: модуль, MVC, наблюдатель, ...
Шаблоны проектирования в Javascript
Продолжение работы с паттернами, практика: понятие паттерна, разбор популярных паттернов применяемых при разработке в Javascript: модуль, MVC, наблюдатель, ...
Анимация в JavaScript
Работа с анимацией, производительность различных видов анимации, правила плавной и производительной анимации.
Рендеринг WEB-страницы
Разбираем процесс рендеринга, repaint, reflow, ...
Повторение и углубление первого модуля: Jquery
Создание набора, свойства набора, работа с набором, расширенные селекторы, вставка элементов в DOM, замена элементов, удаление элементов, ...
Повторение и углубление первого модуля: Ajax и JSON
Форматы URL, методы HTTP-запросов, загрузка через AJAX статических файлов, кроссдоменные AJAX-запросы, проверка состояния соединения, синхронные и асинхронные AJAX запросы, ...
SPA (Single Page Application)
Виды приложений, особенности SPA, принципы разработки SPA, ...
SPA (Single Page Application)
Продолжение работы с SPA - практика создания single page application.
Реализация процессов фильтрации, поиска, сортировки элементов
Понятия фильтрации, поиска и сортировки, методы для работы с массивами, работа с массивом или объектом - выбор структуры данных в зависимости от ситуации, статическая и динамическая фильтрация
Работа с формами и валидацией форм
Работа с формами, элементы формы, отправка форм, элементы форм из HTML5, валидация форм, регулярные выражения.
Тестирование и качество кода
Введение в тестирование. Виды тестов, какие тесты пишут разработчки, Node.js и NPM, Jest. Обзор линтеров для JavaScript.
Итоги курса, просцесс развития и разработки JavaScript. Техническое интервью.
ES6, ES8, ES2017: что такое ECMAScript и чем это отличается от JavaScript, ECMA-262, TC39. Процесс прохождение технического интервью, примеры вопросов, советы по прохождению, подготовка к защите проекта
Защита выпускного проекта
Защита выпускного проекта

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

Александр Сташкевич

Специальность:
Курсы создания сайтов и Front-end разработки

Программирование, особенно Frontend, - это огромный, сложный, быстро изменяющийся и развивающийся мир.
Узнать больше

Другие курсы программы Курсы создания сайтов и Front-end разработки

Александр Сташкевич

Специальность:Курсы создания сайтов и Front-end разработки

Программирование, особенно Frontend, - это огромный, сложный, быстро изменяющийся и развивающийся мир. Настоящий Frontend разработчик готов впитывать новые технологии, постоянно развиваться, работать с новыми библиотеками, инструментами … Как сверстать сайт? Какой инструментарий для этого необходим? Как организовать проект? Что выбрать - ReactJS или Angular? Ответы на эти и многие другие вопросы вы найдете в курсах по Frontend разработке.

Кратко о себе :

Full stack WEB developer в instinctools. Занимаюсь Frontend разработкой более 7 лет. В работе неоднократно приходилось обучать junior-разработчиков. Разрабатывал проекты работающие в режиме реального времени, работающие с IoT устройствами и многое другое …

aliaksandr.stashkevich@instinctools.ru