Третий год в веб-разработке
2 года я занимаюсь вебом. За два года я достигла отличных результатов. Теперь начался третий год. Нельзя останавливаться, есть миллион статей, видео и книг, которые я не осилила. И эта цель нужна, чтобы иметь перед глазами список интересных материалов.
Goal Accomplishment Criteria
За год достаточно прокачаны навыки, достаточно, чтобы увеличить нынешнюю зарплату в 1,5 раза.
-
Учусь тестированию
Статья Виды тестирования и подходы к их применениюСтатья ТЕСТИРОВАНИЕ JAVASCRIPTСтатья Глубинное погружение в test-driven JavaScriptСтатья Как писать тестируемый кодПопробовать все тесты из демки ангулараСтатья Тесты для тестовСтатья Unit тесты на практикеВидео Unit Testing with Web Component Tester
-
Список того, что нужно освоить
JavaScript The Right Wayресурс: hexlet.io.Книжка Паттерны для масштабируемых JavaScript-приложенийВидео с Ftonteers Sara Soueidan - Animating SVGs with CSS and SMILПродвинутый уровень html + cssВидео Memory Management MasterclassКурс по оптимизации от майкрософтЕще курс по оптимизации от гуглаСтатья Секреты быстрого кодинга в WebStormСтатья JavaScript — шаблоны наследованияВидео Lea Verou - The missing sliceВидео The Problem with Time & Timezones - ComputerphileСтатья 15 тривиальных фактов о правильной работе с протоколом HTTPСтатья Как работают замыкания (под капотом) в JavaScriptСтатья Ликбез по типизации в языках программированияСтатья У нас проблемы с промисамиСайт Hyperpolyglot - посмотреть на отличия языковПро промисы в ангуларе в виде комиксаСтатья 12 малоизвестных возможностей CSSСтатья Что именно происходит, когда пользователь набирает в адресной строке google.com?Статья Паттерны ООП в метафорахСтатья Что такое анти-паттерны?Статья Паттерны в AngularJSСтатья Подробно о внутренней кухне AngularJSСтатья Несколько полезных CSS-трюковСтатья Баг или фича fieldset?Статья То, что вам никто не говорил о z-indexПосмотреть список из Что почитать, чтобы повысить свой уровень JavaScriptСтатья Семь принципов создания современных веб-приложенийСайтик о работе DNSСтатья Работа с объектами в JavaScript: теория и практикаСтатья Я не знаю ООПpromise-cookbookЕще раз про this на learn.javascript и у Дмитрия СошниковаДуглас КрокфордСтатья CSS-модулиСтатья Stop classifying JavaScriptСтатья Основы и заблуждения насчет JavaScriptСтатья Понимание ООП в JavaScript- JS-советы Tips list
Статья Zen coding — пишем HTML/CSS быстрееСтатья The Two Pillars of JavaScript (Part 1: How to Escape the 7th Circle of Hell)Статья Understanding deleteСтатьяСтандарт ECMA-262 (JavaScript) в картинкахСтандарт ECMA-262 (JavaScript) в картинках, часть 2Стандарт ECMA-262 (JavaScript) в картинках, часть 3Статья Объектно-ориентированный JavaScript: наследование- Курс про гит
- Игра по vim
- Книга Тафти
- Книга ES5 руководство по JavaScript
- Статья Эволюция асинхронного JavaScript
- Статья Справочник «Паттерны проектирования»
- Статья Шаблоны проектирования для новичков
- Книга коротенькая Главный вопрос программирования, рефакторинга и всего такого
- Разобрать ссылки на сайте http://htmllinks.ru
- ООП в JavaScript
- HEAD
- Don’t get a fat head
- Блог Perfection Kills
- Сайт Про Тестинг посмотреть, чего там есть интересного
- Статья Делаем свой JavaScript чистым
- 15 советов по написанию самодокументируемого JavaScript
- Прочитать про webpack
- Подборка видео по оптимизации HTML/JavaScript
- Как работает браузер
-
Книги
"Рефакторинг"- "Алгоритмы: построение и анализ"
- "Совершенный код"
- Learning JavaScript Design Patterns
- You Don't Know JS (book series)
- Дэвид Фланаган, Javascript: подробное руководство
- Стоян Стефанов. Javascript. Шаблоны.
- Douglas Crockford. .JavaScript: The Good Parts.
- John Resig. Pro JavaScript Techniques
- Js ниндзя
-
Front End Development Certification (FreeCodeCamp)
HTML5 and CSSResponsive Design with BootstrapGear up for SuccessjQuery- Basic Front End Development Projects
Basic JavaScriptObject Oriented and Functional ProgrammingBasic Algorithm Scripting- JSON APIs and Ajax
- Intermediate Front End Development Projects
- Intermediate Algorithm Scripting
- Advanced Algorithm Scripting
- Advanced Front End Development Projects
- Claim Your Front End Development Certificate
-
Перечитать learn.javascript.ru
Там появились новые статьи и надо старые освежить. Когда первый раз читаешь, запоминается очень немного основные тонкости требуют еще нескольких раз прочтения.
Введение- Основы JavaScript
- Качество кода
- Структуры данных
- Замыкания, область видимости
- Методы объектов и контекст вызова
- Некоторые другие возможности
- ООП в функциональном стиле
- ООП в прототипном стиле
- Современные возможности ES-2015
Вторая часть:
- Документ и объекты страницы
- Основы работы с событиями
- События в деталях
- Формы, элементы управления
- Создание графических компонентов
Дополнительно:
- Веб-компоненты
- AJAX и COMET
- Анимация
- Оптимизация
- Окна и Фреймы
- Регулярные выражения
- О всякой всячине
-
Ссылки из статьи Frontend-разработчики должны быть в теме всего
В прекрасной статье-сборнике ссылок 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-разработчик должен разбираться в работе сетей
- 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-разработчик должен разбираться в юзабилити
- Frontend-разработчик должен разбираться в мобильном дизайне
- Frontend-разработчик должен разбираться в дизайне
-
JS Tips
- 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 loop33 - Create Range 0...N easily using one line32 - Map() to the rescue: adding order to Object properties31 - Avoid modifying or passing arguments into other functions — it kills optimization30 - Converting truthy/falsy values to boolean29 - Speed up recursive functions with memoization28 - Currying vs partial application27 - Short circuit evaluation26 - Filtering and sorting a list of Strings25 - Using immediately invoked function expression24 - Use === instead of ==23 - Converting to number fast way22 - Empty an Array21 - Shuffle an Array20 - Return objects to enable chaining of functions19 - Safe String concatenation18 - Rounding the fast way17 - Node.js: Run a module if it is not "required"16 - Passing arguments to callback functions15 - Even simpler way of using indexOf as a contains clause14 - Fat Arrow Functions #ES613 - Measure performance of a code block12 - Pseudomandatory parameters in ES6 functions #ES611 - Hoisting10 - Check if a property is in an Object09 - Template Strings08 - Converting a Node List to an Array07 - "use strict" and get lazy06 - Writing a single method for arrays and a single element05 - Differences between undefined and null04 - Sorting Strings with accented characters03 - Improve Nested Conditionals02 - ReactJS - Keys in children components are important01 - AngularJS: $digest vs $apply00 - 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
- 3680
- 26 October 2015, 06:41
Don't miss new posts!
Subscribe for the Goal and follow through to its completion
Similar goals
-
Стремление в CG
from Артём
-
-