[Brain Academy] Программирование FrontEnd (часть 1)

Программирование FrontEnd​ Цели курса Дать знания и навыки необходимые для получения квалификации младший программист FrontEnd (Junior FrontEnd developer) Подготовить к трудоустройству в IT-компании Задачи курса: Курс «Программирование FrontEnd» является первым курсом, который прошел авторизацию в ведущих IT – компаниях и соответствует самым высоким международным стандартам. Как следствие обеспечивается высокое качество обучения и трудоустройство лучших выпускников. После прохождения курса Вы будете готовы к работе в IT – компании, а также сможете сдать сертификационные тесты. Курс «Программирование FrontEnd» проводится только сертифицированными инструкторами, имеющими большой практический и педагогический опыт. Обучение соответствует самым современным методикам, за счет чего обеспечивается высокая эффективность и усвояемость материала. Весь материал курса – лекции, лабораторные, практические работы, тесты и экзамены, студенты проходят в классе вместе с инструктором. Кроме этого, система управления обучением, в которой находится весь учебный материал, доступна студентам и инструкторам в режиме 24/7. С ее помощью студенты могут легко повторять материал, а инструктора управлять процессом и качеством обучения. В базовом курсе «Программирование FrontEnd» рассматриваются: принципы взаимодействия между клиентом и сервером, основные технологии, используемые в настоящее время для разработки клиентских web-приложений, основные инструментальные средства, поддерживающие возможность создания web-приложений на основе упомянутых выше технологий, все необходимые теоретические аспекты программирования и разработки фронтэнд приложения в контексте бэкэнда. После изучения курса студент будет уметь создавать веб-страницу с помощью синтаксических конструкций языка HTML5, оформлять ее с помощью CSS, анимировать и добавлять 3Dэффекты с помощью CSS3, добавлять динамику страницы с помощью скриптов, написанных на языке JavaScript, делать ее кроссбраузерной и кроссплатформенной за счет адаптивности, полученной от использования Bootstrap 3. Особое внимание в курсе уделяется вопросам взаимодействия клиентской части приложения с сервером с использованием технологии Ajax, формата передачи данных JSON, а также подключению средств взаимодействия с ними (фильтр, сортировка). Студенты выполняют большое количество лабораторных и практических работ для закрепления материала и выработки практических навыков программирования, верстки и дизайна. Также, что является одним из базовых принципов обучения в Brain Academy, есть обширный практикум, который предполагает разработку нескольких учебных проектов, созданных специально для эффективного обучения и максимального освоения практических навыков программирования, верстки и дизайна. На курсе «Программирование FrontEnd» Вы также узнаете, как составить идеальное резюме и пройти собеседование в IT – компании. Получите навыки командной работы, коммуникации и методологии работы в проектах. Все материалы курса на английском языке, что дает студентам отличную возможность в освоении всей необходимой для трудоустройства и работы терминологии и подтягивает уровень владения английским. 1. Создание представление страницы 1.1. Обзор основных задач фронтенда 1.1.1. Понимание Web Single Page Application 1.1.2. Основные задачи фронтенда и обзор инструментов разработки 1.2. Работа с графическим редактором GIMP 1.2.1. Обзор инструментария, настройка среды 1.2.2. Форматы файлов: входные, выходные, внутренние 1.2.3. Работа со слоями 1.2.4. Создание изображения, использование текста, контуров, инструментов рисования 1.2.5. Использование фильтров GIMP для использования эффектов 1.2.6. Инструменты цвета, преобразования 1.2.7. Создание макета страницы и порезка для подготовки к верстке 1.3. Управление сборками и отладка приложений, SEO 1.3.1. Описание стандарта HTML (W3C Standards). Основные теги работы с текстом, изображениями. 1.3.2. Работа с таблицами данных 1.3.3. Базовые контейнеры CSS. Создание и подключение CSS стилей к странице. 1.3.4. Обзор SEO оптимизации. Задача, решаемые на странице и вне ее 1.4. HTML5 1.4.1. Обзор новых спецификаций HTML5. Форматы даты и времени 1.4.2. Работа с аудио и видео с использованием соответствующих тегов 1.5. Использование препроцессора LESS 1.5.1. Базовые принципы работы CSS препроцессоров. Установка и подключение LESS 1.5.2. Синтаксис языка программирования стилей LESS. Использование констант и переменных. 1.5.3. Функции работы с цветом 1.5.4. Создание и использование примесей (Mixin). Параметрические примеси 1.6. Адаптивность и оптимизация верстки c использованием фреймворка BootStrap 3 1.6.1. Оптимизация графики с использованием спрайтов 1.6.2. Обзор основных возможностей, загрузка и подключение;введение в Bootstrap CSS 1.6.3. Верстка колонками, шрифты 1.6.4. Изучение Bootstrap CSS: таблицы, картинки, формы, группировка элементов форм, кнопки, группировка кнопок 1.6.5. Создание навигационных блоков Цену уточнять