Учебники и прочие материалы по веб-разработке

[AlexP]

https://learn.javascript.ru
Современный учебник Javascript.

https://code-basics.ru
Самые основы программирования, PHP, JS, Python, Java, HTML/CSS с интерактивными задачами для практики.

https://www.phptherightway.com (русский перевод)
https://phpbestpractices.org
Сборники актуальной информации, “best practices” по PHP.

Что нового в PHP 7.0-7.4

http://phpfaq.ru/newbie/na_tanke
http://phpfaq.ru/debug
Самые основы работы PHP, веба и как найти ошибку в своем коде

https://developer.mozilla.org
MDN. Документация по веб-технологиям, стандартам, JS, …

https://www.w3schools.com
Более простой справочник по HTML, CSS, JS, SQL. Возможно лучше подойдет новичкам, чем MDN + удобно, что можно запустить код примера прямо на сайте, поиграться изменяя его.
Несколько лет назад он часто критиковался за неправильную информацию/демонстрацию плохих подходов, но вроде бы многое уже поправили. В общем для базового представления сойдет.

http://htmlbook.ru/html
http://htmlbook.ru/css
Русский справочник по HTML и CSS.

https://www.w3.org
Спецификации по многим веб-технологиям. Например, HTML, CSS, SVG.
Бывает полезно когда нужна более подробная и точная информация, чем в MDN и других справочниках.

Объясняем современный JavaScript динозавру
Неплохая статья для понимания основ менеджеров зависимостей (npm), webpack и т.п.

Как объяснить 10 лет веб-разработки путешественнику во времени из 2007
Краткий обзор разных штук появившихся за последние 10 лет. Веб-приложения, облака, микросервисы, управление конфигурацией (Chef, Ansible), виртуальные машины и контейнеры (Vagrant, Docker), NoSQL, рост популярности JS, CSS фреймворки (Bootstrap), JS фреймворки (Angular, React), …

Короткие гайды на разные общие темы и по вебу. Хорошие инженерные практики, настройка Windows для современной разработки, виртуализация, Vagrant, Docker, SSH, vim, слепая печать, Git, …, DNS, Jekyll, Bootstrap, …

[8Observer8 (Иван)]

Mastering TypeScript 3: Build enterprise-ready, industrial-strength web applications using TypeScript 3 and modern frameworks, 3rd Edition
Есть глава по unit-тестированию и TDD. Показано, как использовать unit-тесты на Jasmine при компилировании в AMD модули, что позволило мне освоить запуск unit-тестов в песочнице.

Web Development with MongoDB and Node - Third Edition
В этой книге есть глава посвящённая Handlebars.

Серия учебников от одного автора:

• A Smarter Way to Learn HTML & CSS: Learn it faster. Remember it longer
• A Smarter Way to Learn JavaScript: The new approach that uses technology to cut your effort in half
• A Smarter Way to Learn jQuery: Learn it faster. Remember it longer
• A Smarter Way to Learn Python: Learn it faster. Remember it longer

[8Observer8 (Иван)]

https://metanit.com/web/
Руководства по введение в веб-технологии и веб-языки на русском.

Лично мне понравились следующие руководства:

• Руководство по HTML5 и CSS3: https://metanit.com/web/html5/
• Руководство по TypeScript: https://metanit.com/web/typescript/
• Руководство по Node.js: https://metanit.com/web/nodejs/
• Онлайн-книга “Изучаем jQuery”: https://metanit.com/web/jquery/
• Онлайн-книга по WebGL: https://metanit.com/web/webgl/

[8Observer8 (Иван)]

TypeScript Abstract Class Guide

Туториал объясняющий ключевое слово “abstract” перед именем класса и именем метода.

Мой пример базового абстрактного класса с абстрактным методом Init для паттерна MVC на Node.js/Express. Введение на русском в паттерн MVC на Node.js/Express/JavaScript/Handlebars: https://metanit.com/web/nodejs/7.1.php

BaseRouter.ts

import { Router } from "express";

export default abstract class BaseRouter
{
    protected router: Router;

    public constructor()
    {
        this.router = Router();
        this.Init();
    }

    public get Router(): Router
    {
        return this.router;
    }

    protected abstract Init();
}

[8Observer8 (Иван)]

Модели и представления паттерна MVC на Node.js: https://metanit.com/web/nodejs/7.2.php
В туториале описывается, как создать первую модель в виде массива и представление с использованием Handlebars.

Я перевёл пример туториала на TypeScript: mvc-model-as-array-in-typescript-master.zip (27.2 КБ)
GitHub: https://github.com/8Observer8/mvc-model-as-array-in-typescript

Инструкция для установки, компиляции и запуска:

Установить компилятор TypeScript глобально:

npm typescript -g

Установить пакеты из package.json файла:

npm i

Скомпилировать TS-файлы в JS-файлы:

npm run build

Запустить сервер локально:

npm start

Набрать в браузере:

localhost:3000/users/create

[8Observer8 (Иван)]

Django, Python

Онлайн-руководство на русском: https://metanit.com/python/django/

Книга на английском: Test-Driven Development with Python: Obey the Testing Goat: Using Django, Selenium, and JavaScript