Третий год в веб-разработке

1. JavaScript The Right Way
2. ресурс: hexlet.io.
3. Книжка Паттерны для масштабируемых JavaScript-приложений
4. Видео с Ftonteers Sara Soueidan - Animating SVGs with CSS and SMIL
5. Продвинутый уровень html + css
6. Видео Memory Management Masterclass
7. Курс по оптимизации от майкрософт
8. Еще курс по оптимизации от гугла
9. Статья Секреты быстрого кодинга в WebStorm
10. Статья JavaScript — шаблоны наследования
11. Видео Lea Verou - The missing slice
12. Видео The Problem with Time & Timezones - Computerphile
13. Статья 15 тривиальных фактов о правильной работе с протоколом HTTP
14. Статья Как работают замыкания (под капотом) в JavaScript
15. Статья Ликбез по типизации в языках программирования
16. Статья У нас проблемы с промисами
17. Сайт Hyperpolyglot - посмотреть на отличия языков
18. Про промисы в ангуларе в виде комикса
19. Статья 12 малоизвестных возможностей CSS
20. Статья Что именно происходит, когда пользователь набирает в адресной строке google.com?
21. Статья Паттерны ООП в метафорах
22. Статья Что такое анти-паттерны?
23. Статья Паттерны в AngularJS
24. Статья Подробно о внутренней кухне AngularJS
25. Статья Несколько полезных CSS-трюков
26. Статья Баг или фича fieldset?
27. Статья То, что вам никто не говорил о z-index
28. Посмотреть список из Что почитать, чтобы повысить свой уровень JavaScript
29. Статья Семь принципов создания современных веб-приложений
30. Сайтик о работе DNS
31. Статья Работа с объектами в JavaScript: теория и практика
32. Статья Я не знаю ООП
33. promise-cookbook
34. Еще раз про this на learn.javascript и у Дмитрия Сошникова
35. Дуглас Крокфорд
36. Статья CSS-модули
37. Статья Stop classifying JavaScript
38. Статья Основы и заблуждения насчет JavaScript
39. Статья Понимание ООП в JavaScript
40. JS-советы Tips list
41. Статья Zen coding — пишем HTML/CSS быстрее
42. Статья The Two Pillars of JavaScript (Part 1: How to Escape the 7th Circle of Hell)
43. Статья Understanding delete
44. Статья Стандарт ECMA-262 (JavaScript) в картинках
45. Стандарт ECMA-262 (JavaScript) в картинках, часть 2
46. Стандарт ECMA-262 (JavaScript) в картинках, часть 3
47. Статья Объектно-ориентированный JavaScript: наследование
48. Курс про гит
49. Игра по vim
50. Книга Тафти
51. Книга ES5 руководство по JavaScript
52. Статья Эволюция асинхронного JavaScript
53. Статья Справочник «Паттерны проектирования»
54. Статья Шаблоны проектирования для новичков
55. Книга коротенькая Главный вопрос программирования, рефакторинга и всего такого
56. Разобрать ссылки на сайте http://htmllinks.ru
57. ООП в JavaScript
58. HEAD
59. Don’t get a fat head
60. Блог Perfection Kills
61. Сайт Про Тестинг посмотреть, чего там есть интересного
62. Статья Делаем свой JavaScript чистым
63. 15 советов по написанию самодокументируемого JavaScript
64. Прочитать про webpack
65. Подборка видео по оптимизации HTML/JavaScript
66. Как работает браузер

1. "Рефакторинг"
2. "Алгоритмы: построение и анализ"
3. "Совершенный код"
4. Learning JavaScript Design Patterns
5. You Don't Know JS (book series)
6. Дэвид Фланаган, Javascript: подробное руководство
7. Стоян Стефанов. Javascript. Шаблоны.
8. Douglas Crockford. .JavaScript: The Good Parts.
9. John Resig. Pro JavaScript Techniques
10. Js ниндзя

1. HTML5 and CSS
2. Responsive Design with Bootstrap
3. Gear up for Success
4. jQuery
5. Basic Front End Development Projects
6. Basic JavaScript
7. Object Oriented and Functional Programming
8. Basic Algorithm Scripting
9. JSON APIs and Ajax
   1. Trigger Click Events with jQuery
   2. Change Text with Click Events
   3. Get JSON with the jQuery getJSON Method
   4. Convert JSON Data to HTML
   5. Render Images from Data Sources
   6. Prefilter JSON
   7. Get Geo-location Data
10. Intermediate Front End Development Projects
11. Intermediate Algorithm Scripting
12. Advanced Algorithm Scripting
13. Advanced Front End Development Projects
14. Claim Your Front End Development Certificate

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

1. Введение
2. Основы JavaScript
3. Качество кода
4. Структуры данных
5. Замыкания, область видимости
6. Методы объектов и контекст вызова
7. Некоторые другие возможности
8. ООП в функциональном стиле
9. ООП в прототипном стиле
10. Современные возможности ES-2015

Вторая часть:

1. Документ и объекты страницы
2. Основы работы с событиями
3. События в деталях
4. Формы, элементы управления
5. Создание графических компонентов

Дополнительно:

1. Веб-компоненты
2. AJAX и COMET
3. Анимация
4. Оптимизация
5. Окна и Фреймы
6. Регулярные выражения
7. О всякой всячине

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

• Frontend-разработчик должен разбираться в дизайне
  • Памятка дизайнеру сайтов
  • Принцип цикады и почему он важен для веб-дизайнеров
  • Стив Круг «Веб-дизайн или Не заставляйте меня думать»
  • Дональд Норман «Дизайн привычных вещей»
  • Джеф Раскин «Интерфейс»
  • Как за 15 лет изменились главные страницы Apple, Microsoft, IBM, Sony
  • Ководство
  • О дизайне
  • Почему курсор мыши наклонён на 45°?
  • Наберитесь смелости сделать не как все. 12 устаревших интерфейсных и технологических решений
  • Имена людей и интерфейс
  • User experience design: как построить сайт для клиентов, а не для себя
  • Главные особенности китайского веб-дизайна и их истоки
• Frontend-разработчик должен разбираться в работе серверной части (backend)
  • Чему мы научились, разрабатывая backend
  • Собеседование на должность PHP Backend Developer в Германии
  • Пишем backend для мобильного приложения за несколько минут
  • Что должно быть впереди фронтэнд или бекенд?
  • Что нужно знать, чтобы стать Backend разработчиком?
  • Что должен знать «PHP Junior Developer без опыта работы»?
  • Какими технологиями должен обладать backend разработчик (уровень начальных знаний — новичок+)?
• Frontend-разработчик должен разбираться в работе сетей
  • Принципы работы сети Интернет
  • Архитектура и принципы работы сети
  • Принцип работы торрент-сетей и как достигается высокая скорость
  • Руководство по TCP/IP для начинающих
  • Domain Name Service — cлужба Доменных Имен
• Frontend-разработчик должен разбираться в производительности
  • Производительность web: Why Performance Matters
  • Тонкости производительности
  • Выигрыш в производительности для rel=noopener
  • Измерение производительности веб-страниц
  • Улучшаем UX посредством оптимизации
  • Подходы к оптимизации (веб-)приложений
  • Пример веб-производительности
  • Производительность рендеринга картинок в Web
  • 10 Ways to Test Your Website Performance
• Frontend-разработчик должен разбираться в контент-стратегии
  • Как создать контент-стратегию, которую будут обсуждать
  • Супер контент-стратегия. 5 успешных примеров
  • Нужна ли контент-стратегия при наполнении сайта?
  • Эрин Киссейн «Основы контентной стратегии»
  • Как построить SMM-стратегию: пошаговый план продвижения в социальных сетях
  • Как оптимизировать контент для SEO и SMM?
• Frontend-разработчик должен разбираться в базах данных
  • Введение в базы данных
  • Базы данных: SQL (DDL/DML)
  • Ускоряем базу данных веб-сайта
  • Веб-интерфейс для баз данных размером в один .php файл
  • Возможности PostgreSQL, которых нет в MySQL, и наоборот
  • HTML 5. Работа с Web SQL базой данных
  • Базы данных и NoSQL
  • Как отобразить 350 миллионов строк из базы данных на Web-форме
  • Встраиваемая JavaScript база данных с прицелом на API совместимость с MongoDB
• Frontend-разработчик должен разбираться в тестировании
  • Тестирование программного обеспечения
  • Зачем нужны тесты?
  • Модульные тесты и интеграционные: в чём разница?
  • Тестирование
  • JavaScript Testing курс (eng)
  • QUnit. Тестирование javascript кода
  • Как развиваться начинающему тестировщику?
  • Повышаем стабильность Front-end
  • Бек Кент. Экстремальное программирование. Разработка через тестирование
  • Пишем свой первый юнит-тест, на примере методологии BDD и библиотеки Jasmine
  • Процесс тестирования мобильных приложений
  • Макгрегор Джон, Сайкс Девид. Тестирование объектно-ориентированного программного обеспечения
  • Тестирование JS. Кармический Webpack
• Frontend-разработчик должен разбираться в системах сборки
  • Webpack – один из самых мощных и гибких инструментов для сборки frontend
  • Grunt — Обзор системы сборки
  • Автоматизация сборки
  • Приятная сборка frontend проекта
  • Сравнение популярных систем сборки для frontend-разработчиков
  • Grunt vs Gulp сравнение систем сборки для front-end разработчика
  • Gulp или Grunt, да всё равно
  • Методология сборки БЭМ-проекта
• Frontend-разработчик должен разбираться в методологиях разработки
  • Необходимый минимум для фронтенд-разработчика
  • Методологии фронтенд-разработки
  • Советы front-end разработчику
  • Какими знаниями должен обладать Front-end разработчик в 2015 году
  • Что нужно знать и уметь front end разработчику в 2015/2016
  • Карта развития веб-разработчика
  • Основные навыки фронтенд-разработчика
  • Isobar Front-end Code Standards
  • Front-end Style Guides
  • JavaScript Style Guide
  • Coding style (Mozilla)
• Frontend-разработчик должен разбираться в настройке веб-серверов
  • Основные типы серверов
  • Что такое веб-сервер
  • Веб-сервер
  • Простым языком об HTTP
  • Веб-сервисы в теории и на практике для начинающих
  • Сравнение веб-серверов
  • Web-сервера и их использование для управления нагрузкой на приложение.
  • PHP. Встроенный web-сервер
  • Локальный веб-сервер
  • Использование преимуществ встроенного PHP сервера
  • Как поднять сервер для python скриптов за 1 минуту
• Frontend-разработчик должен разбираться в юзабилити
  • Юзабилити
  • Юзабилити сайта
  • 10 советов по юзабилити сайта, основанных на результатах исследований
  • Основы юзабилити (usability) сайтов
  • Юзабилити-тестирование (ИТМО)
  • Usability vs. User Experience
  • What is the difference between UX and UI designer and web designer?
• Frontend-разработчик должен разбираться в мобильном дизайне
  • Лучшие практики по мобильному UX от Ника Бабича
  • Адаптивный веб-дизайн
  • Responsive Web Design: What It Is And How To Use It
  • Книга Итана Маркотта «Отзывчивый веб-дизайн»
  • 10 адаптивных фреймворков для веб-дизайна
  • Responsive Web Design Fundamentals курс (eng)

• 59 - ES6, var vs let
• 58 - Breaking or continuing loop in functional programming
• 57 - Comma operator in JS
• 56 - Copy to Clipboard
• 55 - Create an easy loop using an array
• 54 - How to use optional arguments in functions (with optional callback)
• 53 - Get File Extension
• 52 - Return Values with the 'new' Operator
• 51 - DOM event listening made easy
• 50 - Helpful Console Logging Tricks
• 49 - Easiest way to extract Unix timestamps
• 48 - Reduce builtin function usage
• 47 - Basics: Declarations
• 46 - Detect document ready in pure JS
• 45 - Calculate the Max/Min value from an array
• 44 - Know the passing mechanism
• 43 - Use destructuring in function parameters
• 42 - Preventing Unapply Attacks
• 41 - Array average and median
• 40 - Using JSON.stringify
• 39 - Advanced Properties
• 38 - Flattening multidimensional Arrays
• 37 - Deduplicate an Array
• 36 - Observe DOM changes in extensions
• 35 - Assignment Operators
• 34 - Implementing asynchronous loop
• 33 - Create Range 0...N easily using one line
• 32 - Map() to the rescue: adding order to Object properties
• 31 - Avoid modifying or passing arguments into other functions — it kills optimization
• 30 - Converting truthy/falsy values to boolean
• 29 - Speed up recursive functions with memoization
• 28 - Currying vs partial application
• 27 - Short circuit evaluation
• 26 - Filtering and sorting a list of Strings
• 25 - Using immediately invoked function expression
• 24 - Use === instead of ==
• 23 - Converting to number fast way
• 22 - Empty an Array
• 21 - Shuffle an Array
• 20 - Return objects to enable chaining of functions
• 19 - Safe String concatenation
• 18 - Rounding the fast way
• 17 - Node.js: Run a module if it is not "required"
• 16 - Passing arguments to callback functions
• 15 - Even simpler way of using indexOf as a contains clause
• 14 - Fat Arrow Functions #ES6
• 13 - Measure performance of a code block
• 12 - Pseudomandatory parameters in ES6 functions #ES6
• 11 - Hoisting
• 10 - Check if a property is in an Object
• 09 - Template Strings
• 08 - Converting a Node List to an Array
• 07 - "use strict" and get lazy
• 06 - Writing a single method for arrays and a single element
• 05 - Differences between undefined and null
• 04 - Sorting Strings with accented characters
• 03 - Improve Nested Conditionals
• 02 - ReactJS - Keys in children components are important
• 01 - AngularJS: $digest vs $apply
• 00 - Insert item inside an Array

У меня есть много ссылок, рекомендованных разными источниками. Надо все их посмотреть, решить, какие из них нужны, какие нет, какие я уже видела

• https://medium.com/javascript-scene/12-books-every-javascript-developer-should-read-9da76157fb3#.w8j0pnjo3
• http://www.codewars.com
• http://www.templatemonster.com/
• http://themeforest.net/
• http://code.org/
• http://codecombat.com/
• http://bitsquest.bitbucket.org/index.html#0
• http://hello.processing.org/
• https://www.codeschool.com/
• https://www.coursera.org/
• http://teamtreehouse.com
• http://tutsplus.com
• https://www.freecodecamp.com
• еще раз https://developer.mozilla.org/en-US/docs/Web/JavaScript