Step 6. Дополнительные источники

Описание появится по ходу выполнения шагов.

Дополнительные источники

• Статьи по JS Сборник самых заковыристых тем JS — JavaScript Garden Functions http://yehudakatz.com/2011/08/11/understanding-javascript-function-invocation-and-this/ Ключевое слово this в javascript — учимся определять контекст на практике / Хабрахабр Привязка контекста (this) к функции в javascript и частичное применение функций / Хабрахабр Область видимости в JavaScript и «поднятие» переменных и объявлений функций Замыкания в JavaScript / Хабрахабр Магия JavaScript: arguments Objects, classes etc Работа с объектами в JavaScript: теория и практика / Хабрахабр Понимание ООП в JavaScript [Часть 1] / Хабрахабр Понимание ООП на джаваскрипте (ES5), часть 2 Создание объектов в JavaScript./ Хабрахабр Методы в JavaScript / Хабрахабр ООП, прототипы, замыкания, «класс» Timer.js в Javascript/ Хабрахабр Особенности работы или «За что я люблю JavaScript»: Замыкания, Прототипирование и Контекст Prototype, proto и оператор new Отличия класс-ориентированного и прототип-ориентированного программирования на JS Попытка классификации и анализа существующих подходов к наследованию в Javascript Other Ох уж этот javascript (странности работы JS) Подводные камни JavaScript / Хабрахабр 10 странностей и секретов JavaScript / Хабрахабр Топ-11 самых частых ошибок в JavaScript 24 совета javascript-разработчику
• Еще одна замечательная книга, которую в идеале... ... прочесть перед написанием Жизни :) https://www.gitbook.com/book/karmazzin/eloquentjavascript_ru/details
• 30 последовательных урока по изучению базового JS (без установки библиотек, настроек вебпака и тд) JavaScript: 30 проектов за 30 дней — подборка потрясающих видео уроков от Wes Bos. Сайт с уроками — https://javascript30.com/ Исходный код — https://github.com/wesbos/JavaScript30
• Аналог html academy, только включая JS и другие языки http://skills.itvdn.com. • HTML&CSS - состоит из 138 заданий • JavaScript для начинающих - состоит из 94 заданий • C# Starter - состоит из 40 заданий • C# Essential - состоит из 90 заданий • SQL Essential - состоит из 41 задания
• Платные курсы (с бесплатными материалами) Речь о loftschool.com В открытом доступе в личном кабинете есть материалы прошлогоднего курса по веб разработке, надо всего создать личный кабинет https://loftschool.com/user/show Книги, которые loftschool рекомендует к прочтению:
  • Про jQuery — https://www.gitbook.com/book/antoshka007/jquery-trickshots/details
  • Про хорошие практики в разработке (аналог Совершенного кода Макконнелла, но легким языком) — https://www.dropbox.com/s/jr9f5ahkir9d38n/programmirovanie-bez-durakov.pdf?dl=0
  • Про Node & Express.JS — https://www.dropbox.com/s/qzysx3wglwvc3wm/%D0%98%D1%82%D0%B0%D0%BD%20%D0%91%D1%80%D0%B0%D1%83%D0%BD%20-%20Node%20%D0%B8%20Express.pdf?dl=0
• Пример сложной архитектуры (браузерная игра) Сама игра: http://thefounder.biz/ Исходники для изучения https://github.com/frnsys/the_founder
• React day on Frontend Racoon Смотреть записи снизу вверх, от старых к новым, от простых к сложным: https://vk.com/jsraccoon/reactday
• Вы просто проглядели весь список вверху и не читали оттуда материал к текущему моменту? Это нормально. Вот это уж точно можете прямо сейчас посмотреть Сатирические зарисовки на тему CSS, или Cюрпризы фронтенд-разработки

Полезные расширения для VS Code:

• Code Spell Checker - The goal of this spell checker is to help with catching common spelling errors while keeping the number of false positives low.
• px to rem - This is an extension for Visual Studio Code that allows you to convert px to rem, and vice versa.
• Local History — save last changes of the files even without Git

Статьи по CSS Удобно разделены свойства для flex-container и flex-items, в голове будет четкая картинка https://css-tricks.com/snippets/css/a-guide-to-flexbox/ Полезный канал для старта в JavaScript https://www.youtube.com/channel/UCP-xJwnvKCGyS-nbyOx1Wmg/videos Материалы по webpack Подробная статья на английском по настройке https://hackernoon.com/a-tale-of-webpack-4-and-how-to-finally-configure-it-in-the-right-way-4e94c8e7e5c1 Очень подробный аж целый онлайн учебник по настройке и работе сборщика https://survivejs.com/webpack/foreword/ пример сборки простого статического сайта с помощью webpack 4https://m.habr.com/ru/post/350886/ Генератор файлов "бэмовского" блока. Очень удобная вещь по упрощению себе жизни https://github.com/nicothin/NTH-start-project/blob/master/createBlock.js