Стать фронтенд-разработчиком

1. htmlook.ru ("Введение в HTML 5")
2. htmlacademy.ru
3. webref.ru ("Самоучитель HTML")

1. htmlbook.ru ("Самоучитель CSS", "Введение в CSS3")
2. htmlacademy.ru ("Основы CSS")
3. webref.ru ("Основы CSS", "Блочная модель в CSS", "Текст в CSS", "Позиционирование в CSS", "Продвинутый CSS")
4. uroki-css.ru ("Простое введение в анимацию CSS 3")
5. "Большая книга CSS3" Дэвид Макфарланд
6. "CSS. Каскадные таблицы стилей. Подробное руководство" Эрик Майер
7. https://ru.bem.info/methodology/

1. 24 часа верстки.
2. Минимум 10 макетов.

Понимание:

• Списки
• Хеш-таблица
• Стек
• Очередь
• Граф
• Связный список
• Деревья
• Двоичное дерево поиска

Статьи:

• Структуры данных для самых маленьких

Книги:

• Совершенный код (Стив Макконнелл) глава 12 Основные типы данных
• Структура и интерпретация компьютерных программ (Харольд Абельсон, Джеральд Джей Сассман)

Усвоить понятия:

• Класс
• Объект
• Абстракция данных
• Инкапсуляция
• Наследование
• Полиморфизм

Книга:

• Объектно-ориентированное конструирование программных систем (Бертран Мейер)

Усвоить понятия:

• Абстракция данных
• Функция высшего порядка
• Чистые функции
• Рекурсия
• Замыкания
• Неизменяемый объект

Статьи:

• Функциональное программирование для всех (habrahabr)
• Умение видеть абстракции (habrahabr)

Книга:

• Структура и интерпретация компьютерных программ (Харольд Абельсон, Джеральд Джей Сассман)

Усвоить понятия:

• Ветвления
• Слияние
• Конфликты и их разрешение
• Версии проекта, теги
• Базовые принципы разработки ПО в VCS
• Ежедневный цикл работы

Курс:

• Git How To

Книга:

• Pro Git (Scott Chacon, Ben Straub)

Цель - понять, как браузер взаимодействует с веб-сервером.

Усвоить понятия:

• User-agent
• DNS
• Отличия HTTP 2.0 от версий 1.x
• Тело HTTP-запроса
• Передача данных
• Отправка форм
• Transfer-Encoding
• Перенаправления
• Базовая аутентификация
• Cookies

Статьи:

• Простым языком об HTTP (habrahabr)
• HTTP: протокол, который каждый разработчик должен знать (часть 1)
• HTTP: протокол, который каждый разработчик должен знать (часть 2)
• HTTP запрос
• HTTP ответ

Курс:

• Протокол HTTP (Hexlet)

Виды тестов:

• Блочное тестирование (модульное, unit testing)
• Интеграционное тестирование
• Системное тестирование

Изучить методологии:

• Разработка через тестирование (TDD)
• разработка, основанная на функционировании (BDD)

Статьи:

• Виды тестирования и подходы к их применению (habrahabr)
• Test-Driven Development — телега или лошадь? (habrahabr)

Уязвимости:

• SQL-инъекция
• Межсайтовый скриптинг или XSS
• Демонстрация ошибок пользователю
• Доступность данных о характеристиках системы пользователю
• Инъекция через загрузку файлов
• E-mail-инъекция
• Кража сессии

Книга:

• Секреты хакеров. Безопасность Web-приложений - готовые решения (Джоел Скамбрэй, Майк Шема)

Статья:

• Top 5 уязвимостей PHP безопасности

1. Неделя 1
2. Неделя 2
3. Неделя 3
4. Неделя 4
5. Неделя 5
6. Неделя 6
7. Неделя 7
8. Неделя 8
9. Неделя 9
10. Неделя 10
11. Неделя 11
12. Неделя 12
13. Неделя 13
14. Неделя 14
15. Неделя 15
16. Неделя 16
17. Неделя 17
18. Неделя 18
19. Неделя 19
20. Неделя 20
21. Неделя 21
22. Неделя 22
23. Неделя 23

Познакомиться с такими понятиями как:

• Переменные
• Типы данных
• Функции
• Рекурсия
• Замыкания
• Область видимости
• Объекты
• События
• DOM

Документации, книги:

• Eloquent JavaScript
• learn.javascript
• ECMAScript 6 features

Усвоить понятия:

• Адаптивный веб-дизайн
• Отзывчивый веб-дизайн
• Media queries
• Mobile first
• Graceful degradation
• RESS

Статьи:

• 9 отличий адаптивного дизайна от «резинового» в GIF-картинках
• Сравнение методов создания мобильных версий сайтов (habrahabr)

Цель - познакомиться с наиболее популярными библиотеками JavaScript. Знать где и когда их применять.

Список библиотек:

• jQuery
• Underscore - набор полезных функций
• Modernizr - обнаруживает HTML5 и CSS3 функции в браузере пользователя
• Babel - компилятор для написания JavaScript следующего поколения
• Vue - создание интерактивных интерфейсов
• Three - 3D
• WOW - анимация при прокрутки страницы
• Moment - Работа с датой и временем
• Mocha - написание тестов

Список наиболее популярных библиотек - Javascripting

Усвоить понятия:

• Переменные
• Миксины
• Функции
• Импорт
• Минификация

Список препроцессоров CSS:

• Sass/Scss
• Less
• Stylus

Статьи:

• Руководство по написанию разумного, поддерживаемого и масштабируемого Sass

Список пакетных менеджеров:

• Bower
• npm
• Yarn

Статьи:

• Пакетный менеджер (Backend)
• npm для простых смертных (habrahabr)

Список фреймворков:

• Bootstrap
• Skeleton
• Foundation

Статьи:

• Длинная телега про Бутстрап

Список фреймворков:

• ReactJS
• AngularJS
• Backbone
• Ember

Изучить:

• JavaScript фреймворки
• Роутинг
• Шаблонизатор
• API, например REST
• AJAX

Статьи:

• Одностраничное приложение (wikipedia)
• Пишем single-page web application framework в 60 строках кода (habrahabr)

1. Создание веб-сайта. Курс молодого бойца
2. Слова, часто используемые в CSS-классах