АРЬЕРА

Курсы дополнительного
профессионального образования 

Front-end разработчик (HTML и CSS, JavaScript)

Front-end разработчик (HTML и CSS, JavaScript)

скидка-30%
  • foto
  • foto
  • foto
Категория: Компьютерные курсы
Расписание: 16.12.2017 в 10:00
Кол-во занятий: 16 (в группе) / 12 (индивид.)
Цена (в группе):16520 руб. Цена (индивид):35540 руб.
Записаться
  • Описание
  • Программа курса
  • Документы
  • Оставить отзыв
  • Курсы Front-end разработчика предназначены для веб-дизайнеров, которые планируют заниматься дизайном и интерфейсом, создавать клиентскую часть web- сайта, с которыми будут взаимодействовать люди.

    Обучение будет проходить в два этапа:
    сначала Вы освоите языки HTML, CSS с помощью которых будите создавать макет сайта, верстать web-cтраницы, работать с текстом и оформлением и затем Javascript -популярный язык программирования для разработки веб-сайтов.

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