Никита Егоров

1. 20+ интересных идей для создания веб-приложений
2.

Одностраничные приложения позволяют имитировать работу десктоп приложений. Архитектура устроена таким образом, что при переходе на новую страницу, обновляется только часть контента. Таким образом, нет необходимости повторно загружать одни и те же элементы. Это очень удобно для разработчиков и пользователей.

оригинал

https://jsfiddle.net/1mbs4et7/29/
Если добавить span, то дивы по счету 3 или 4, а не 1 и 2

То есть вместо

.about  div:nth-child(1) {
    //...
}
.about  div:nth-child(2) {
    //...
}

Нужно

.about  div:nth-child(3) {
    //...
}
.about  div:nth-child(4) {
    //...
}

Демонстрация того, что SPA это быстро и красиво, не думали об этом?

https://stackoverflow.com/questions/36016327/how-t...

JavaScript - удобный язык, если разработчик хочет использовать разные стили программирования.
В js если хотите использовать ООП, можете использовать прототипный стиль или же функциональный.
Используя классы - не вводится новая объектно-ориентированная модель, внутри все те же прототипы, это просто синтаксический сахар

class Parent {
    constructor() {
        this._name = 'Иван'
    }

    get name() {
         return this._name
     }
}

class Child extends Parent {
    constructor() {
        super()
        this._patronymic = 'Иванович'
    }

     get patronymic() {
         return this._patronymic
     }

     getMsg() {
         console.log(`${super.name} ${this.patronymic}`)
     }
 }

const child = new Child() 

child.getMsg()

Посмотрите уроки codeDojo по наследованиям - Уроки

https://jsfiddle.net/Svupol/w2g3f9ys/14/

const elements = document.getElementsByClassName('test')

Array.from(elements).forEach(element => {
    element.addEventListener('click', () => {
         element.style.backgroundColor = 'red'
    })
})

Вроде как только через препроцессор html - pug.

npm i -D pug pug-plain-loader
Инструкция по подключению:
https://www.npmjs.com/package/pug-plain-loader
Документация:
https://pugjs.org/api/getting-started.html

И ещё. ExtractTextPlugin официально не поддерживается с webpack 4. Рекомендуется использовать MiniCssExtractTextPlugin. Он от тех же разработчиков, но без багов и прочего + оф. поддерживается.

// js (НЕ webpack.config.js)

console.log(process.env.NODE_ENV)

Переменная окружения process.env.NODE_ENV не будет работать в конфигурационном файле webpack, для версии webpack 4.
Specify the environment

Можно в дочернем написать this.$root.$data и менять соответствующие параметры

Если нужен IE 11, то транспилируйте, в чем вопрос?

Нет никакой разницы