Можно лишь на одном JavaScript написать фронтенд?

Question

[Максим Федоров]

Можно ли на одном лишь JavaScript написать фронтенд? Или же без знаний HTML и CSS не обойтись?

Answer 1

[Алексей Уколов]

Не обойтись.

Answer 2

[Виталий]

Если только в брутальном стиле - в виде текста

Answer 3

[profesor08]

На js без С# не обойтись

Answer 4

[ApeCoder]

Надо знать что-то еще. Можно, например, написать UWP приложение или скрипт WSH, но он все равно будет использовать какую-то библиотеку для описания UI.

Answer 5

[Aleksei Podgaev]

Теоретически можно. Но без знаний DOM отрендерить страницу всё равно не получится, а DOM это по сути и есть HTML и CSS. Ну и кроме того без HTML и CSS ваше решение будет очень громоздким, негибким и трудноподдерживаемым. Оно вам нужно?

Comments

[Yustas Alexu]

Но без знаний DOM отрендерить страницу всё равно не получится

Еще как получится. React, Angular, Vue, Ember и прочие для этого и создавались.

[Андрей]

Yustas Alexu, это уже какое-то извращение получается, без дома, знаний html и css сделать сайт на angular каком-нибудь) Не проще ли тогда уж разобраться в html и css?)

[Yustas Alexu]

Андрей,

Не проще ли тогда уж разобраться в html и css?

отвечу вашей же цитатой (точнее частью):

решение будет очень громоздким, негибким и трудноподдерживаемым. Оно вам нужно?

[Андрей]

Yustas Alexu, это писал не я, но с автором этой цитаты согласен

[Aleksei Podgaev]

Yustas Alexu, Вы не напишете фронтенд ни на React ни на Angular не зная DOM. В обоих языках присутствует так или иначе шаблон с разметкой, теги, привязка значений через атрибуты этих тегов. Это и есть DOM. Без знания, какие есть теги, для чего они используются, какие у них есть встроенные атрибуты и что добавляет тот или иной фреймворк от себя, написать фронтенд не получится.
Другое дело CSS. Если прикрутить какой-нибудь Bootstrap и использовать встроенную тему оформления, то да, можно с CSS дела не иметь вообще.
Так что нет, без знания DOM, написать фронтенд не получится. Без CSS обойтись можно, если не нужно делать какой-то сложной разметки, которой нет в используемом стилевом фреймворке.

[Yustas Alexu]

Aleksei Podgaev, я вам возможно открою Америку, но шаблон с разметкой, теги и атрибуты не являются DOM.
Шаблон, теги и атрибуты это просто текст, разметка. Но DOM это не разметка и не текст, а внутреннее представление вашей разметки браузером в виде объектов, имеющих программный интерфейс для доступа к этим объектам и манипулирования ими. Например document.getElementByID это часть DOM, которая предоставляет средства для доступа к свойству id какого-либо объекта в DOM.
Так вот, все что я хотел сказать, это то, что в React, Angular и т.п. не обязательно знать, что такое document.getElementByID и подобные методы, чтобы отрендерить страницу. Но вы в силу своего незнания разницы между HTML и DOM неверно интерпретировали мой комментарий.

[Yustas Alexu]

Aleksei Podgaev, вот например здесь в третьем ответе очень точно описано, что такое DOM:

The Document Object Model (DOM) is a language-independent model made up of objects representing the structure of a document. HTML is one language for writing such documents.

Объектная модель документа (DOM) это независимая от языка модель, состоящая из объектов представляющих структуру документа. HTML это один из языков для написания таких документов.

[Aleksei Podgaev]

Yustas Alexu, вся проблема в том, что на данным момент HTML является де-факто единственным языком разметки для DOM в вебе, который без специальных плагинов понимают все браузеры. Поэтому если вы знаете DOM, вы автоматически знаете HTML. Что есть такого в HTML, чего не было бы в DOM? DOM представляет более богатый функционал, нежели HTML, именно поэтому и появились сначала jQuery, а потом и React и Angular, чтобы работать с ним.

document.getElementByID это часть DOM, которая предоставляет средства для доступа к свойству id какого-либо объекта в DOM

неверно. getElementById - это метод, который возвращает элемент DOM по заданному атрибуту Id.