История изменений

• Js
• HTML5
• CSS
• DOM
• Ajax XMLHttpRequest

Фреймворки - это такая хитрая замануха в ад. Процесс такой: Читаешь про DOM и понимаешь, что он довольно сложный и низкоуровневый. Открываешь сайт фреймворка и видишь на главной как в три строчки написать сайт не зная основ. Осваиваешь море всякого бесполезного хлама, но по прежнему испытываешь страх от document.querySelector и XMLHttpRequest. В итоге начинаешь подключать библиотеки на каждый чих (который делается в три строчки на чистом js).

Дальше-больше. Начинается обмазывание трансляторами и парсерами. CoffeeScript вместо js. Yeoman-ом генеришь angular-каркас, который билдится в browserify-бандл с помошью grunt-a. Непонимание CSS заставляет думать, что тебе срочно нужен LESS, который ты тоже подключаешь к grunt-у. 50 строк HTML-а? Да нам срочно нужен Jade! И куда же мы без bower-a - ведь надо установить десяток браузерных библиотек.

В итоге имеется кучу хлама на сервере, который никак не связн с конечным результатом. Этот хлам магическим образом генерит вторую кучу хлама для клиента, в котором разобраться не в состоянии даже самый крутой хакер (ничего страшного - подопрем эту гору г**нокода source map-ом!)

А что реально нужно было? Написать несколько html, css, js-файлов. Всё.

Про DOM Читать mdn примерно в таком порядке: 1 2 3 4

И вообще читать MDN по всем вопросам, касающимся html, css, js

Еще можно при желании почитать про паттерн MVC и начать писать код в этом стиле

• Js
• HTML5
• CSS
• DOM
• Ajax XMLHttpRequest

Фреймворки - это такая хитрая замануха в ад. Процесс такой: Читаешь про DOM и понимаешь, что он довольно сложный и низкоуровневый. Открываешь сайт фреймворка и видишь на главной как в три строчки написать сайт не зная основ. Осваиваешь море всякого бесполезного хлама, но по прежнему испытываешь страх от document.querySelector и XMLHttpRequest. В итоге начинаешь подключать библиотеки на каждый чих (который делается в три строчки на чистом js).

Дальше-больше. Начинается обмазывание трансляторами и парсерами. CoffeeScript вместо js. Yeoman-ом генеришь angular-каркас, который билдится в browserify-бандл с помошью grunt-a. Непонимание CSS заставляет думать, что тебе срочно нужен LESS, который ты тоже подключаешь к grunt-у. 50 строк HTML-а? Да нам срочно нужен Jade! И куда же мы без bower-a - ведь надо установить десяток браузерных библиотек.

В итоге имеется кучу хлама на сервере, который никак не связн с конечным результатом. Этот хлам магическим образом генерит вторую кучу хлама для клиента, в котором разобраться не в состоянии даже самый крутой хакер (ничего страшного - подопрем эту гору г**нокода source map-ом!)

А что реально нужно было? Написать несколько html, css, js-файлов. Всё.

Про DOM Читать mdn примерно в таком порядке: 1 2 3 4

И вообще читать MDN по всем вопросам, касающимся html, css, js

• HTML5
• CSS
• DOM
• Ajax XMLHttpRequest

Фреймворки - это такая хитрая замануха в ад. Процесс такой: Читаешь про DOM и понимаешь, что он довольно сложный и низкоуровневый. Открываешь сайт фреймворка и видишь на главной как в три строчки написать сайт не зная основ. Осваиваешь море всякого бесполезного хлама, но по прежнему испытываешь страх от document.querySelector и XMLHttpRequest. В итоге начинаешь подключать библиотеки на каждый чих (который делается в три строчки на чистом js).

Дальше-больше. Начинается обмазывание трансляторами и парсерами. CoffeeScript вместо js. Yeoman-ом генеришь angular-каркас, который билдится в browserify-бандл с помошью grunt-a. Непонимание CSS заставляет думать, что тебе срочно нужен LESS, который ты тоже подключаешь к grunt-у. 50 строк HTML-а? Да нам срочно нужен Jade! И куда же мы без bower-a - ведь надо установить десяток браузерных библиотек.

В итоге имеется кучу хлама на сервере, который никак не связн с конечным результатом. Этот хлам магическим образом генерит вторую кучу хлама для клиента, в котором разобраться не в состоянии даже самый крутой хакер (ничего страшного - подопрем эту гору г**нокода source map-ом!)

А что реально нужно было? Написать несколько html, css, js-файлов. Всё.

Про DOM Читать mdn примерно в таком порядке: 1 2 3 4

И вообще читать MDN по всем вопросам, касающимся html, css, js