Frontend-разработка

Статьи по 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-разработчику.

• Книга Выразительный Javascript

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 задания

Пример сложной архитектуры (браузерная игра) Сама игра: 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

Генератор файлов "бэмовского" блока. Очень удобная вещь по упрощению себе жизни