Фронтенд разработчик
====================

Добро пожаловать на курс обучения Фронтенд разработчика!

Здесь мы предлагаем вам структурированный курс, который научит вас всему, что вам необходимо знать, чтобы стать фронтенд разработчиком. Изучение в рекомендуемом порядке каждого раздела позволит получить новые навыки, или улучшить имеющиеся. Также в каждом разделе вы найдёте упражнения и тесты. Прежде чем переходить к следующей теме обязательно проверьте себя.

Основные темы
-------------

В курсе рассматриваются темы:

* Базовая настройка и как правильно проходить курс
* Веб-стандарты и лучшие решения (такие как доступность и кросс-браузерная совместимость)
* HTML, язык, описывающий структуру и смысл контента
* CSS, язык, используемый для оформления страниц
* JavaScript, язык сценариев, используемый для создания динамических функций в веб содержимом
* Инструменты, используемые для облегчения современной веб-разработки на стороне клиента.

Различные разделы предназначены для проработки по порядку, но каждый из них также самодостаточен. Если вы, к примеру, уже хорошо знакомы с HTML, то можете перейти к разделу CSS.

Необходимые условия
-------------------

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

Если вы не уверены, подходит ли вам фронтенд разработка и/или вы хотите получить подробное представление, то прежде чем начинать полный курс, вам следует сначала изучить наш раздел Начало работы с веб модулем.

Получить помощь
---------------

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

Не беспокойтесь. Мы все иногда застреваем, и начинающие, и профессиональные веб-разработчики. Статья Обучение и получение помощи предоставит вам серию советов и подсказок для поиска информации и помощи самому себе. Если вы всё ещё в замешательстве, задайте вопрос по возникшей проблеме на нашем Форуме.

Давайте начнём,

Удачи!

Путь обучения
-------------

### Начало работы

Время изучения: 1–2 часа

#### Необходимые условия

Ничего, кроме базовой компьютерной грамотности.

#### Как понять, что я могу двигаться дальше?

В этой части курса нет оценок, но обязательно убедитесь, что вы ничего здесь не пропустили — важно всё настроить и подготовиться к выполнению упражнений в дальнейшем.

#### Основные руководства

* Установка базового программного обеспечения— базовая настройка инструмента (15 минут чтения)
* История всемирной сети и веб-стандартов (45 минут чтения)
* Обучение и получение помощи (45 минут чтения)
### Семантика и структура с HTML

Время завершения: 35–50 часов

#### Необходимые условия

Ничего, кроме базовой компьютерной грамотности и базовой среды разработки веб-приложений.

#### Как понять, что я могу двигаться дальше?

Оценки в каждом модуле предназначены для проверки ваших знаний по предмету - завершение каждого из них докажет, что вы можете перейти к следующему модулю.

#### Основные модули

* Введение в HTML (15–20 часов чтения/упражнений)
* Мультимедиа и встраивание (15–20 часов чтения/упражнений)
* HTML таблицы (5–10 часов чтения/упражнений)
### Стилизация и размещение с помощью CSS

Время завершения: 90–120 часов

#### Необходимые условия

Рекомендуется иметь базовые знания HTML перед началом изучения CSS. Сначала вы должны изучить Введение в HTML.

#### Как понять, что я могу двигаться дальше?

Оценки в каждом модуле предназначены для проверки ваших знаний по предмету - завершение каждого из них докажет, что вы можете перейти к следующему модулю.

#### Основные модули

* Первые шаги в CSS (10–15 часов чтения/упражнений)
* Структурные элементы CSS (35–45 часов чтения/упражнений)
* Стилизирование текста (15–20 часов чтения/упражнений)
* CSS разметка (30–40 часов чтения/упражнений)

#### Дополнительные ресурсы

* Книга рецептов CSS
### Интерактивность с JavaScript

Время завершения: 135–185 часов

#### Необходимые условия

Рекомендуется иметь базовые знания HTML перед началом изучения JavaScript. Сначала вы должны изучить Введение в HTML.

#### Как понять, что я могу двигаться дальше?

Оценки в каждом модуле предназначены для проверки ваших знаний по предмету - завершение каждого из них докажет, что вы можете перейти к следующему модулю.

#### Основные модули

* Первые шаги в JavaScript (30–40 часов чтения/упражнений)
* Структурные элементы Javascript (25–35 часов чтения/упражнений)
* Клиентский веб API (30–40 часов чтения/упражнений)
* Введение в объекты Javascript (25–35 часов чтения/упражнений)
* Асинхронный Javascript (25–35 часов чтения/упражнений)
### Веб формы — Работаем с данными пользователя

Время завершения: 40–50 часов

#### Необходимые условия

Для эффективного использования форм требуется знание HTML, CSS и JavaScript. Они сложны и поэтому рассматриваются отдельно.

#### Как понять, что я могу двигаться дальше?

Упражнения и оценки в каждом модуле предназначены для проверки ваших знаний по предмету - завершение каждого из них докажет, что вы можете перейти к следующему модулю.

#### Основные модули

* Веб формы (40–50 часов)
### Заставляем веб работать для всех

Время завершения: 60–75 часов

#### Необходимые условия

Рекомендуется ознакомиться с HTML, CSS и JavaScript перед началом работы с этим разделом - многие из техник и лучших практик используются в нескольких технологиях.

#### Как понять, что я могу двигаться дальше?

Упражнения и оценки в каждом модуле предназначены для проверки ваших знаний по предмету - завершение каждого из них докажет, что вы можете перейти к следующему модулю.

#### Основные модули

* Кросс-браузерное тестирование (25–30 часов чтения/упражнений)
* Доступность (20–25 часов чтения/упражнений)
### Современные инструменты

Время завершения: 55–90 часов

#### Необходимые условия

Рекомендуется ознакомиться с HTML, CSS и JavaScript перед началом работы с этим разделом, так как обсуждаемые инструменты работают со многими из этих технологий.

#### Как понять, что я могу двигаться дальше?

В этом наборе модулей нет специальных статей для оценки, но учебные примеры в конце 2-го и 3-го модулей хорошо подготовят вас к пониманию основ современного инструментария.

#### Основные модули

* Git и Github (5 часов чтения)
* Понимание инструментов на стороне клиента (en-US) (20–25 часов чтения/упражнений)
* Понимание JavaScript-фреймворков для фронтенда (30-60 часов чтения/упражнений)