Курс Front End в Киеве
по 2-3 раза в неделю
с 19:00 до 22:00
и хотите освоить профессию с невысоким порогом вхождения
и оставить свою скучную работу
но хотите сменить профиль или расширить знания
но вам необходимо упорядочить знания
Придавать продуктам эффектный внешний вид, применяя HTML, CSS и JavaScript
Разбираться в основных инструментах и особенностях JavaScript
Работать с консолью разработчика и проверять код на предмет ошибок
Создавать анимации, прочие интерактивные элементы и добавлять их в продукт
Влиять на процесс оптимизации загрузки страницы и делать код более читабельным
Выгодно презентовать себя работодателю
Теории без практики
Устаревших механик работы
Пересказа чужих лекций и книг
Вопросов без ответов
Это будет увлекательно и эффективно!
(более 16 000 выпускников)
- Предназначение технологий
- Стек разработки для сайта
- Принцип работы «клиент-сервер»
- Консоль разработчика
- Текстовый редактор и IDE
- Что такое HTML, CSS, JS и их взаимодействие
- Базовые принципы верстки
- Знакомство с понятием тега и атрибута
- Обязательная структура любой веб-страницы
- Понятия строчных и блочных элементов веб страницы
- Понятия парных и непарных тегов;
- Семантические теги
- Спецсимволы
- Работа с тегами и атрибутами
- Работа с ссылками и якорями
- Работа с текстом и комментариями
- Работа с различными системами цветов в HTML
- Работа с изображениями
- Нумерованные и маркированные списки
- Работа с блоками (div)
- Таблицы
- Формы
- Элементы форм (инпуты)
- Айфреймы
- Подключение разных модулей к документу HTML
- Форматирование элементов HTML
- Что такое CSS?
- Базовые принципы написания стилей
- 3 способа добавления CSS на HTML-страницу
- Внешние таблицы стилей
- Относительные и статичные единицы измерения
- Работа со шрифтами (семейства, стили, размеры, насыщенность)
- Работа с границами элементов (бордер, радиус, тени)
- Работа с отступами и размерами элементов
- Градиенты
- Работа со свойствами float и clear
- Flex box
- Работа с фоном (изображения и цвет, размеры, прозрачность)
- Селекторы
- Продвинутые селекторы
- Приоритеты стилей
- Перезапись стилей
- Псевдоклассы, псевдоэлементы
- Работа с анимацией элементов
- Валидация
- Медиазапросы
- Установка полезных расширений для верстки
- Отладчик кода
- Работа с Git и хостинг на Git
- Адаптивная верстка
- Резиновая верстка
- Pixel perfect верстка
- Статичная верстка
- Кроссбраузерная верстка
- Смешанная верстка
- Понятие растровой и векторной графики
- Преимущества и особенности Figma
- Обзор панелей и инструментов
- Сетки
- Слои и компоненты
- Экспорт параметров и графики
- Редактирование элементов
- Построение сетки
- Работа с горизонтальным и вертикальным выравниванием
- Объединение элементов
- Методы работы с ячейками
- Подключение
- Правила и дерективы
- Управляющие директивы и выражения
- Использование миксинов
- Применение на практике
- Общая информация о языке и его особенности
- Справочники, спецификации и ссылки на них
- Консоль разработчика
- Внешние скрипты и порядок их подключения
- Переменные и правила их именования
- Типы данных и приведение типов
- Операторы сравнения и логические значения
- Условные операторы
- Логические операторы
- Конструкция switch
- Циклы ‘for’, ‘while’, ‘do…while’
- Рекурсия и понятие стека
- Понятие и синтаксис функции
- Функциональные выражения
- Области видимости
- Псевдомассив ‘arguments’
- Функции обратного вызова (callback)
- Перебирающие методы
- Внутреннее представление массивов
- Передача по ссылке
- Перебор свойств
- Стандартные встроенные объекты
- Работа с Git Bash
- Workflow от создания репозитория до его отправки на удаленный сервер
- Работа с ветками
- Работа с конфигурационными файлами
- Прототип объекта
- Свойство prototype
- Встроенные классы
- Функция — конструктор
- Наследование классов
- Внутреннее устройство метода ‘extend’ и полифилл ‘Object.create’
- Функциональное наследование
- Общая информация про ООП
- Инкапсуляция
- Полиморфизм
- Наследование
- Абстракция данных
- Понятие ‘класс’
- Работа с ‘this’ (4 способа использования)
- ES6 стандарт (стрелочные функции)
- ES6 let / const + var + hoisting
- Использование ‘call’, ‘apply’
- Дескрипторы, геттеры и сеттеры свойств
- Шаблон проектирования ‘Singletone’ через замыкание
- Сборщик мусора
- Общая информация про ‘window’, ‘navigator’, ‘document’, ‘location’, ‘history’
- Навигация по DOM элементам
- Свойства узлов
- Добавление и удаление узлов
- Работа со стилями
- Работа с координатами
- Введение в браузерные события
- Порядок обработки событий (Event Loop)
- Асинхронные события
- Работа с SetTimeout / SetInterval
- Всплытие и перехват
- Делегирование событий
- События с использованием мыши, клавиатуры и прокрутка
- Загрузка документа
- Формирование DOM пошагово
- Формирование Render Tree
- Порядок формирования CSSOM
- Оптимизация, минификация, работа с HTTP Cache
- Введение в HTTP протокол
- Преимущества и недостатки протокола
- Работа с AJAX
- Общая информация про RESTful API
- JSON
- CORS
- Promise + async await
- Cookies
- LocalStorage, sessionStorage
- IndexedDB (import / require)
- Manifest
- ServiceWorker
- Progressive Web Application
- Структура резюме
- Часто задаваемые вопросы
- Как вести себя на собеседовании
- Основные ошибки на собеседовании
- Урок английского языка №1
- Урок английского языка №2
- Урок поиска работы
Сделайте первые шаги в обучении под руководством практикующих специалистов!
Задача нашей команды — стать твоим проводником в мир IT, подготовить тебя к IT-карьере максимально эффективно и, как результат, изменить твою жизнь к лучшему. Мы выпустили уже более 16000 IT-специалистов.
Более детально о трудоустройстве с ITEA ты можешь почитать здесь.
В рамках обучения на курсе Front End мы предоставляем нашим студентам:
Обучение в формате просмотра стрима или записи занятий
Личный кабинет с доступом к материалам курса
Помощь преподавателя или ментора курса
Актуальную программу обучения