Четвертый год жизни фронтендером
Третий год прошел не очень продуктивно, наверное, в какой-то момент кончилась мотивация активно учиться. Кончилась она потому, что я стала легко справляться со всеми своими задачами, не смотря на то, что у меня было довольно сложное приложение (соцсеть в одной крупной компании). Потом я пошла по собеседованиям в другие команды и команды с удовольствием звали меня к ним. Короче, все стало легко и просто и почти полгода из года я забила на движение вперед, в результате чего откатилась назад.
Теперь пора снова вперед двигаться!
Теперь все изменилось, я не прошла одно собеседование, сменила Ангулар на Реакт, пришла в команды со сложными продуктами и поняла прекрасно, что я еще так мало знаю.
Начинаю четвертый год, задачи на него такие: углубить знание базового JS, разработать Курс Молодого Бойца-фронтендера для приходящих работать в мою компанию. Учиться каждый день и наконец обзавестись опен-сорсовыми проектами в гитхабе.
Критерий завершения
Через год я должна знать React, Angular 2, написать другу админку его форуму, разработать курс преподавания фронтенда, прочитать хотя бы 2 книги по JS и паттернам проектирования.
-
JS Tips
60 - Three useful hacks59 - ES6, var vs let58 - Breaking or continuing loop in functional programming57 - Comma operator in JS56 - Copy to Clipboard55 - Create an easy loop using an array54 - How to use optional arguments in functions (with optional callback)53 - Get File Extension52 - Return Values with the 'new' Operator51 - DOM event listening made easy50 - Helpful Console Logging Tricks49 - Easiest way to extract Unix timestamps48 - Reduce builtin function usage47 - Basics: Declarations46 - Detect document ready in pure JS45 - Calculate the Max/Min value from an array44 - Know the passing mechanism43 - Use destructuring in function parameters42 - Preventing Unapply Attacks41 - Array average and median40 - Using JSON.stringify39 - Advanced Properties38 - Flattening multidimensional Arrays37 - Deduplicate an Array36 - Observe DOM changes in extensions35 - Assignment Operators
-
Создать курс для обучения фронтендеров
Блоки, которые будут в курсе:
- Идеология создания крутых приложений
- Верстка
- Базовый JS
- Фреймворки
- Сборщики и библиотеки
- Тестирование
- Паттерны проектирования
-
Список того, что нужно освоить
Здесь только перенесла все с прошлой цели, дописывать не буду, для дописывания создам новый подпункт.
JS-советы Tips list- Курс про гит
- Игра по vim
Книга ТафтиКнига ES5 руководство по JavaScriptСтатья Эволюция асинхронного JavaScriptСтатья Справочник «Паттерны проектирования»- ООП в JavaScript
- HEAD
- Don’t get a fat head
- Блог Perfection Kills
- Сайт Про Тестинг посмотреть, чего там есть интересного
- Статья Делаем свой JavaScript чистым
- 15 советов по написанию самодокументируемого JavaScript
- Подборка видео по оптимизации HTML/JavaScript
- Как работает браузер
-
Книги
Pro GitEloquent JavaScript- Чистый код: создание, анализ и рефакторинг
- Js ниндзя
- You Don't Know JS
- "Алгоритмы: построение и анализ"
- "Совершенный код"
Стоян Стефанов. Javascript. Шаблоны.- Douglas Crockford. .JavaScript: The Good Parts.
- John Resig. Pro JavaScript Techniques
-
Front End Development Certification (FreeCodeCamp)
Intermediate Algorithm Scripting- Advanced Algorithm Scripting
-
Перечитать learn.javascript.ru
Там появились новые статьи и надо старые освежить. Когда первый раз читаешь, запоминается очень немного основные тонкости требуют еще нескольких раз прочтения.
ВведениеОсновы JavaScriptКачество кодаСтруктуры данных- Замыкания, область видимости
- Методы объектов и контекст вызова
- Некоторые другие возможности
- ООП в функциональном стиле
- ООП в прототипном стиле
- Современные возможности ES-2015
Вторая часть:
- Документ и объекты страницы
- Основы работы с событиями
- События в деталях
- Формы, элементы управления
- Создание графических компонентов
Дополнительно:
- Веб-компоненты
- AJAX и COMET
- Анимация
- Оптимизация
- Окна и Фреймы
- Регулярные выражения
- О всякой всячине
-
Разобраться в ссылках
- https://frontendmasters.com/books/front-end-handbook/2017/
- 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://medium.com/devschacht/glossary-of-modern-javascript-concepts-1198b24e8f56
- еще раз https://developer.mozilla.org/en-US/docs/Web/JavaScript
- http://www.thatjsdude.com/interview/js1.html
-
Новые статьи к прочтению
- Доступность сайтов для самых маленьких
- Государственный сайт, доступный для людей с ограниченными возможностями
- Как отравить мобильного пользователя
- Курс https://javascript30.com/
- Гайд по доступности от Мозиллы
- Тестирование в React
- Паттерны для масштабируемых JavaScript-приложений
- Шаблоны проектирования с человеческим лицом
- http://html5doctor.com/
Не пропустите новые записи!
Подпишитесь на цель и следите за ее достижением
