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

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


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

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

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

Очно-дистанционная

по мере комплектации группы
Очные занятия по пятницам c 18.30 до 21.20; Вебинар - вторник; Индивидуальные и групповые онлайн-консультации; Контролируемые самостоятельные работы
-20% 808 BYN 1010 BYN
108 уч.ч
Рассрочка три выплаты по 296 BYN / месяц
№ группы: G-FD2-08-19

Очная

25.11.2019 - Группа стартовала
Понедельник (с 18:30 до 21:20), Четверг (с 18:30 до 21:20)
1010 BYN
108 уч.ч
Рассрочка три выплаты по 370 BYN / месяц
№ группы: G-FD2-09-19

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

  • Для студентов, которые хотят начать карьеру в ИТ и научиться проектировать и создавать клиентские приложения;

  • Для тех, кто знаком с языками разметки (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".

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

  1. Введение в курс
    Знакомство
    Содержание курса - общий обзор
    Организация работы в рамках курса. Настройка рабочего окружения (Workflow, Git)
  2. ES5. Введение в JavaScript
    Почему JavaScript? Обзор языка.
    Инструменты разработчика. IDE's
    Консоль разработчика.
    Спецификации. Справочники
  3. ES5. Основы JavaScript. Общий синтаксис JavaScript. (повторение и обобщение материалов из первого модуля)
    Структура кода, переменные, типы данных. Преобразование типов
    Операторы, циклы, условные конструкции
    Взаимодействие с пользователем (alert, prompt, ...)
    Функции. Функциональные выражения. Рекурсия
  4. ES5. Качество кода
    Отладка в браузерах (Chrome, ...). Примеры использования инструментов отладки для дебага кода
    Хорошие практики при написании кода. Примеры code styles для Java Script
    Тестирование (основы)
  5. ES5. Структуры данных
    Числа, строки
    Объекты (как ассоциативные массивы, перебор свойств, передача по ссылке)
  6. ES5. Структуры данных
    Массивы с числовыми индексами
    Массивы: основные методы для работы с массивами
    Массивы: перебирающие методы
    Работа с датой и временем
  7. ES5. Замыкания. ES5. Методы объектов и контекст вызова. Каррирование.
    Замыкания, область видимости
    Методы объектов и контекст вызова (this)
    Использование call, apply, bind
    Частичное применение. Каррирование
  8. ES5. Таймеры. Объектно-ориентированное программирование
    SetTimeout и SetInterval
    Проблемы работы с таймерами
    Перехват ошибок, “try catch”
    Объектно-ориентированное программирование - общие принципы (инкапсуляция, наследование, полиморфизм)
  9. ES5. Объектно-ориентированное программирование
    Объектно-ориентированное программирование в функциональном стиле.
    Объектно-ориентированное программирование в прототипном стиле.
  10. ES5. Взаимодействие с сервером. ES5. Регулярные выражения
    Современные средства для обмена данными с сервером (AJAX, XMLHttpRequest, ...)
    HTTP запросы ( + REST)
    Регулярные выражения
  11. ES5. Основные паттерны (шаблоны) проектирования
    Основные паттерны (шаблоны) проектирования, которые встречаются или используются при разработке клиентских приложений.
    Модульная организация кода
    CDN
  12. ES6. Обзор основных изменений
    Переменные let и const
    Деструктуризация
    Функции
    Строки
    Объекты и прототипы
    Классы
    Итераторы
    Set, Map, WeakSet и WeakMap
    Promise
    Генераторы
    Модули
  13. Клиентский JavaScript. Документ и объект страницы
    DOM, BOM
    Дерево DOM, работа с DOM, навигация по DOM элементам
    Вопросы кроссбраузерности - подходы, Modernizr, полифиллы, фолбэки, изящный отказ, постепенное улучшение
  14. Клиентский JavaScript. Основы работы с событиями
    Браузерные события
    Порядок обработки событий
    Всплытие и перехват событий
    Делегирование событий
  15. Клиентский JavaScript. Подробное описание событий
    Объект события (дополнительно про события мыши, клавиатуры, drag&drop, тачскрина)
  16. Клиентский JavaScript. Формы, элементы управления
    Навигация и свойства элементов формы
    Фокусировка: focus/blur
    Изменение: change, input, cut, copy, paste
    Формы: отправка, событие и метод submit
    Валидация форм
  17. Canvas. Анимация. Производительность анимаций
    SVG - события, управление содержимым, программное создание
    Canvas
    Работа с анимацией на JavaScript
    CSS-анимация. SVG-анимация.
    Производительность анимаций
    Отладка анимаций
  18. Render tree. Аппаратное ускорение анимаций. Анимация Canvas
    Программное формирование документа
    Render tree
    Аппаратное ускорение анимаций
    Анимация Canvas, оптимизация производительности
    Библиотеки и движки графики, анимации, физики
  19. Плавная анимация. Способы рендеринга
    Масштабируемость графики, адаптивность к плотности пикселей экрана
    Субпиксельное позиционирование
    Плавная анимация
    Способы рендеринга - DOM, SVG, Canvas
    Сравнение, правила выбора способа рендеринга
  20. Мультимедиа. JSON. Хранение данных на клиенте
    Работа с видео, звуком, виброоткликом
    JSON, сериализация
    "Глубокая" копия
    Производительность движка V8
    Хранение данных на клиенте - cookie, localStorage
  21. JQuery. Введение. Назначение и возможности библиотеки
    Работа с наборами
    Селекторы
    Манипуляции с DOM
    Манипуляция элементами набора
    Эффекты
    Работа с событиями
    Понятие о плагинах jQuery
    jQuery Templates
  22. JQuery. Дополнительные возможности
    Работа с формами, jQuery Validation
    jQuery AJAX
    jQuery UI: виджеты Button, Progressbar, Slider, Autocomplete, Accordion, Tabs, Datepicker, Dialog, Spinner, Tooltip, Selectmenu, Menu
  23. Пример разработки своей библиотеки на JS
    Разбираем внутреннее устройство JQuery
    Пример разработки и использования своей библиотеки
  24. Пример разработки своей библиотеки на JS
    Пример разработки и использования своей библиотеки
  25. Итоги курса
    Защита выпускного проекта
    Заключение. Итоги курса. Обзор следующих курсов.

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

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

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

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

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

aliaksandr.stashkevich@instinctools.ru

Сергей Коско

Опыт работы:более 5 лет

Всегда мечтали создать свой собственный сайт. Слышали много слов, таких как: HTML, CSS, JavaScript, Angular, ReactJS и др? Готовы впитывать новые технологии, работать с новыми библиотеками, инструментами, постоянно развиваться? Тогда, Добро пожаловать на курсы по Frontend разработке.

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

Full stack WEB developer в instinctools.

Основные виды деятельности: frontend(js), backend (node.js).

Занимаюсь Frontend разработкой более 5 лет. В коммерческой разработке около 3-х лет.
Увлекаюсь IoT устройствами, создаю свой маленький умный дом.

Артур Басак

Опыт работы:Более 7 лет

Разработка веб-интерфейсов - это работа на стыке творчества и программирования. Ни в одной другой IT-специализации нету столь богатого и интерактивного инструментария, как в разработке клиентских приложений. Веб-интерфейс - это лицо любого проекта. 

Специалисты компании *instinctools готовы раскрыть все свои секреты разработки front-end приложений.


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

Lead Software Developer в *instinctools. 

За свою карьеру успел побывать и тестировщиком-автоматизатором, и разработчиком на Java, и JavaScript-Fullstack программистом.

Профессиональный опыт программирования более 7 лет. В данный момент, сосредоточен на всем, что связано с веб-разработкой. 

Так же являюсь руководителем группы из 7 разработчиков.


Максим Якусик

Опыт работы:3 года
Fullstack web developer в Intexsoft. Профессионально занимаюсь Frontend разработкой 3 года.
В процессе работы обучаю новых сотрудников и провожу доклады на тему web-технологий.

С каждым годом web приложения все больше перенимают функционал десктопных. Аудио/фото/видео редакторы, 3d-моделирование, продвинутые редакторы текста, игры и мд. и в обозримом будущем web приложения почти полностью вытеснят десктопные приложения.

Владислав Скращук

На данный момент я работаю ресурсным менеджером в компании Itransition. За свою двадцатилетнюю карьеру успел пройти путь от простого разработчика до руководителя большой команды. В мои интересы входит довольно много самых разнообразных областей включая и full stack разработку различных web приложений. В том числе я постоянно занимаюсь обучением новых сотрудников в гродненском офисе компании.

Создавая самые различные frontend приложения, разработчик всегда сможет найти интересные и достойные задачи, так как на данный момент frontend разработка одна из наиболее динамичных и интересных областей в современной web индустрии. Она позволит прикоснуться не только к программированию непосредственно, но и массе смежных областей таких как разработка пользовательских интерфейсов, HTML вёрстка, мультимедиа.

Дмитрий Дорошков

Опыт работы:фрилансером 2 года, в компаниях 5+ лет

Senior Software Engineer в компании Exadel. Основное направление - Frontend разработка. 

За годы работы поучаствовал как в небольших проектах так и в enterprise решениях для крупных заказчиков.

Принимаю участие в обучении молодых сотрудников компании.


Оставьте заявку на курс сейчас

Запишитесь на курс сегодня, и уже завтра мы свяжемся с Вами и пригласим на ближайшее вводное занятие.
И конечно, расскажем про полную программу обучения и ее специфику, тренера, а главное – про нашу программу трудоустройства.

Более 2760 выпускников успешно работают в IT-компаниях в Беларуси и за рубежом

Акции и новости