Доступно [Skillbox] Профессия Frontend-разработчик, 2019

​

Курс идеально подойдет
Новичкам в разработке
Если вас привлекают интернет-технологии, и вы хотите начать развиваться в этом направлении, мы поможем вам освоить профессию мобильного разработчика. Вы научитесь создавать собственные проекты и начнете реальную карьеру.

Разработчикам с начальным уровнем
Для тех, кто уже знаком и умеет разрабатывать страницу на HTML и CSS, но не готов останавливаться в изучении программинга. Курс Skillbox уже структурировал знания, где больше времени отводится практике, чем нёрдовской теории. Преподаватели на пальцах расскажут базовые основы языка и его синтактиса, научат создавать визуальные интерактивные элементы и помогут разработать первый веб-проект на JavaScript.

Программа курса :
1. Веб верстка
1.
Вводный модуль

• Как работают сайты. Backend и frontend. Вёрстка.
• Как выглядит и из чего состоит код веб-страницы.
• Установка редактора кода Sublime Text.
• Простая веб-страница на HTML. Тэги и атрибуты.
• CSS-стили. Селекторы, параметры и значения.

2.
HTML

• Структура HTML5-документа.
• Обзор и демонстрация работы основных HTML-тэгов.
• Вёрстка веб-форм. Поля и кнопки. Валидация форм.
• Таблицы и табличная вёрстка.
• Семантическая вёрстка. Стандарты и валидность.

Спойлер: Продолжение описания

3.
Основы CSS

• Как можно задавать стили. Селекторы.
• Отступы, поля, размеры и единицы измерения.
• Inline- и block-элементы, свойство display.
• Обтекание, позиционирование и слои.
• Блочная вёрстка.
• Цвета, шрифты, фон и границы.

4.
Основы JavaScript

• Что такое JavaScript и как его подключать к веб-странице.
• Библиотека jQuery. Управление стилями элементов.
• Обработка событий.
• Работа с DOM, изменение, добавление и удаление элементов.
• Отображение и скрытие элементов, анимация.
• Работа с сетью, получение и отправка данных.
• JavaScript-фреймворки.

5.
Адаптивность и кроссбраузерность

• Ширина экрана и “резиновость” сайта.
• Media-запросы.
• Flexbox.
• Шаги адаптивности и сетки.
• Разнообразие браузеров и их особенности.
• Инструменты проверки и обеспечения адаптивности и кроссбраузерности.

6.
Оформление

• Фон, прозрачность и градиенты.
• Границы, аутлайны и тени.
• Шрифты и оформление текста. Типографика и спецсимволы.
• Стили указателей.
• Изображения. Форматы, сжатие, cпрайты, iconfonts. Favicon.
• Рисование на веб-странице. SVG и Canvas.

7.
Advanced CSS

• Сложные селекторы. Свойство !important
• Псевдо-классы и псевдо-элементы.
• Трансформации, переходы и анимации.
• Стандарты именования в CSS. Методология БЭМ.
• Библиотеки стилей: Bootstrap, Semantic UI, Material UI.
• Шаблонизаторы (Twig, Haml) и препроцессоры (SASS, LESS, Stylus).

8.
Инструменты верстальщика

• Размещение своих работ в Интернете. Домен и хостинг.
• Инструменты командной разработки. Таск-трекеры и Git.
• Сборщики, минификаторы и оптимизаторы проектов.
• Инструменты прототипирования.
• Другие среды разработки. NetBeans, WebStorm.
• Дипломная работа.

2. JavaScript с нуля
1.
Знакомство с языком

• Что умеет JavaScript и почему он так популярен?
• Инструменты разработчика
• Hello, world!
• Синтаксис языка

2.
Основы

• Числа
• Строки
• Логические (булевые) значения
• NaN (Not a Number)
• Infinity
• Математические операторы
• Переменные
• Преобразование типов
• Условия
• Циклы

3.
Функции

• Объявление и вызов функций
• Аргументы
• Локальные и глобальные переменные
• Hoisting
• Возвращаемые значения
• Рекурсия

4.
Массивы и объекты

• Понятие объектов
• Объекты в JavaScript
• Перебор свойств объекта
• Массивы
• Стандартный объект Math
• Стандартный объект String
• Стандартный объект Array
• Стандартный объект Date

5.
Замыкания

• Глобальный объект window
• Сборщик мусора
• Замыкания
• IIFE

6.
Объекты и конструкторы

• Функции-конструкторы
• Контекст вызова
• Привязка контекста (call, apply и bind)

7.
Объектно-ориентированное программирование

• ООП. Наследование, инкапсуляция, полиморфизм
• Функциональное наследование
• Прототипное наследование
• Прототипы стандартных объектов

8.
Разное

• Объект arguments
• setTimeout и setInterval
• Выполнение кода через eval
• Обработка исключений (throw, catch)
• Регулярные выражения
• Строгий режим (strict mode)

9.
JavaScript в браузере, DOM

• DOM
• Порядок выполнения скриптов
• Селекторы
• Свойства и методы элементов
• События и обработчики
• Погружение и всплытие событий

10.
Web API

• Console
• Window
• Селекторы
• Document
• Информация о браузере и истории переходов
• LocalStorage и SessionStorage
• ContentEditable
• Разнообразие Web API

11.
Клиент и сервер

• Клиент-серверное взаимодействие
• Запуск локального сервера
• AJAX и callback
• JSON и Promise
• API и WebSocker

12.
jQuery

• Библиотека jQuery. Интро
• Библиотеки и frameworks. Интро
• Возможности jQuery
• Анимация
• AJAX
• Плагины

13.
Расширенный материал: Современный JavaScript, ES 2015

• История стандарта ECMAScript. Интро
• Транспиляция и полифиллы
• Let и const
• Деструктуризация
• Rest и spread
• Template strings
• Стрелочные функции и параметры по умолчанию
• Классы и наследование

14.
Расширенный материал: Сборка проектов

• Что такое сборка проектов и для чего она нужна?
• Node.js
• npm
• Gulp
• Webpack

15.
Расширенный материал: React

• DOM и императивный подход. Интро
• React и декларативный подход
• Подготовка рабочего пространства
• Простое React-приложение
• Разделение на компоненты

16.
Расширенный материал: Redux

• Ключевые принципы Redux
• Установка зависимостей и разделение на компоненты
• Создание store и reducers
• Создание actions
• Запуск приложения

17.
Предэкзаменационные материалы: Бонус

• Библиотеки и фреймворки 2017
• Развитие стандарта ECMAScript
• Тестирование кода