Описание курса Стоимость курса Расписание Программа курса Преподаватели Отзывы Запись на открытый урок

Курсы front-end разработчик

  • Собери скидку до 30%
    Заходи сюда, играй, собери картинку и получи скидку на выбранный курс! Действие скидок ограничено, спешите!

  • Лицензия
    Лицензия (№ 037768) на право образовательной деятельности выдана 09 августа 2016 г.

  • Свидетельство. По окончании курса, мы выдаем свидетельство государственного образца. Наши дипломы признаны работодателями России.


Стоимость курса

Название курсаСтандартная
цена
Цена со скидкойДлительность
обучения
Записаться
Групповые занятия:
Front-end разработчик (верстка HTML и CSS + JavaScript)
22240 руб.15570 руб.64 ак.ч.

Индивидуальные занятия:
Front-end разработчик (верстка HTML и CSS + JavaScript)
44380 руб. 35500 руб.48 ак.ч.

Индивидуальная консультация по проблемам вашей компании. от 2000 руб. от 1 ак. ч.

наверх ^
Расписание курса

Название курсаДата открытияВремяГрафикДлительность обучения
Front-end разработчик (верстка HTML и CSS + JavaScript)28.06.201718:30Пн, Ср, Пт6 недель
наверх ^
наверх ^
Описание курса

Front-end разработчик - занимается интерфейсом сайта для разработки его внешнего вида, изменяя дизайн с учетом привычек и удобства пользователей. К Front-end разработке относится создание макета для сайта, CSS верстка, создание пользовательского интерфейса и специальных скриптов для анимации и визуализации. Под руководством опытного специалиста Вы освоите языки HTML, CSS, Javascript и многое другое, научитесь создавать клиентскую часть веб сайта.

Звоните и записывайтесь на курсы по телефонам: +7 (965) 117-21-00 / +7 (966) 027-03-77

наверх ^
Программа курса

Программа первой части курса: Веб верстка с помощью html и css
 Тема: Знакомство с Html-разметкой. Инструментарий разработчика.
  • Работа с FTP клиентом. Структура страницы. Cинтаксис HTML.
  • Обзор тегов ( head, html, body, title, meta), работа с тегами на странице.
 Тема: Знакомство с CSS.
  • Основные принципы работы CSS. Синтаксис CSS.
  • Подключение CSS к HTML документу.
 Тема: Работа с CSS селекторами. Cелекторы тегов, идентификаторы и классы.
  • Контекстные селекторы. Наследование и каскад. Приоритеты. Работа над типовыми ошибками.
 Тема: Стили текста и оформления.
  • Работа со шрифтом. Цвет, размер, межстрочное расстояние и т.д.
  • Работа с фоном. Цвет, изображение. Маркеры списка. Рамки и обводки.
 Тема: Работа с блочными и инлайновыми элементами.
  • Виды элементов. Различия и применение блочных и инлайновых элементов.
  • Свойство display. Изучение поведения элемента при отрисовке. Свойство float и «плавающие» элементы.
  • Другие виды поведения элементов.
  • Семантическая разметка документа. Теги для работы с текстом, оформление списков, работа со ссылками и изображениями, таблицы и контейнеры (div).
 Тема: Стили позиционирования, отступы и размеры блоков.
  • Поля (padding) и отступы (margin). Положение на странице. Алгоритм расчета ширины и высоты элементов на странице.
 Тема: Управление блоками в потоке.
  • Базовые способы поведения элементов на странице (display: none, display: inline, display: block, display: inline-block, display: list-item, table*)
  • Области применения тех или иных способов поведения элементов.
  • Позиционирование блоков (stati, Relative, Absolute, Fixed) с «плавающими» элементами и свойство float.
  • Области применения тех или иных способов позиционирования.
 Тема: Сетка. Базовая верстка.
  • Построение сетки с использованием float и display: inline-block. Преимущества и недостатки построения сетки с данными свойствами.
  • Позиционирование на странице. Отступы, фиксация ширины(центровка, 2,3 и более колонок), фиксация шапки, подвал, выносные элементы.
 Тема: Верстка сайта. Пошаговый алгоритм создания.
 Тема: Обзор типовых ошибок, проблемные участки кода, отображение страниц в браузерах. Секреты профессионалов. Принципы работы и профессиональный подход к созданию сайта - оформление кода с помощью CSS, HTML, JavaScript.
Программа второй части курса: Веб программирование JavaScript
 Тема: Командная разработка.
  • Контроль версий кода на примере системы Git. Знакомство с системой контроля версий кода. Установка и настройка системы Git. Cоздание репозитория, контроль за его состоянием, фиксирование изменений и их история. Внешние репозитории сервисы GitHub и BitBucket.
  • Организация рабочего процесса. Общий репозиторий. Ветки (отдельные ветки для каждой функции, для разработки, ветки для подготовки релиза, ветки для срочного исправления ошибок, форки)
  • Обзор и особенности HTML5. Элементы HTML, DOCTYPE. Устаревшие атрибуты и теги.Использование новых тегов в HTML5. Атрибуты и их значения. Структура документа, обязательные теги, работа с метаданными.
 Тема: Основы JavaScript.
  • Синсаксис JavaScript (Тип данных, структура, циклы и переменные в коде языка, основные и условные операторы и выражения, конструкция switch)
  • Массивы. Работа с данными и их использование в разных ситуациях. Основные понятия в теме: массивы, дата, время, объекты и строки, свойства, а так же методы.
  • Использование функций. Создание и наделение ее параметрами, результат этой работы. Работа с локальными переменными, область видимости и замыкание переменных. Рекурсия и стек.
 Тема: Объекты JavaScript.
  • Функциональные выражения и замыкания. Основные ошибки при работе с замыканиями. Синтаксис, функциональная анонимность. Работа с переменными – сохранение, вызов, передача, возврат функций. Область видимости переменных внутри функции.
  • Объекты и их методы. Обзор возможностей и область применения. This и New. Геттеры и сеттеры. Сall, apply, bind.
  • Основы объектно-ориентированного программирования. Работа с конструктором, создание функционального стиля, прототипы и наследование.
 Тема: Расширенные возможности HTML и JavaScript.
  • Browser Object Model (BOM - Объектная модель браузера). Структура и основные глобальные объекты окно, навигация, локация, история, консоль и др.
  • Document Object Model (DOM - Объектная модель документа). Работа с деревом и его свойства, навигация и поиск элементов, атрибуты DOM.
 Тема: Расширенные возможности CSS.
  • Адаптивная верстка под различные устройства, в том числе мобильные. Характерные особенности и различные варианты исполнения задач. Работа с CSS media queries. (возможности изменения размеров, цвета, типов, а так же ориентация страниц)
  • Использование языка программирования стилей SASS. Оптимизация кода с помощью SASS. Знакомство с препроцессорами. Работа с переменными (mixins), импорт, родительство, циклы, расширения стилей.
  • Автоматизация задач с помощью менеджера зависимостей NPM Работа с задачами – создание, настройка, вызов.
 Тема: Обзор библиотек и фреймворков.
  • Библиотека JQuery. Верстка фотогалереи с добавлением анимации. Базовые понятия анимации. Использование CSS transitions и animations. Cобытие transitionend.
  • Обработка событий и порядок действий. Определение объекта события. Всплытие, перехват и делегирование событий. Создание событий вручную. Браузер - действия по умолчанию
  • Какие бывают события. События клавиатуры, мыши, окна – изменение размера, прокрутка документа. Загрузки документов и изображений, скриптов. Перетаскивание элементов. Теория: События мыши. Cобытия клавиатуры. Прокрутка документа. Изменение размеров окна. Загрузка документа. Изображений. Cкриптов.
  • Знакомство с AJAX. Кросс-доменные запрос с помощью объекта XMLHttpRequest. Кросс- доменные коммуникации с помощью JSONP
  • Фреймворк Bootstrap. Как работает фреймворк и его функциональные возможности (линейные, радиальные, повторяющиеся градиенты, получение промежуточного цвета). Создание различных эффектов - форма и размер, трансформация элементов, в том числе трехмерная, смещение, масштаб.
 Тема: Анимация с помощью CSS .
  • Верстка фотогалереи с добавлением анимации. Базовые понятия анимации. Использование CSS transitions и animations. Cобытие transitionend.
  • Различные виды градиентов. Трансформации обычные и трехмерные. Функции – поворота, масштаб и смещение.


Звоните и записывайтесь на курсы по телефонам: +7 (965) 117-21-00 / +7 (966) 027-03-77

наверх ^
Преподаватели

Обысов Иван Борисович.
Талантливый преподаватель. За его плечами стаж работы, более 20 лет. Благодаря своей огромному опыту, доступно и интересно объясняет даже самые сложные темы. Внимательный и чуткий, быстро и безошибочно находит индивидуальный подход к каждому слушателю. После занятий с Иваном Борисовичем, наши слушатели не бояться пользоваться компьютером, работать с офисными программами, почтой и поисковиками!

Кирюшкин Владимир Петрович.
Ведущий специалист по направлению WEB-анимации. Также преподаватель компьютерной грамотности - "ПК для начинающих", "Excel". Один из лучших преподавателей нашего Учебного центра, с огромным опытом работы. На его занятия слушатели ходят с большим удовольствием, т.к. он всегда поделиться информацией и опытом с теми, кому это действительно нужно. Выведет на профессиональный уровень навык Вашей работы в читаемых им программах. Всегда даст много практических советов по применению изучаемых программ в той или иной области. У него Вы всегда получите живые и познавательные лекции.
наверх ^
Отзывы о компьютерных курсах front-end разработчик:

Оставить отзыв или комментарий