Курс Front End
После окончания обучения сможете претендовать на должность Junior Frontend Developer.
Frontend-разработчик отвечает за внешний вид продукта: за все цвета и шрифты, параллаксы и скроллинги, анимацию и другие мультимедиа на сайте. Конечно, структуру страниц обычно продумывает дизайнер, но именно программист должен реализовать идею и проследить, чтобы готовый проект соответствовал макету.
JavaScript — главный язык frontend-разработчиков в web, на котором они программируют пользовательские интерфейсы. Им часто приходится заниматься версткой сайтов: написанием HTML-кода и CSS-стилей для представления нужной информации. Именно поэтому для качественного фронтенда важно хорошее знание языков программирования, чистота кода и творческий подход к задачам.
В ходе курса вы освоите структуру страницы и существующие стили, научитесь работать с HTML и CSS, узнаете, как призадать странице тот или иной вид. После вы будете готовы к изучению более сложных вещей, таких как язык JavaScript, его синтаксис и возможности, фреймворки и другие дополнительные инструменты, способы решения различных задач. А после окончания обучения сможете смело претендовать на должность Junior Frontend Developer.
- Теории без практики
- Устаревших механик работы
- Пересказа чужих лекций и книг
- Вопросов без ответа
Это будет увлекательно и эффективно!
(более 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
- Структура резюме
- Часто задаваемые вопросы
- Как вести себя на собеседовании
- Основные ошибки на собеседовании
- Бонусное занятие по английскому языку
- Урок поиска работы

9+ лет опыта. Работает с такими технологиями, как HTML, CSS, JavaScript, jQuery и многими другими. Научит, как правильно верстать сайты и поделится лайфхаками из собственного опыта в сфере веб-дизайна и Front end.

4+ года опыта. В совершенстве знает JavaScript, CSS3, HTML5, WordPress REST API, Bootstrap, Google Maps API, а также разбирается в принципах разработки гибкого дизайна и внедрении мобильного дизайна в приложения и веб-страницы.

Опыт 2 года как .NET/C# разработчик. Проходил обучение в НТУУ КПИ им. Сикорского и UNIT Factory. Работал в компаниях Business Technology и Smart IT. Технологии, с которыми работает Владислав: C# and .NET Framework, SQL, WPF, WinForms, WCF, RabbitMQ/EasyNetQ, Microservices.

Познакомился с миром web-разработки, когда получал второе высшее образование по направлению «Системное программирование».
Работал в крупнейшей автобизнес-компании Украины ViDi-Group. Принимал участие в разработке дилерских сайтов для Toyota, Ford, Lexus, Infiniti и т.д.
Опытный преподаватель. Стек знаний: HTML (emmet, pug), CSS (sass, bootstrap), JavaScript (jQuery, vue.js, vuex, vue-router, nuxt.js, react.js), PHP (Wordpress, Symfony).
- Обучение в формате просмотра стрима или записи занятий
- Личный кабинет с доступом к материалам курса
- Помощь ментора курса
- Актуальную программу обучения

