Разработка веб-приложений на JavaScript by Instinctools
Профессиональный курс (для трудоустройства)
На этом курсе вы познакомитесь с основным языком программирования для построения интерактивных пользовательских интерфейсов — JavaScript. С помощью этого языка можно создавать современную графику, анимацию, игры, динамические стили — всё, что так или иначе придаёт «жизни» веб-страницам.
В завершении курса создадите собственный выпускной проект — браузерную игру.
Филиал IT-Academy в Гродно сотрудничает с компанией Instinctools, которая заинтересована в выпускниках данного курса. Обучение в IT-Academy не гарантирует трудоустройства в данную компанию, но вы получите необходимые навыки, которые существенно повысят ваши шансы на успешное прохождение собеседования.
Для студентов, которые хотят начать карьеру в ИТ и научиться проектировать и создавать клиентские приложения;
Для тех, кто знаком с языками разметки (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.
Функции и методы: понятие функции, описание, вызов функции, анонимные функции, функции выражения... переменные: области видимости переменной ... объекты: понятие, литеральная и точечные нотации, ключевое слово this, встроенные объекты: понятие, виды, примеры
Повторение условных конструкций (if, if ... else, switch, тернарный оператор), проверка условий, структурирование операций сравнения, выражения в операциях сравнения, логические операции (&&, ||) и их использование при валидации, явное и неявное приведение типов, повторение циклов (while, do ... while, for, ...)
Понятие дерева DOM, работа с DOM, методы по работе с DOM элементами, обход элементов, работа с содержимым элементов DOM (textContent, innerHtml, ...), манипуляция элементами DOM (создание, удаление, перемещение, клонирование, ...)
Понятие события, виды событий, разбор различных типов событий, обработчики событий, слушатели событий, поток событий (событийная модель в браузере), объект event и делегирование событий. Разбор наиболее важных событий мыши, клавиатуры, страницы, элементов, форм, событий HTML5
Продолжение работы с темой и практическая отработка: понятие события, виды событий, разбор различных типов событий, обработчики событий, слушатели событий, поток событий (событийная модель в браузере), объект event и делегирование событий. Разбор наиболее важных событий мыши, клавиатуры, страницы, элементов, форм, событий HTML5
Контекст выполнения (execution context), понимание стека, области видимости, ошибки и объект ERROR, обработка ошибок, процесс отладки, консоль разработчика (debug, ...), работа с try, catch, и finally ...
Объектно-ориентированная парадигма в JavaScript. Разобор основных принципов ООП: инкапсулияция, наследование, полиморфизм, абстракция. Реализация данных принципов в JavaScript. Композиция. Понимание прототипа, работа с цепочкой прототипов
Продолжение работы с ООП, практическая отработка: объектно-ориентированная парадигма в JavaScript. Разобор основных принципов ООП: инкапсулияция, наследование, полиморфизм, абстракция. Реализация данных принципов в JavaScript. Композиция. Понимание прототипа, работа с цепочкой прототипов ...
Корректная работа с таймерами: setTimeout, setInterval. Обзор версионирования JavaScript, разбор нового функционала ES6, ES7, ... let, const, arrow functions, template strings, destructuring, spread и rest операторы, classes, и т.д.
Продолжение работы с новым функционалом языка, практика: разбор нового функционала ES6, ES7, ... let, const, arrow functions, template strings, destructuring, spread и rest операторы, classes, и т.д.
Работа с SVG, особенности данного вида графики, основные методы и способы работы с SVG. Canvas - что это, особенности работы с канвой, разбор основного API; Сравнение SVG, Canvas, DOM при выборе технологии для реализации проекта.
Продолжение работы с паттернами, практика: понятие паттерна, разбор популярных паттернов применяемых при разработке в Javascript: модуль, MVC, наблюдатель, ...
Форматы URL, методы HTTP-запросов, загрузка через AJAX статических файлов, кроссдоменные AJAX-запросы, проверка состояния соединения, синхронные и асинхронные AJAX запросы, ...
Понятия фильтрации, поиска и сортировки, методы для работы с массивами, работа с массивом или объектом - выбор структуры данных в зависимости от ситуации, статическая и динамическая фильтрация
ES6, ES8, ES2017: что такое ECMAScript и чем это отличается от JavaScript, ECMA-262, TC39. Процесс прохождение технического интервью, примеры вопросов, советы по прохождению, подготовка к защите проекта
Программирование, особенно Frontend, - это огромный, сложный, быстро изменяющийся и развивающийся мир. Настоящий Frontend разработчик готов впитывать новые технологии, постоянно развиваться, работать с новыми библиотеками, инструментами … Как сверстать сайт? Какой инструментарий для этого необходим? Как организовать проект? Что выбрать - ReactJS или Angular? Ответы на эти и многие другие вопросы вы найдете в курсах по Frontend разработке.
Кратко о себе :
Full stack WEB developer в instinctools. Занимаюсь Frontend разработкой более 7 лет. В работе неоднократно приходилось обучать junior-разработчиков. Разрабатывал проекты работающие в режиме реального времени, работающие с IoT устройствами и многое другое …
ООО «Образовательный центр программирования и высоких технологий» стремится открыто и в понятной форме сообщать своим пользователям о том, как собираются и используются их данные. Наша организация осознает значимость для Вас того, каким образом ваша информация обрабатывается и используется в режиме коллективного доступа, и мы ценим Вашу уверенность в том, что мы будем делать это тщательно и разумно. Мы полагаем, что для Вас, как для пользователя, важно знать реализуемый нами порядок обращения с информацией о Вас, получаемой нами в ходе посещений Вами нашего сайта. Политика конфиденциальности предназначена для того, чтобы способствовать формированию у Вас понимания того, каким образом мы осуществляем сбор, раскрытие и обеспечение безопасности, получаемой нами в ходе посещения и просмотра Вами нашего веб-сайта. Продолжая использовать данный сайт и нажимая на кнопку «Согласен», Вы подтверждаете, что ознакомились с
Политикой использования файлов cookie и согласны на обработку Ваших персональных данных в соответствии с
Политикой в отношении обработки персональных данных.