Личный марафон усовершенствования себя (frontend + english + me)

Курс Веб-программирование

1. Неделя 1. 04.09-10.09 (24.09) Введение в веб-технологии

2. Неделя 2. 11.09-17.09 (01.10) Знакомство с HTML

3. Неделя 3. 18.09-24.09 (08.10) Знакомство с CSS

4. Неделя 4. 25.09-01.10 (15.10) Разметка

5. Неделя 5. 02.10-08.10 (22.10) Графический редактор для веб-разработчика

6. Неделя 6. 09.10-15.10 (29.10) Сетки

7. Неделя 7. 16.10-22.10 (05.11) Позиционирование

8. Неделя 8. 23.10-29.10 (12.11) Декоративные элементы

9. Неделя 9. 30.10-05.11 (19.11) Стилизация элементов содержания

10. Неделя 10. 06.11-12.11 (26.11) Публикация проекта

Закончить все курсы на https://htmlacademy.ru/

1. Примеси в LESS

2. Знакомство с SVG

3. Оформление SVG-фигур

4. Кексби. Четвертьфинал

5. Кексби. Полуфинал

6. Кексби. Финал

Изучить редакторы кода

Прохождение бесплатных курсов

1. Введение в программирование

2. Основы программирования

3. Жизнь программиста

4. Введение в веб-разработку

5. JS: подготовка к работе

6. Системы контроля версий (GIT)

7. Логика

8. Bash: Основы командной строки

9. Операционные системы

Пройти тесты на Htmlacademy

1. Испытание 1: фигурное катание, спортивные пары

2. Испытание 2: медальный зачёт

3. Испытание 3: фильтры по цене

4. Испытание 1: красивая форма входа

5. Испытание 2: слайдер

6. Испытание 3: товары в каталоге

Пройти тесты на GeekBrains

1. Основы программирования. Начальный уровень

2. HTML&CSS. Начальный уровень

3. HTML&CSS. Средний уровень

4. HTML&CSS. Сложный уровень

5. HTML&CSS. Спортивный тест

6. JavaScript. Начальный уровень

7. JavaScript. Средний уровень

8. JavaScript. Сложный уровень

9. JavaScript. Спортивный тест

10. Английский язык. Pre-intermediate

11. Английский язык. Intermediate

12. Английский язык. Upper-intermediate

Практикумы на ITVDN

1. HTML & CSS. Урок 1

2. HTML & CSS. Урок 2

3. HTML & CSS. Урок 3

4. HTML & CSS. Урок 4

5. HTML & CSS. Урок 5

6. HTML & CSS. Урок 6

7. HTML & CSS. Урок 7

8. JavaScript для начинающих. Урок 1

9. JavaScript для начинающих. Урок 2

10. JavaScript для начинающих. Урок 3

11. JavaScript для начинающих. Урок 4

12. JavaScript для начинающих. Урок 5

Решать задачки

1. https://vk.com/zadachi_css - примерно 140 задач

2. http://www.itmathrepetitor.ru/zadachi-po-html-i-css/ - примерно 120 задач

3. http://theory.phphtml.net/ - около 100 задач

4. http://flukeout.github.io/ - задачник на английском

Пройти (или просмотреть) для повторения / закрепления знаний

1. Введение в HTML

2. Установка Notepad++

3. Синтаксис HTML-элемента

4. HTML-атрибуты

5. HTML-заголовки и текст

6. Форматирование текста

7. HTML-ссылки и еще о форматировании

8. HTML-тег HEAD и его содержимое

9. Вставка изображений

10. Создание HTML-таблиц

11. Создание HTML-списков

12. Создание HTML-форм

13. Блочные и строчные элементы

14. Основы CSS и блочной верстки

15. Поговорим о JavaScript

16. Заключение

17. Введение в курс

18. Новый редактор с подсветкой

19. Основы CSS-синтаксиса

20. Идентификаторы и классы

21. Приоритет стилей

22. Изменение фона на CSS

23. Оформление текста

24. Еще об оформлении текста

25. Оформление HTML-списков

26. Создание горизонтального меню

27. Выпадающее меню на CSS

28. Относительное и абсолютное позиционирование

29. Разделение ряда на блоки

30. Фиксированное позиционирование

31. Псевдо-классы CSS

32. Псевдо-элементы CSS

33. Комбинаторы селекторов в CSS3

34. Селектор атрибута

35. Использование спрайтов

36. @media и адаптивная верстка

37. Изучение CSS Разметки (20 пунктов)

38. пособия по HTML (рус.) от Mozilla Developer Network (MDN) - https://developer.mozilla.org/ru/docs/Web/Guide/HTML/Introduction

39. пособия по CSS (рус.) от Mozilla Developer Network (MDN) - https://developer.mozilla.org/ru/docs/Web/Guide/CSS/Getting_started/What_is_CSS

40. можно ещё посмотреть уроки Евгения Попова

Так же для повторения (можно смотреть, когда не могу кодить)

1. Уроки по CSS/CSS3. Часть 1. Введение

2. Уроки по CSS/CSS3. Часть 2. Основные понятия

3. Уроки по CSS/CSS3. Часть 3. Селекторы

4. Уроки по CSS/CSS3. Часть 4. Позиционирование элементов

5. Уроки по CSS/CSS3. Часть 5. Текст

6. Уроки по CSS/CSS3. Часть 6. Цвет

7. Уроки по CSS/CSS3. Часть 7. Рамки

8. Уроки по CSS/CSS3. Часть 8. Закругленные углы (border-radius)

9. Уроки по CSS/CSS3. Часть 9. Треугольники

10. Уроки по CSS/CSS3. Часть 10. Фон и множественные фоны

11. Уроки по CSS/CSS3. Часть 11. Спрайты

12. Уроки по CSS/CSS3. Часть 12. Плавающие элементы (float) и clearfix

13. Уроки по CSS/CSS3. Часть 13. Списки

14. Уроки по CSS/CSS3. Часть 14. Тени (box-shadow)

15. Уроки по CSS/CSS3. Часть 15. Плавные переходы (transition)

16. Уроки по CSS/CSS3. Часть 16. Градиенты

17. Уроки по CSS/CSS3. Часть 17. Трансформации (transform)

18. Уроки по CSS/CSS3. Часть 18. Трехмерный куб на CSS3

19. Уроки по CSS/CSS3. Часть 19. Анимации (animation)

20. Уроки по CSS/CSS3. Часть 20. @font-face

21. Уроки по CSS/CSS3. Часть 21. Медиазапросы (media queries)

22. Уроки по CSS/CSS3. Часть 22. Верстка сайтa

23. Уроки по CSS/CSS3. Часть 23. Многоколоночный текст

Препроцессоры для CSS

1. SASS – документация - http://sass-lang.com/guide

2. Sass для самых маленьких - подробное руководство - https://www.youtube.com/watch?v=H4cG4tbc-xQ

3. LESS – документация - http://lesscss.org/

4. Построцессоры! PostCSS - http://postcss.org/

Фреймворки

1. документация Вootstrap на русском - http://getbootstrap.ru/

2. Bootstrap - http://getbootstrap.com/

3. Skeleton - http://getskeleton.com/

4. Foundation - http://foundation.zurb.com/

УРОКИ ПО CSS-ФРЕЙМВОРКУ BOOTSTRAP 3

1. Установка фрэймворка

2. Система сеток

3. Настройка сетки

4. Адаптивная навигация

5. Положение меню и выпадающее меню

6. Слайдер контента

7. Шрифтовые иконки

8. Классы для кнопок

9. Группировка кнопок

10. Кнопки с выпадающим меню

11. Создание вкладок

12. Создание спойлера

13. Создание аккордеона

14. Создаем модальное окно

15. Форма авторизации в навигации

16. Индикаторы прогресса

17. Создание страницы записей

18. Создание сетки masonry

19. Постраничная навигация

20. Хлебные крошки и футер

21. Подсказки и всплывающие окна

Изучить как пользоваться Google Fonts

1. http://2web-master.ru/rukovodstvo-po-google-font-api.html - на русском

2. Загрузка своего шрифта - https://webref.ru/layout/html5-css3/text/font-fac...

3. Подключение шрифта к странице: как нужно делать сейчас - http://nicothin.pro/page/web-fonts

4. https://css-tricks.com/snippets/css/basics-of-google-font-api/ - на английском

Вёрстка макетов PSD

1. макет 1

2. макет 2

3. макет 3

4. макет 4

5. макет 5

Современный учебник Javascript

1. Введение

2. Основы JavaScript

3. Качество кода

4. Структуры данных

5. Замыкания, область видимости

6. Методы объектов и контекст вызова

7. Некоторые другие возможности

8. ООП в функциональном стиле

9. ООП в прототипном стиле

10. Современные возможности ES-2015

11. Документ и объекты страницы

12. Основы работы с событиями

13. События в деталях

14. Формы, элементы управления

15. Создание графических компонентов

16. AJAX и COMET

17. Анимация

18. Оптимизация

19. Окна и Фреймы

20. CSS для JavaScript-разработчика

21. Регулярные выражения

22. О всякой всячине

Практика по JS с ВК

1. день 1-10

2. день 11-20

3. день 21-30

4. день 31-40

5. день 41-50

6. день 51-60

7. день 61-70

8. день 71-80

9. день 81-90

10. день 91-100

Основы JavaScript

1. Javascript-джедай #1 - Введение

2. Javascript-джедай #2 - Инструкции

3. Javascript-джедай #3 - Выражения и операторы

4. Javascript-джедай #4 - Типы данных и переменные

5. Javascript-джедай #5 - Числа

6. Javascript-джедай #6 - Строки

7. Javascript-джедай #7 - Логические значения

8. Javascript-джедай #8 - null и undefined

9. Javascript-джедай #9 - Преобразование типов

10. Javascript-джедай #10 - Условные инструкции

11. Javascript-джедай #11 - Условный оператор

12. Javascript-джедай #12 - Циклы

13. Javascript-джедай #13 - Функции

14. Javascript-джедай #14 - Цепочки областей видимости

15. Javascript-джедай #15 - Замыкания

16. Javascript-джедай #16 - Обработка исключений

17. Javascript-джедай #17 - Объекты

18. Javascript-джедай #18 - this и непрямой вызов методов

19. Javascript-джедай #19 - Аксессоры и атрибуты свойств

20. Javascript-джедай #20 - Прототипы и наследование

21. Javascript-джедай #21 - Конструкторы и классы

22. Javascript-джедай #22 - Цепные вызовы методов

23. Javascript-джедай #23 - JSON Sorax

24. Javascript-джедай #24 - Массивы

25. Javascript-джедай #25 - ES5 методы массивов

26. Javascript-джедай #26 - Объект Math

27. Javascript-джедай #27 - Класс Date

28. Javascript-джедай #28 - Регулярные выражения

29. Javascript-джедай #29 - Класс RegExp

30. Javascript-джедай #30 - Strict Mode

31. Javascript-джедай #31 - Выполнение JS в браузере

32. Javascript-джедай #32 - Window

33. Javascript-джедай #33 - Location

34. Javascript-джедай #34 - History, Screen, Navigator

35. Javascript-джедай #35 - DOM

Основы javascript

1. Основы Javascript 1 - Типы данных

2. Основы Javascript 2 - Примитивные и объектные данные. Обертки

3. Основы Javascript 3 - Statements (инструкции), expressions (выражения), operators (операторы)

4. Основы Javascript 4 - условные и логические операторы.

5. Основы Javascript 5 - числа

6. Основы Javascript 6 - строки

7. Основы Javascript 7 - Boolean, null, undefined.

8. Основы Javascript 8 - Преобразования типов данных.

9. Основы Javascript 9 - Объекты

10. Основы Javascript 10 - Массивы

11. Основы Javascript 11 - Циклы

12. Основы Javascript 12 - Функции

13. Основы javascript 13 - Область видимости переменных (scope)

14. Основы javascript 14 - Замыкание (closure)

15. Основы javascript 15 - Объект window и BOM (объектная модель браузера)

16. Основы javascript 16 - DOM (объектная модель документа)

17. Основы javascript 17 — Создание элементов динамически.

18. Основы javascript 18 — Изменение стилей элемента.

19. Основы javascript 19 — Анимация и таймеры

20. Основы javascript 20 - Знакомство с событиями

21. Основы javascript 21 - стандартная модель событий

22. Основы javascript 22 — модель событий Internet Explorer

23. Основы javascript 23 — кросс-браузерные события

24. Основы javascript 24 - Делегирование событий

Кроме того, относительно JS

1. JS - правильный путь - http://jstherightway.org/ru-ru/

2. Базовый JS - https://vk.com/glo_academy?z=video-123083697_456239074

3. Учебник JavaScript для новичков от Трепачёва Дмитрия - http://theory.phphtml.net/books/javascript/

4. Видео уроки на английском: Lynda.com | JavaScript (2011-2014) [PCRec] [EN] - http://nnm-club.name/forum/viewtopic.php?t=800863

Библиотеки JS

1. рассмотреть существующие и самые популярные из них

2. 30 легковесных JavaScript плагинов и библиотек - https://habrahabr.ru/post/309430/

3. JavaScript библиотеки 2017 - http://wordyblend.com/javascript-библиотеки-2017/

4. 50 лучших JavaScript плагинов и библиотек из 2016 года - http://waksoft.susu.ru/blog/2016/12/14/50-luchshih-javascript-plaginov-i-bibliotek-

5. выбрать основную для изучения

Angular курс - как начать работать

1. Angular курс - #1 - Как начать работать (script tag)

2. Angular курс - #2 - Как начать работать (plnkr.co)

3. Angular курс - #3 - Как начать работать (System.js)

4. Angular курс - #4 - Как начать работать (Angular CLI)

5. Angular курс - #5 - Как начать работать (Angular Class Webpack)

AngularJS уроки

1. Angular - #1 - Дата биндинг

2. Angular - #2 - Контроллеры

3. Angular - #3 - Обмен данными между контроллерами

4. Angular - #4 - Определение метода в контроллере

5. Angular - #5 - Вложенные контроллеры

6. Angular - #6 - Controller as синтаксис

7. Angular - #7 - Пишем простую директиву

8. Angular - #8 - Фильтры

9. Angular - #9 - Ограничения (Restrictions) в директивах

10. Angular - #10 - Шаблоны в директивах

11. Angular - #11 - Transclude в директивах

12. Angular - #12 - TemplateUrl в директивах

13. Angular - #13 - Кешируем шаблоны

14. Angular - #14 - Общение контроллера и директивы

15. Angular - #15 - Scope true в директивах

16. Angular - #16 - Изолированый скоуп в директивах

17. Angular - #17 - Transclude element в директивах

18. Angular - #18 - http запросы

19. Angular - #19 - Angular-mocks

20. Angular - #20 - Compile в директивах

21. Angular - #21 - Ng-cloak и ng-bind

22. Angular - #22 - Как делать переходы по страницам с помощью ngRoute

23. Angular - #23 - Ng route. Пишем мини блог с помощью $routeParams

24. Angular - #24 - Отслеживание событий роутера ngRoute

25. Angular - #25 - Тестируем фабрики в AngularJS - Monsterlessons.com

Angular - ещё кое-что

1. Руководство по Angular - https://metanit.com/web/angular2/

2. Что стоит почитать об Angular 2 - https://habrahabr.ru/post/309300/

3. Лучшие ресурсы для изучения Angular 2 с нуля - https://proglib.io/p/learning-angular2/

React

1. React.js курс для начинающих - https://maxfarseer.gitbooks.io/react-course-ru/content/

2. Руководство по React - https://metanit.com/web/react/

3. Знакомство с React и JSX - https://webformyself.com/znakomstvo-s-react-i-jsx/

4. ReactJS для глупых людей - https://habrahabr.ru/post/249107/

5. Redux-in-russian - https://github.com/rajdee/redux-in-russian

6. С 0 до 1. Разбираемся с Redux - https://habrahabr.ru/post/269831/

ReactJS уроки

1. React - #1 - react-create-app - пишем простой компонент

2. React - #2 - локальный стейт

3. React - #3 - пробрасываем данные из парент компонента в чайлд с помощью props

4. React - #4 - Валидация react props с помощью PropTypes

5. React - #5 - как работать с формами

6. React - #6 - react css - компонентый подход

7. React - #7 - refs

8. React - #8 - react-router

9. React - #9 - функциональные компоненты

10. React - #10 - пишем CSS в Javascript

React – Flux & Redux. Пошаговое Руководство

1. Алгоритм работы с React & Redux – с чего начать?

2. Создаем приложение “Органайзер” с помощью React, Redux и Immutable.js

3. React – Flux & Redux. Пошаговое Руководство, Часть 1

4. React – Flux & Redux. Пошаговое Руководство, Часть 2

5. React – Flux & Redux. Пошаговое Руководство, Часть 3

6. React – Flux & Redux. Пошаговое Руководство, Часть 4

Redux React уроки

1. Redux React - #1 - Вступление

2. Redux React - #2 - отрисовываем елементы из store

3. Redux React - #3 - connect в react-redux

4. Redux React - #4 - триггер событий

5. Redux React - #5 - redux-devtools

6. Redux React - #6 - combineReducers

7. Redux React - #7 - реализуем поиск в приложении

8. Redux React - #8 - асинхронные екшены с помощью redux-thunk

9. Redux React - #9 - роутинг с помощью react-router-redux

React JS Tutorials - на английском

1. REACT JS TUTORIAL #1 - Reactjs Javascript Introduction & Workspace Setup

2. REACT JS TUTORIAL #2 - Reactjs Components & Rendering

3. REACT JS TUTORIAL #3 - Composing Multiple React.js Components

4. REACT JS TUTORIAL #4 - State vs Props & Application Data

5. REACT JS TUTORIAL #5 - Javascript Events & Data Changes in React

6. REACT JS TUTORIAL #6 - React Router & Intro to Single Page Apps with React JS

7. REACT JS TUTORIAL #7 - React Router Params & Queries

8. REACT JS TUTORIAL #8 - React Inline Styles & Component Arrays

9. REACT FLUX TUTORIAL #9 - React Flux Introduction & Flux Stores

10. REACT FLUX TUTORIAL #10 - Flux Store Events

11. REACT FLUX TUTORIAL #11 - The Flux Dispatcher

12. REACT FLUX TUTORIAL #12 - Flux Actions

13. REACT FLUX TUTORIAL #13 - Asynchronous & AJAX Flux Actions

14. REACT FLUX TUTORIAL #14 - React & Flux Memory Leaks

15. Redux Tutorial #1 - React js tutorial - How Redux Works

16. Immutable JS - Redux Tutorial #2 - React.js Tutorial

17. Basic Redux Introduction - Redux Tutorial #3

18. Multiple Reducers with Redux Reducers - Redux React Tutorial #4

19. Redux Middleware Tutorial - Redux Tutorial #5

20. Redux Async Actions - Redux Tutorial #6

21. Connecting React & Redux - Redux Tutorial #7

22. MobX tutorial #1 - MobX + React is AWESOME

23. MobX tutorial #2 - Computed Values and Nested/Referenced Observables

jQuery

1. Онлайн-книга "Изучаем jQuery" - https://metanit.com/web/jquery/

2. jQuery для начинающих - https://habrahabr.ru/post/38208/

3. Изучаем jQuery. Часть 1. Подключение jQuery - https://web-programming.com.ua/izuchaem-jquery-chast-1-podklyuchenie-jquery/

4. АНИМАЦИЯ JQUERY: ИЗУЧЕНИЕ ЗА 7 ШАГОВ - http://dreamhelg.ru/2010/01/jquery-animation-a-7-step-program/

5. Видео Уроки Jquery - http://webvideo.me/online/видео-уроки-jquery/

Изучение библиотек jQuery

1. Изучаем jQuery | Урок №1 - Вступление

2. Изучаем jQuery | Урок №2 - Справочники

3. Изучаем jQuery | Урок №3 - Подключение jQuery

4. Изучаем jQuery | Урок №4 - Функция $()

5. Изучаем jQuery | Урок №5 - Отбор элементов по ID

6. Изучаем jQuery | Урок №6 - Выбор элементов по классу

7. Изучаем jQuery | Урок №7 - Выборка по тегам

8. Изучаем jQuery | Урок №8 - Отбор элементов

9. Изучаем jQuery | Урок №9 - Подводим итоги

10. Изучаем jQuery | Урок №10 - Подводим итоги 2

11. Изучаем jQuery | Урок №11 - Работа с атрибутами

12. Изучаем jQuery | Урок №12 - Манипулирование классами

13. Изучаем jQuery | Урок №13 - Манипулирование стилями

14. Изучаем jQuery | Урок №14 - Функция html() и text()

15. Изучаем jQuery | Урок №15 - Функция clone()

16. Изучаем jQuery | Урок №16 - Добавление элементов

17. Изучаем jQuery | Урок №17 - Удаление элементов

18. Изучаем jQuery | Урок №18 - Создание элементов

19. Изучаем jQuery | Урок №19 - Функция val ()

20. Изучаем jQuery | Урок №20 - Обработчик событий

21. Изучаем jQuery | Урок №21 - Форма комментариев

22. Изучаем jQuery | Урок №22 - Анимация

23. Изучаем jQuery | Урок №23 - Красивая анимация

24. Изучаем jQuery | Урок №24 - Заключительный урок

25. Выбор случайного цвета jQuery

Создание jQuery плагинов

1. Создание jQuery плагинов #1. Создание плагина myParallax

2. jQuery практикум #2. Создание плагина MagnifierRentgen

Изучить что такое WordPress и надо ли оно мне

1. Что такое WordPress - https://wpcafe.org/tutorials/chto-takoe-wordpress/

2. С чего начать изучение wordpress - http://web-dvl.ru/wordpress/

3. Первый шаг в изучении WordPress — Урок 1 - https://wp-admin.com.ua/pervyiy-shag-v-izuchenii-wordpress-urok-1/

4. http://pro-wordpress.ru/

5. Валидация сайта. Что нужно знать? - http://pro-wordpress.ru/nastrojka-wordpress/validaciya-sajta.php

6. WordPress Layers - Быстрое создание красивых сайтов на WordPress - Layers StyleKit на реальном примере - https://www.youtube.com/watch?v=A6N

7. WordPress Layers - Layers. Быстрая разработка сайтов на WordPress #1. Знакомство с Layers WP - https://www.youtube.com/watch?v=TrY0bS8lmjI&a

Создание Landing Page на WordPress

1. Создание Landing Page на WordPress. Часть 1

2. Создание Landing Page на WordPress. Часть 2

3. Создание Landing Page на WordPress. Часть 3

4. Создание Landing Page на WordPress. Часть 4

5. Создание Landing Page на WordPress. Часть 5

6. Создание Landing Page на WordPress. Часть 6

7. Создание Landing Page на WordPress. Часть 7

8. Создание Landing Page на WordPress. Часть 8

9. Создание Landing Page на WordPress. Часть 9

10. Создание Landing Page на WordPress. Часть 10

11. Создание Landing Page на WordPress. Часть 11

12. Создание Landing Page на WordPress. Часть 12

13. Создание Landing Page на WordPress. Часть 13. Заключительная

Git - что это и надо ли

1. Знакомимся с Git за 30 минут - http://mattweb.ru/moj-blog/raznoe/item/158-znakomimsya-s-git-za-30-minut

2. Ежедневная работа с Git - https://habrahabr.ru/post/174467/

3. Введение - Основы Git - https://git-scm.com/book/ru/v1/Введение-Основы-Git

Git уроки

1. Git - #1 - Начинаем работать с гитом

2. Git - #2 - Разбираемся с командами diff и show

3. Git - #3 - Заливаем гит репозиторий на гитхаб

4. Git - #4 - как работают ветки

5. Git - #5 - учимся работать с правильным workflow

6. Git - #6 - Оптимизируем работу с помощью gitflow

7. Git - #7 - merge конфликтов

8. Git - #8 - изучаем команды pull и push

9. Git - #9 - настройки и алиасы

Полезные статьи для почитать

1. Основы семантической верстки на HTML5 - https://zaurmag.ru/priemy-verstki-html-css/osnovy-semanticheskoj-verstki-na-html5.html

2. Для чего нужна семантика в именах классов (англ.) - https://css-tricks.com/semantic-class-names/

3. Слова, часто используемые в CSS-классах- https://github.com/yoksel/common-words

4. Хорошие и плохие CSS-практики для начинающих- https://medium.com/@ABatickaya/хорошие-и-плохие-css-практики-для-начинающих-619289ce8bae

5. Медиавыражения в CSS (рус.) - https://webref.ru/css/media

6. 10 способов протестировать свои навыки в HTML и CSS - https://freelance.today/zhizn/10-sposobov-protestirovat-svoi-navyki-v-html-i-css.html

7. В чем разница между Sass и SCSS? - http://www.internet-technologies.ru/articles/article_1950.html

8. Почему Mobile First? - https://habrahabr.ru/post/269419/

9. Правильный CSS: OOCSS, SMACSS, BEM и SASS - https://medium.com/@stepanovv.ru/правильный-css-oocss-smacss-bem-и-sass-49351a119283

10. Вендорные префиксы - http://starhack.ru/vendor-prefixes/

11. Развиваем дизайнерское чутье https://medium.com/russian/развиваем-дизайнерское-чутье-b7cac4a84b56

12. Что такое обфускация кода - https://ru.wikipedia.org/wiki/Обфускация_%28программное_обеспечение%29

13. Наглядно для заказчика: адаптивный и отзывчивый сайт — в чем разница - https://blog.sibirix.ru/2015/04/21/adaptive-responsive/

14. 5 различий между UI и UX дизайном - http://uxgu.ru/ux-vs-ui/

15. 960 Grid System - это очень просто - http://www.internet-technologies.ru/articles/article_1984.html

16. Верстка сайта на 960 Grid - практика - https://ruseller.com/lessons.php?id=937&rub=2

17. LESS: программируемый язык стилей - https://habrahabr.ru/post/136525/

Книги

1. Фримен - Изучаем HTML, XHTML и CSS

2. Марк Пилгрим - Погружение в HTML5

3. Дженнифер Роббинс - HTML5. Карманный справочник

4. Дэвида Макфарланда - Большая книга CSS3

5. Эрик Мейер - CSS - Каскадные таблицы стилей. Подробное руководство

6. Эрик А. Мейер - CSS. Карманный справочник

7. Дэвид Флэнаган - JavaScript. Подробное руководство

8. Крокфорд Дуглас - JavaScript. Сильные стороны

9. Эдди Османи - Паттерны для масштабируемых JavaScript-приложений

10. Стоян Стефанов - JavaScript. Шаблоны

11. Антон Шевчук - jQuery для начинающих

12. Николай Прохоренко - Джентельменский набор Web-мастера

13. Professional Web Typography - https://prowebtype.com/

14. Джон Дакетт - HTML и CSS. Разработка и дизайн веб-сайтов (+ CD-ROM)

15. Денис Малиночкин - LESS. Путеводитель для новичков

Понимание такие терминов как:

1. семантика

2. структура

3. форматирование

4. микроразметка

5. валидация

6. язык CSS

7. блочная вёрстка

8. препроцессоры

9. CSS фреймворки

10. CSS библиотеки

11. работа со шрифтами

12. адаптивность

13. позиционирование

14. методология

15. Gulp

16. Livereload

17. Autopretixer

18. линификация

19. gzip сжатие

20. правильно 14 килобайт

21. OOCSS

22. БЭМ

23. какие особенности CSS влияют на загрузку браузера

24. работа с DOM

25. ID Web Storm

​пройти курсы на Codecademy

1. Learn HTML

2. Learn CSS

3. Make a Website

4. Deploy a Website

5. Learn Sass

6. Introduction To JavaScript

7. Learn ReactJS: Part I

8. Learn ReactJS: Part II

9. Learn AngularJS 1.X

пройти скачанные курсы (почерпнуть полезное)

1. 1. Интенсивный онлайн-курс «Базовый HTML и CSS» - 2016

2. 2. Интенсивный онлайн-курс «Продвинутый HTML и CSS»

3. 3. Интенсивный онлайн-курс «Базовый JavaScript» - 2015

4. 4. Интенсив по профессиональной верстке сайтов - 2014

5. 5. Продвинутый онлайн-интенсив - 2015

6. 1. HTML & CSS (renewed) - 2016

7. 2. HTML5 и CSS3 - 2014

8. 3. HTML5 Web Components - 2016

9. 4. JavaScript Essential

10. 5. JavaScript Advanced - 2016

11. 6. JavaScript Шаблоны - 2016

12. 7. JQuery - 2016

13. 8. AngularJS Essential - 2016

14. 9. Angular2 Essential

15. 10. ReactJS Starter

16. 11. ReactJS Essential - 2016

17. 12. ReactJS Advanced

18. 13. Bootstrap Framework 3

19. 14. Создание адаптивного сайта с Bootstrap 3

20. 15. Основы использования Git

21. HTML CSS + JavaScript [2016, rus]

АНГЛИЙСКИЙ. Полиглот английский за 16 часов

1. Полиглот английский за 16 часов. Урок 1 с нуля.

2. Полиглот английский за 16 часов. Урок 2 с нуля.

3. Полиглот английский за 16 часов. Урок 3 с нуля.

4. Полиглот английский за 16 часов. Урок 4 с нуля.

5. Полиглот английский за 16 часов. Урок 5 с нуля.

6. Полиглот английский за 16 часов. Урок 6 с нуля.

7. Полиглот английский за 16 часов. Урок 7 с нуля.

8. Полиглот английский за 16 часов. Урок 8 с нуля.

9. Полиглот английский за 16 часов. Урок 9 с нуля.

10. Полиглот английский за 16 часов. Урок 10 с нуля.

11. Полиглот английский за 16 часов. Урок 11 с нуля.

12. Полиглот английский за 16 часов. Урок 12 с нуля.

13. Полиглот английский за 16 часов. Урок 13 с нуля.

14. Полиглот английский за 16 часов. Урок 14 с нуля.

15. Полиглот английский за 16 часов. Урок 15 с нуля.

16. Полиглот английский за 16 часов. Урок 16 с нуля.

Уроки английского по Драгункину

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. Курс Александра Драгункина

Попробовать изучение английского по методу Пимслера

1. Pimsleur English for Russian Speakers I (1-3)

2. Pimsleur English for Russian Speakers I (4-6)

3. Pimsleur English for Russian Speakers I (7-9)

4. Pimsleur English for Russian Speakers I (10-12)

5. Pimsleur English for Russian Speakers I (13-15)

6. Pimsleur English for Russian Speakers I (16-18)

7. Pimsleur English for Russian Speakers I (19-21)

8. Pimsleur English for Russian Speakers I (22-24)

9. Pimsleur English for Russian Speakers I (25-27)

10. Pimsleur English for Russian Speakers I (28-30)

11. Pimsleur English for Russian Speakers II (31-33)

12. Pimsleur English for Russian Speakers II (34-36)

13. Pimsleur English for Russian Speakers II (37-39)

14. Pimsleur English for Russian Speakers II (40-42)

15. Pimsleur English for Russian Speakers II (43-45)

16. Pimsleur English for Russian Speakers II (46-48)

17. Pimsleur English for Russian Speakers II (49-51)

18. Pimsleur English for Russian Speakers II (52-54)

19. Pimsleur English for Russian Speakers II (55-57)

20. Pimsleur English for Russian Speakers II (58-60)

21. Pimsleur English for Russian Speakers III (61-63)

22. Pimsleur English for Russian Speakers III (64-66)

23. Pimsleur English for Russian Speakers III (67-69)

24. Pimsleur English for Russian Speakers III (70-72)

25. Pimsleur English for Russian Speakers III (73-75)

26. Pimsleur English for Russian Speakers III (76-78)

27. Pimsleur English for Russian Speakers III (79-81)

28. Pimsleur English for Russian Speakers III (82-84)

29. Pimsleur English for Russian Speakers III (85-87)

30. Pimsleur English for Russian Speakers III (88-90)

Английский шаг за шагом.Курс для начинающих. [Бонк Н.А., Левина И.И., Бонк И.А.]

1. Урок-комплекс 1

2. Урок-комплекс 2

3. Урок-комплекс 3

4. Урок-комплекс 4

5. Урок-комплекс 5

6. Урок-комплекс 6

7. Урок-комплекс 7

8. Урок-комплекс 8

9. Урок-комплекс 9

10. Урок-комплекс 10

11. Unit 1

12. Unit 2

13. Unit 3

14. Unit 4

15. Unit 5

16. Unit 6

17. Unit 7

18. Unit 8

19. Unit 9

20. Unit 10

21. Unit 11

22. Unit 12

23. Unit 13

24. Unit 14

25. Unit 15

Закончить обучение на Duolingo

1. Duolingo 1. Основы 1

2. Duolingo 1. Основы 2

3. Duolingo 1. Фразы

4. Duolingo 1. Еда

5. Duolingo 1. Животные

6. Duolingo 1. Множественное число

7. Duolingo 1. Притяжательные

8. Duolingo 1. Местоимения 1

9. Duolingo 2. Одежда

10. Duolingo 2. Глаголы: Настоящее 1

11. Duolingo 2. Цвета

12. Duolingo 2. Вопросы

13. Duolingo 2. Союзы

14. Duolingo 2. Предлоги

15. Duolingo 2. Дата и Время

16. Duolingo 2. Семья

17. Duolingo 3. Професси

18. Duolingo 3. Прилагательные 1

19. Duolingo 3. Глаголы: Настоящее 2

20. Duolingo 3. Наречия

21. Duolingo 3. Места

22. Duolingo 3. Предметы

23. Duolingo 3. Люди

24. Duolingo 3. Поездки

25. Duolingo 3. Местоимения 2

26. Duolingo 3. Числа

27. Duolingo 3. Глаголы: Настоящее 3

28. Duolingo 3. Учеба

29. Duolingo 4. Глагол: Прошедшее 1

30. Duolingo 4. Основа глаголы

31. Duolingo 4. Глаголы: Прошедшее 2

32. Duolingo 4. Абстракции 1

33. Duolingo 4. Прилагательные 2

34. Duolingo 4. Глаголы: Настоящее совершенное

35. Duolingo 4. Глаголы: Инфинитив 2

36. Duolingo 4. Относительные местоимения

37. Duolingo 4. Глаголы: Прошедшее совершенное

38. Duolingo 4. Абстракции 2

39. Duolingo 4. Сэлфи

40. Duolingo 4. Природа

41. Duolingo 5. Глаголы: -ing

42. Duolingo 5. Спорт

43. Duolingo 5. Исскуство

44. Duolingo 5. Общение

45. Duolingo 5. Медицина

46. Duolingo 5. Глаголы: Будущее

47. Duolingo 5. Политика

48. Duolingo 5. Глаголы: Фразы будущее

49. Duolingo 5. Наука

50. Duolingo 5. Глаголы: Будущее совершенное

51. Duolingo 5. Бизнес

52. Duolingo 5. Глаголы: Модальные

53. Duolingo 5. События

54. Duolingo 5. Глаголы: Условно совершенные

55. Duolingo 5. Качества

Грамматика на Lingualeo

1. 1. Начинающий. Present Simple. Простое настоящее

2. 1. Начинающий. Past Simple. Простое прошедшее

3. 1. Начинающий. Future Simple. Простое будущее

4. 1. Начинающий. Numerals. Числительные

5. 1. Начинающий. Articles. Артикли

6. 1. Начинающий. Personal Pronouns. Предлоги

7. 1. Начинающий. Possessive pronouns. Притяжательные местоимения

8. 1. Начинающий. Indefinite pronouns. Обобщающие местоимения

9. 1. Начинающий. There is/There are. Оборот There is/There are

10. 2. Средний. Present Continuous. Настоящее длительное

11. 2. Средний. Past Continuous. Прошедшее длительное

12. 2. Средний. Future Continuous. Будущее длительное

13. 2. Средний. Present Perfect. Настоящее совершенное

14. 2. Средний. Present Perfect Continuous. Настоящее совершенное продолженное

15. 2. Средний. Past Perfect. Прошедшее совершенное

16. 2. Средний. Past Perfect Continuous. Прошедшее совершенное продолженное

17. 2. Средний. Future in the Past. Будущее в прошедшем

18. 2. Средний. To be going to. Оборот to be going to

19. 2. Средний. Prepositions. Предлоги

20. 2. Средний. Verbs with prepositions. Глаголы с предлогами

21. 2. Средний. Phrasal verbs. Фразовые глаголы

22. 2. Средний. General questions. Общие вопросы

23. 2. Средний. Wh-questions. Специальные вопросы

24. 2. Средний. Comparison of adjectives I. Степени сравнения прилагательных I

25. 2. Средний. Comparison of adjectives II. Степени сравнения прилагательных II

26. 2. Средний. Imperative mood. Повелительное наклонение

27. 2. Средний. Used to. Оборот used to

28. 3. Продвинутый. Passive Voice - Present Simple. Пассивный залог - Простое настоящее

29. 3. Продвинутый. Passive Voice - Past Simple. Пассивный залог - Простое прошедшее

30. 3. Продвинутый. Passive Voice - Future Simple. Пассивный залог - Будущее простое

31. 3. Продвинутый. Passive Voice - Present Perfect. Пассивный залог - Настоящее совершенное

32. 3. Продвинутый. Participles. Причастия

33. 3. Продвинутый. Modal Verbs (Can/Could). Модальные глаголы can/could

34. 3. Продвинутый. Modal verbs (May/Might). Модальные глаголы (may/might)

35. 3. Продвинутый. Infinitive and Gerund. Инфинитив и герундий

36. 3. Продвинутый. Modal verbs (Must/Have to.) Модальные глаголы (must/have to)

37. 3. Продвинутый. Modal Verbs (Shall/Should). Модальные глаголы (shall/should)

38. 3. Продвинутый. Modal verbs (Will/Would). Модальные глаголы (will/would)

39. 3. Продвинутый. Indirect speech. Косвенная речь

40. 3. Продвинутый. Compound sentences. Согласование времен

Уроки по отличному сайту!

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. контрольный тест 1

15. урок 14

16. урок 15

17. урок 16

18. урок 17

19. урок 18

20. урок 19

21. контрольный тест 2

22. урок 20

23. урок 21

24. урок 22

25. урок 23

26. урок 24

27. урок 25

28. урок 26

29. урок 27

30. урок 28

31. урок 29

32. урок 30

33. контрольный тест 3

34. урок 31

35. урок 32

36. урок 33

37. урок 34

38. урок 35

39. урок 36

40. урок 37

41. урок 38

42. урок 39

43. урок 40

44. контрольный тест 4

45. урок 41

46. урок 42

47. урок 43

48. урок 44

49. урок 45

50. урок 46

51. урок 47

52. урок 48

53. урок 49

54. урок 50

55. урок 51

56. урок 52

57. урок 53

58. урок 54

59. урок 55

60. урок 56

61. урок 57

62. урок 58

63. урок 59

64. урок 60

65. урок 61

Выучить слова из частотный словарей

1. ??? - 20 слов

2. ??? - 20 слов

3. ??? - 20 слов

Посмотреть на английском 50 фильмов (или групп), понимая (!) их

1. Друзья

2. Гарри Поттер

3. Хроники Нарнии

4. Пираты карибского моря

5. Зелёная миля

6. Голодные игры

7. Матрица

8. Властелин колец

9. Хоббит

10. Форрест Гамп

Не учебный, но не менее полезный этап :)

1. Поставить приложения-напоминалки или будильники, чтоб пить 1,5-2 л воды

2. Составить рацион питания на 1-2 недели

3. Составить расписание по уходу за собой

4. Научится стоять на руках

5. Научится ходить на руках

6. Сесть на шпагат

7. Расслаблено сидеть в лотосе, чтоб колени были на полу

8. Научится становится на мостик с положения стоя

9. Стоять в планке 2 минуты

10. Стоять в планке 3,5 минуты

11. Стоять в планке 5 минут

12. Научиться жонглировать тремя мячами

13. Подтянуться 5 раз на турнике

Уроки по Bootstrap

1. Урок №1: начало работы

2. Урок №2: состав и настройка

3. Урок №3: таблицы + Видеоурок

4. Урок №4: кнопки

5. Урок №5: верстка шаблонов, мобильная верстка

6. Урок №6: создание форм

7. Урок №7: оформление текста

8. Урок №8: отзывчивые изображения, превью

9. Урок №9: иконки, иконочный шрифт

10. Урок №10: текстовые панели Уроки

11. Урок №11: dropdown.js, выпадающие списки

12. Урок №12: collapse.js, спойлеры, сворачивание блоков

13. Урок №13: modal.js, всплывающие, модальные окна

14. Урок №14: tabs.js, создание вкладок, табов

15. Урок №15: спливні підказки (tooltip.js)