Описание курса Стоимость курса Расписание Программа курса Преподаватели Отзывы
Курсы front-end разработчик

  • Лицензии и свидетельства:



Актуальные вопросы:

  • Мы обучаем всех желающих с нуля или повышения квалификации.
  • Вы можете выбрать обучение Очно в наших классах или Онлайн в прямом эфире с преподавателем и получить записи пройденных занятий.
  • Каждую тему сразу отрабатываете и закрепляете на практике!
  • Во время всего обучения опытный преподаватель будет контролировать и помогать Вам выполнять все задания, пока не закрепите результат.
  • В группах обучается от 5 до 10 человек, внимание уделяется каждому.
  • Есть утренние, дневные, вечерние группы и группы только по выходным дням.
  • Весь материал дается доступным языком, его усвоит каждый.
  • Договор на обучение можно заключить в офисе на м. Курская или по электронной почте.
  • Оплатить можно по QR коду через мобильный банк, через вашу организацию по счету, в офисе: наличными или по карте через терминал.
  • Вы можете сделать предоплату от 30% стоимости обучения при оформлении договора, а оставшуюся часть доплатить на 2 занятии.
  • Если Вы не смогли найти нужную программу на нашем сайте! Позвоните Нам и мы поможем!
свидетельство об окончании курса

По окончании обучения вы получите

Сертификат или удостоверение установленного образца, которое котируется при трудоустройстве на территории РФ.
Лицам, успешно освоившим дополнительную профессиональную программу выдается удостоверение о повышении квалификации, которое вносится в ФИСФРДО.
Сведения о документах об обучении вносятся в федеральную информационную систему «Федеральный реестр сведений о документах об образовании и (или) о квалификации, документах об обучении» (На основании частей 9 и 10 статьи 98, пункта 2 части 15 статьи 107 Федерального закона от 29 декабря 2012 г. № 273-ФЗ «Об образовании в Российской Федерации», и постановления Правительства Российской Федерации от 31.05.2021 № 825).




Программа курса 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.
  • Различные виды градиентов. Трансформации обычные и трехмерные. Функции – поворота, масштаб и смещение.
где учиться на компьютерных курсах

Где проходит Очное обучение?

Все классы, в которых проходят занятия, находятся в шаговой доступности 5 минут от метро:
м. Курская/Чкаловская - главный офис обучения.

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

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


ВНИМАНИЕ!

Если Вы зашли на наш сайт даже во внерабочее время, отправьте нам ЗАЯВКУ или напишите
в WhatsApp: +7 (926) 223-88-21 / +7 (926) 223-88-29
Мы свяжемся с Вами в течение следующего рабочего дня и ответим на любые ваши вопросы.
В будни с 09 до 20-00, в выходные дни с 10 до 16-00.

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

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

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

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