Прокачивание JS дальше до уверенного advanced уровня
Как показала практика, цель в том виде, в котором она была, висит просто мертвым грузом и кажется, что я по ней ничего не делаю. В связи с этим цель отредактирую.
На данный момент я верстальщик. Основная цель к 28 октября 2015 года (это будет ровно 2 года как я занимаюсь профессионально вебом) оценивать свой уровень как достойный таких компаний как Mail.ru или Яндекс. И соответственно тогда же пообщаться с ними на предмет трудоустройства.
Для этого нужно максимально расширить стек технологий и максимально хорошо разобраться в JavaScript'e.
И, соответственно, предпосылка к подэтапам: они должны быть, возможно меньше, но конкретнее, и не забывать записывать какие-то важные и интересные статьи — это полезно в плане взглядов назад.
Критерій завершення
Собеседование с "Я"
-
Курс оптимизации фронтенда от гугла
-
Курсы с Codeschool
Раз кодскул подарили мне возможность месячную подписку купить за 9 долларов, надо пройти за месяц до 2 апреля как можно больше!
Пройти курс по Ангулару:JavaScript Free CourseJavaScript Part 2- JavaScript Part 3
- JavaScripr Part 4
-
Просмотреть видео от Яндекса от самых старых
2009 год
Вёрстка для мобильных устройствАнализ эффективности сайтов: Яндекс.МетрикаЯндекс.Карты: между пользователем и разработчикомВиджеты для главной страницы ЯндексаЯндекс.ПочтаПоиск Яндекса в регионах. Яндекс.Вебмастер и организация поиска по сайтуКомпас, секстант и другие инструменты современного картографа. Инструкция к применению API Яндекс.КартXXI век — эпоха великих географических открытий. Для чего нужен API Яндекс.КартВиджеты для главной страницы Яндекса. Кто у кого «отнимает» аудиторию?API Яндекс.КартВёрстка элементов страниц в общем видеС ножом против паровоза. Оптимизация и нарезка графики для профессиональной вёрсткиВёрстка в IntelliJ IDEAПоиск фраз в документах РСЯСпециализированный поиск по сайтуСпособы организации поиска по сайтуCSS Framework своими руками: теория
-
Просмотр видео и статьи обо всем в общем.
JS
Языки программирования: https://tech.yandex.ru/education/shri/msk-2013/talks/1340/
JS. Базовые знания: https://tech.yandex.ru/education/shri/msk-2013/talks/1431/Транспорт, ajax: https://tech.yandex.ru/education/shri/msk-2013/talks/1433/Js. Асинхронность: https://tech.yandex.ru/education/shri/msk-2013/talks/1432/JavaScript. События: https://tech.yandex.ru/education/shri/msk-2013/talks/1579/Языки, фреймворки
Node.js: https://tech.yandex.ru/education/shri/ekb-2013/talks/1502/DOM+jQuery: https://tech.yandex.ru/education/shri/ekb-2013/talks/1386/Шаблонизаторы: https://tech.yandex.ru/education/shri/msk-2013/talks/1437/i-bem: https://tech.yandex.ru/education/shri/msk-2013/talks/1581/http-протокол: https://tech.yandex.ru/education/shri/ekb-2013/talks/1495/Архитектура веб-сервисов: https://tech.yandex.ru/education/shri/msk-2013/talks/1345/Лекции "со звездочкой"
Debugger: https://tech.yandex.ru/education/shri/msk-2013/talks/1436/MVC: https://tech.yandex.ru/education/shri/msk-2013/talks/1434/Графика в вебе: https://tech.yandex.ru/education/shri/msk-2013/talks/1430/Командная строка Unix: https://tech.yandex.ru/education/shri/msk-2013/talks/1292/Паттерны проектирования: https://tech.yandex.ru/education/shri/ekb-2013/talks/1499/ООП. Основы: https://tech.yandex.ru/education/shri/ekb-2013/talks/1368/Основы функционального программирования: https://tech.yandex.ru/education/shri/ekb-2013/talks/1491/Веб-компоненты: https://tech.yandex.ru/education/shri/ekb-2013/talks/1560/Обязательные лекции:
Workflow: https://tech.yandex.ru/education/shri/ekb-2013/talks/1564/Тестирование: https://tech.yandex.ru/education/shri/ekb-2013/talks/1561/Механизм работы браузера: https://tech.yandex.ru/education/shri/msk-2013/talks/1329/Unit-тестирование: https://tech.yandex.ru/education/shri/msk-2013/talks/1580/Регулярные выражения: https://tech.yandex.ru/education/shri/msk-2013/talks/1344/Code Review: https://tech.yandex.ru/education/shri/msk-2013/talks/1451/Лекции «со звездочкой»:
Деплой: https://tech.yandex.ru/education/shri/msk-2013/talks/1327/Кеширование на клиенте и сервере: https://tech.yandex.ru/education/shri/msk-2013/talks/1330/Безопасность веб-приложений: https://tech.yandex.ru/education/shri/msk-2013/talks/1337/Клиентская оптимизация: https://tech.yandex.ru/education/shri/msk-2013/talks/1435/Profiler: https://tech.yandex.ru/education/shri/msk-2013/talks/1440/Верстка.Вид снизу: https://tech.yandex.ru/education/shri/ekb-2013/talks/1562/Оптимизация фронтенда: https://tech.yandex.ru/education/shri/ekb-2013/talks/1563/Видео от Олега Мохова: Драматическая история одной маленькой промостраницыВидео от Fronteers: раз, дваResponsive Web-дизайн: Трюки и уловкиВадим Макишвили "36"Курс по оптимизации фронтенда От ГуглаГит и консолька: рекомендовано Сережей -
Учимся писать тесты
-
Курс с learn.javascript
1 часть учебника2 часть учебникаООП в функциональном стилеООП в прототипном стилеВеб-компоненты: взгляд в будущееAJAX и COMETАнимацияОптимизацияОкна и ФреймыРегулярные выраженияО всякой всячинеES-2015 -
Прослушать подкасты
На работе, как выяснилось, самое время слушать подкасты. Они не очень сильно отвлекают, но я и не очень в них вслушиваюсь. Поэтому, пусть будут краем уха прослушанные JS подкасты - хотя бы в общем в курс событий введут.
- RadioJS
- Frontflip
- 18/06/2015 » 13. Ember 2.0. Андрей Листочкин
- 24/04/2015 » 12. Meteor.js в подробностях. Слава Ким
30/03/2015 » 11. Flux, code hot reload и чтение правильных книг в детстве. Даня Абрамов05/02/2015 » 10. Оптимизация SVG. Кир Белевич15/12/2014 » 9. ScalaJS, многопоточность и неблокируемый UI17/11/2014 » 8. От колориста до фронтендщика. Саша Курганов09/11/2014 » 7. Куда катится фронтэнд. Вячеслав Шебанов10/09/2014 » 6. Точка с запятой как оскорбление человека. Андрей Ситник09/08/2014 » 5. Пико-новости24/07/2014 » 4. Пико-новости06/07/2014 » 3. Ember.js раньше и сейчас. Павел Шаварда22/06/2014 » 2. Функциональное программирование как единственно возможный вектор развития программиста. Дмитрий Грошев08/06/2014 » 1. Webpack, React и побег от assets pipeline. Саша Косс26/05/2014 » 0. Пилотный выпуск. Тестирование JS с Максимом Рыжиковым
Пятиминутка JavaScript- Радио-Т
- RadioJS
-
Цикл Статей "Выразительный JavaScript"
ВведениеВеличины, типы и операторыСтруктура программФункцииСтруктуры данных: объекты и массивы- Функции высшего порядка
- Тайная жизнь объектов
- Проект: электронная жизнь
- Поиск и обработка ошибок
- Регулярные выражения
- Модули
- Проект: язык программирования
- JavaScript и браузер
- Document Object Model
- Обработка событий
- Проект: игра-платформер
- Рисование на холсте
- HTTP
- Формы и поля форм
- Проект: Paint
- Node.js
- Проект: веб-сайт по обмену опытом
- Песочница для кода
Трэш и унылость. Никому не рекомендую
-
Научиться работать с Гитом
Для начала просмотреть видяшку из подзадачи с видяшкамиПройти курс от гитхаба по использованию консолькиgit-game
-
Лекции Технопарка Мейл.ру
Надо будет пройти лекции по веб-технологиям и фронтенду
Первый семестр, web-технологииВторой семестр, Проектирование интерфейсовВторой семестр. Фронтенд
ЛЕКЦИЯ №1ЛЕКЦИЯ №2ЛЕКЦИЯ №3- ЛЕКЦИЯ №4
- ЛЕКЦИЯ №5
- ЛЕКЦИЯ №6
- ЛЕКЦИЯ №7
- ЛЕКЦИЯ №8
- ЛЕКЦИЯ №9
- ЛЕКЦИЯ №10
- ЛЕКЦИЯ №11
- ЛЕКЦИЯ №12
-
mongoDB
Week 1: IntroductionWeek 2: CRUDWeek 3: Schema DesignWeek 4: PerformanceWeek 5: Aggregation FrameworkWeek 6: Application Engineering- Week 7: Mongoose
- Final Exam
https://university.mongodb.com/courses/MongoDB/M101JS/2015_August/syllabus
-
JavaScript Garden
IntroObjectsFunctionsArraysTypesCoreOther
-
Цикл Статей Дмитрия сошникова
Тонкости ECMA-262-3. Часть 0. Введение.Тонкости ECMA-262-3. Часть 1. Контексты исполнения.Тонкости ECMA-262-3. Часть 2. Объект переменных.Тонкости ECMA-262-3. Часть 3. This.Тонкости ECMA-262-3. Часть 4. Цепь областей видимости.Тонкости ECMA-262-3. Часть 5. Функции.Тонкости ECMA-262-3. Часть 6. Замыкания.Тонкости ECMA-262-3. Часть 7.1. ООП: Общая теория.Тонкости ECMA-262-3. Часть 7.2. ООП: Реализация в ECMAScript.Тонкости ECMA-262-3. Часть 8. Стратегия передачи параметров в функцию.Тонкости ECMA-262-5. Часть 1. Свойства и дескрипторы свойствJavaScript. Ядро.- Заметки ES6: значения параметров по умолчанию
-
Список того, что нужно освоить
Видео про эвент лупыНа хабре ждет цикл статей: Выразительный JavaScript.Статья про npmпросмотреть еще раз learn.javascript.ru. Начиная с темы про массивы читать внимательнее.Ну, в процессе общения выяснилось, что надо почитать еще и про то, как объединить цикл фор с сеттаймаутом.Почитать про "yield" - он почти загадочный и неизвестныйПочитать про "prototype"Курсы с MDN-learnСтатья Размышления о стандартной библиотеке JavaScript. Core.jsПрочитать кодстайл ЯндексаЦикл статей Дмитрия СошниковаСтатья про быстрый JSСтатья про способы перебора массива в JSСайт JavaScript Garden- JavaScript The Right Way
- ресурс: hexlet.io.
- Книжка Паттерны для масштабируемых JavaScript-приложений
Курс Sorax'а- Видео с Ftonteers Sara Soueidan - Animating SVGs with CSS and SMIL
- Продвинутый уровень html + css
- Видео Memory Management Masterclass
- Курс по оптимизации от майкрософт
- Еще курс по оптимизации от гугла
- Статья JavaScript — шаблоны наследования
- Видео Lea Verou - The missing slice
- Видео The Problem with Time & Timezones - Computerphile
- Статья 15 тривиальных фактов о правильной работе с протоколом HTTP
- Статья Как работают замыкания (под капотом) в JavaScript
- Статья Ликбез по типизации в языках программирования
- Просмотреть Гугловый стайлгайд
-
Книги
- Кнут, "Искусство программирования"
- "Рефакторинг"
- "Алгоритмы: построение и анализ"
- "Совершенный код"
- Learning JavaScript Design Patterns
-
Codeschool
JavaScript Part3- JavaScript Advanced
- RegularExpression
- Git Real
-
JS: The Right Way
Google StyleguideIdiomatic styleguideIntroduction to Object-Oriented JavaScriptJavascript anonymous functions- Functions are first class objects in javascript
- Understanding Loose Typing in JavaScript
- JavaScript Scoping and Hoisting
- Understanding JavaScript’s Function.prototype.bind
- Closures
- Strict mode
- Immediately-Invoked Function Expression (IIFE)
Не пропустіть нові записи!
Підпишіться на ціль і стежте за її досягненням
