Различия между HTML, CSS и JavaScript:
HTML, CSS и JavaScript — это не одно и то же, но они могут работать вместе как одна команда! Было бы легче понять различия между этими тремя языками, если бы вы рассматривали веб-страницу как человеческое тело.
HTML означает язык гипертекстовой разметки. HTML — это структурный язык, который строит базовую структуру веб-страницы, похожую на ваш скелет. Это делается с помощью тегов, элементов и атрибутов. Такие вещи, как заголовки, абзацы, изображения, текст и гиперссылки, могут быть предоставлены HTML!
Если HTML — это скелет, то CSS — это оболочка.
CSS означает каскадную таблицу стилей. CSS обеспечивает стиль и макет веб-страницы. С помощью CSS вы можете установить цвет и фон ваших элементов, а также шрифт, поля, интервалы и отступы, что сделает вашу веб-страницу визуально привлекательной. Без CSS веб-сайты выглядели бы довольно скучно. Или голый.
JavaScript — это язык программирования, который обеспечивает расчеты, логические условия и все функции для веб-страницы, например. всплывающее предупреждение или запрос на вход. Не слишком усложняя, это похоже на ваш мозг, приводящий ваше тело в движение.
JavaScript позволяет вам заставить вашу веб-страницу думать и действовать — в этом и заключается программирование.
ДОМ:
Объектная модель документа (DOM) — это программный интерфейс, который определяет, как HTML-документы интерпретируются веб-браузером.
Когда браузер читает HTML-документ, он строит древовидную модель, называемую DOM, которая представляет его, и использует ее, чтобы решить, что отображать.
Проверьте эту модель ниже:
Эта древовидная модель отражает то, как элементы HTML содержат другие дочерние элементы. В JavaScript есть функции, которые позволяют быстро извлекать данные из определенных частей дерева в зависимости от атрибутов, которые вы присвоили HTML-элементам. Каждый элемент HTML в DOM называется узлом. CSS и Javascript используются для изменения или управления тем, что вы видите в браузере, путем доступа к узлам через DOM.
Поток управления и циклы:
Вы когда-нибудь были в ловушке однообразия скучного графика? Чувствуете, что повторяете одни и те же задачи снова и снова? Вы существуете в петле! К счастью, человеческие рутины могут быть изменены или изменены, когда это необходимо.
Как и в случае с нашими подпрограммами, иногда мы хотим, чтобы наша программа действовала по-разному в зависимости от предоставленной ей информации. Поток управления будет выполняться сверху вниз по коду, если только он не встретит оператор, который изменяет поток программы, такой как цикл. Это позволяет вам указать вашей программе, как решить, какие разделы кода запускать и когда.
Циклы в JavaScript предоставляют простой способ повторять что-либо. Хотите повторить что-то 10 раз? Количество необходимого кода будет одинаковым, хотите ли вы повторить его 10 раз или 10 000 раз. Вам нужно будет только указать номер. Цикл завершится, как только будут выполнены указанные условия.
В то время как большинство людей считают повторение одной и той же задачи бесконечное количество раз губительным для души, компьютеры превосходно справляются с этим!
Функции и почему они полезны:
Функции — это в основном набор операторов, которые выполняют задачу или вычисляют значение.
Функции полезны, поскольку они позволяют вам устанавливать определенные инструкции, которые вы можете вызывать в действие в любое время, не повторяя одну и ту же строку кода.
Повторение кода не только раздражает, но и означает, что ваши файлы будут больше и будут занимать больше места. Если вы хотите что-то изменить, вам придется изменить тот же код в нескольких местах, что увеличивает вероятность появления ошибок.
Доступ к данным из массивов и объектов:
Массив может содержать много значений, и вы можете получить доступ к значениям, обратившись к порядковому номеру, аналогично нумерованному списку. Имейте в виду, что номер индекса массива всегда будет начинаться с [0].
Список имен в массиве будет выглядеть так:
Если вы хотите извлечь третье имя из списка, вы должны сделать это:
Объекты используются для представления чего-либо. Объект содержит ключевые значения, присвоенные ему. Допустим, вы хотели сохранить больше информации об Ари:
Чтобы получить доступ к цвету глаз Ари, вы должны сделать это:
