Описание курса Стоимость курса Расписание Программа курса Преподаватели Отзывы Запись на открытый урок
Курсы front-end разработчик
  • Вы можете получить скидку 30%. Звоните!
    +7 (499) 397-71-24
    +7 (499) 397-71-25
    +7 (965) 117-21-00


  • Для кого курс:
    для специалистов, которые занимаются интерфейсом сайта для разработки его внешнего вида, изменяя дизайн с учетом привычек и удобства. пользователей.



Описание курса Front-end разработчик

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


где учиться на компьютерных курсах

Где вы будете учиться?

Адреса аудиторий, в которых проходят занятия по выбранным курсам*:
м. Курская - главный офис продаж, 4 компьютерных класса, 3 класса теории, 2 класса дизайна
м. Белорусская - класс теории
м. Кузнецкий мост - классы курсов красоты
м. Октябрьская - компьютерные классы, классы теории
м. Проспект Мира - компьютерные классы, классы теории
м. Пушкинская - классы курсов красоты
м. Серпуховская - компьютерные классы, классы теории
м. Сокол - компьютерные классы, классы теории
м. Таганская - компьютерные классы, классы теории
м. Третьяковская - классы курсов красоты

(* Точный адрес аудитории уточняйте у организатора учебного процесса)



Программа курса Front-end разработчик

Программа первой части курса: Веб верстка с помощью 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 (499) 397-71-24 / +7 (499) 397-71-25


Преподаватели

Кирюшкин Владимир Петрович.
Ведущий специалист по направлению WEB-дизайна и программирования. Один из лучших преподавателей нашего Учебного центра, с огромным опытом работы в HTML и CSS, JavaScript, PHP, MySQL, CMS WordPress. На его занятия слушатели ходят с большим удовольствием, т.к. он всегда поделиться информацией и опытом с теми, кому это действительно нужно. Выведет на профессиональный уровень ваши знания. Всегда даст много практических советов. Научит верстать и программировать сайт с нуля. У него занимаются люди с разным уровнем начальных знаний, но он всегда находит подход к каждому. Имеет сотни положительных отзывов!

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

Отзывы о компьютерных курсах front-end разработчик:

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



    Документы:

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

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

  • Сертификат РПО.
    АНО ДПО "Образование и Карьера" включен в Регистр Проверенных Организаций.