Курсы Front-end

Региональный центр IT т 0662914143

НАЧАЛО ЗАНЯТИЙ в мини группе 5-7 человек

2 февраля Cреда 19.00

Длительность обучения на курсе FRONTEND —  3  месяца.

Обучение  на курсе не требует предварительной подготовки

Курс Фронтенд проводится с 2010 года

В конце обучения на курсе Front end выполняется курсовой проект и получение сертификата. Помощь в трудоустройстве.

Front-end разработка – в классическом понимании это создание клиентской части сайта. Но реально Front-end разработчик занимается версткой шаблона сайта и созданием пользовательского интерфейса. Он должен обладать навыками дизайнера, быть искусным верстальщиком,  владеть технологиями программирования и пользоватся востребованными фреймворками. Особенность верстки заключаются в знании спецификаций HTML5  / CSS3 / Bootstrap / браузерных требований, адаптивности и отзывчивости сайта. Результатом является валидная кроссбраузерная и кроссплатформенная верстка.  В программировании основные требования: знание JavaScript, фреймворка  React.js, знание технологии Ajax

 Оплата  в 2 этапа за первый  модуль и за  второй модуль

56  учебных часов

ПЛАН КУРСА 

МОДУЛЬ 1- КУРС НTML, CSS, ВЁРСТКА САЙТОВ

26 учебных часа Стоимость модуля: 3200 грн.

Тема 1. Основные понятия в веб-разработке

Процесс разработки веб-сайта

Устройство сайтов и их типы

Инструменты для веб-разработки

Что такое гипертекст, теги и атрибуты

Простой пример HTML странички

Тема 2. Основы языка разметки HTML

Структура HTML документа,

Основные теги оформления текста

Комментарии в HTML

Гиперссылки

Изображения

Списки

Формы и их элементы

Спецсимволы

Тема 3. Основы языка оформления стилей CSS

Синтаксис CSS

Простые селекторы

Селекторы атрибутов

Основные свойства стилей

Вложенность, наследование и группирование свойств

Псевдоклассы и псевдоэлементы

Тема 4. Блочная верстка

Блочная модель

Обтекаемые элементы

Позиционирование блоков

Создание основной разметки сайта

Применение overflow и clear

Приёмы позиционирования элементов

Создание сетки

Тема 5. Таблицы в HTML

Структура таблицы

Объединение ячеек

Вложенные таблицы

Стилевое оформление таблиц

Тема 6. Стандарты web и вспомогательные инструменты

Стандарт HTML5 и CSS3

Кроссбраузерность, валидация

Обзор инструментов(gulp, less, minification)

Тема 7. CSS анимация, эффекты

Эффекты анимации при наведении

Анимации дочерних элементов

Эффекты изображения

Transform, transition, animation, gradient

Тема 8. Технология Flex

Основы flex

Применение flex для создания сетки

Тема 9. Адаптивная верстка

Способы адаптивного дизайна

Медиа-запросы

Логические операторы, применяемые в медиа-запросах

Медиа-функции

Тема 10. Введение в Bootstrap

Установка фреймворка

Система сеток

Настройка сетки

Обзор встроенных компонентов

Тема 11. Система контроля версий GIT

Что такое git, github

Установка git

Настройка git

Основные команды git

Тема 12. Создание Landing page

Что такое Landing page

Приемы создания Landing page

Адаптация макета Landing page

Тема 13.

Создание простого сайта

Перенос сайта на хостинг.  Работа с FTP менеджером

Модуль 2 — Курс  JavaScript, React.js

2 месяца 30 учебных часа 15 занятий

Стоимость модуля: 4800 грн.

Тема 1
Введение в программирование.
Принцип работы браузера.
Что такое Javascript.
Взаимодействие html/css и Javascript.
Инструменты разработчика. Chrome DevTools.
Особенности ECMAScript и Javascript.
Тема 2
Синтаксис Javascript/ECMAScript.
Типы данных.
Переменные и константы.
Операторы и выражения.
Управляющие конструкции: условия, сравнения, циклы.
Функции. Стрелочные функции.
Параметры, rest-, spread- операторы.
Callback-функции.
Применение итераторов и генераторов.
Тема 3
Обработка строк.
Функции для работы со строками.
Шаблонные литералы.
Тема 4
Применение массивов.
Функции для работы с массивами.
Объекты. Свойства и методы объектов.
Деструктуризация данных массива, объекта.
Тип  Symbol.
Типизированные массивы.
Коллекции: Set, Map, WeakSet, WeakMap.
Встроенные объекты, их методы.
Объект Date, Math.
Тема 5
Использование BOM, DOM.
Работа с DOM — узлы, атрибуты, стили.
Выбор элементов страницы.
Навигация по DOM.
Модификация узлов DOM.
Модификация дерева DOM.
Работа с окнами.
Тема 6
Организация обработки событий.
Виды событий.
События мыши, события клавиатуры, события браузера.
Объект события, его свойства.
Варианты обработки и блокировки событий.
Тема 7
Асинхронность Javascript/ECMAScript.
Организация работы таймеров.
Создание анимационных эффектов.
Тема 8
Что такое регулярные выражения.
Применение регулярных выражений в обработке строк.
Валидация и обработка форм.
Тема 9
Работа с localStorage. Применение сookie.
Тема 10
Технология ajax.
Формат JSON.
Сетевой обмен данными при помощи технологии ajax.
Применение  Promise.
Fetch API как альтернатива XMLHttpRequest.
Обзор возможностей WebSockets.
Тема 11
Объектно-ориентированное программирование в Javascript/ECMAScript.
Классы, свойства, методы.
Конструктор, инкапсуляция, наследование.
Обзор языка TypeScript.
Тема 12
Обзор js-frameworks.
Введение в шаблон MVC.
Обзор системы Node.js.
Тема 13
Обзор библиотеки jQuery. Выбор элементов. Фильтры.
Работа с элементами, страницей. jQuery и CSS.
Работа с событиями. jQuery: плагины, виджеты.
Работа с jQuery UI.
 Тема 14
Основы React.js
Разработка итогового задания