Автор статьи: Бочерова Наталья Александровна

немного сказаного

СОДЕРЖАНИЕ: Всем привет, вот и пришло время узнать нам с вами основы JavaScript, так как JavaScript является той технологией, с помощью которой можно организовать динамические HTML страницы у себя на сайте. Примечание. Данный урок предназначен в большей степени для тех пользователей, которые понимаю общие принципы программирования, а также знают основы HTML. Если вы не знаете что такое тег ol и li то вам лучше познакомиться сначала с основами HTML. Также если вы не знаете что это за конструкция if…then…else (это общий вид) то тоже рекомендую узнать общие принципы программирования в не зависимости от языка программирования. Только в этом случае можно начать изучать JavaScript. И этот урок будет для вас максимально полезен. И начнем как обычно с основ, т.е. с определения, что такое JavaScript? JavaScript – это скриптовый язык программирования, код которого, выполняется на стороне клиента (пользователя). Применяется обычно для организации на сайте динамических HTML страниц, без перезагрузки самой страницы, т.е. без обращения к серверу. А зачем вы спросите организовывать динамические страницы? Во-первых, это красиво, удобно и современно. Во-вторых, для того чтобы сделать любое изменение на сайте необходимо перезагрузить страницу, при этом у сервера будут отниматься ресурсы, а теперь представьте что у вас посещаемый сайт и таких обращений очень много, ваш сервер будет просто на всего перегружен. А так как JavaScript это клиентская технология обращения к серверу не нужны. Вся программа на JavaScript будет выполняться непосредственно у вас на компьютере или на компьютере пользователя, который зашел к вам на сайт. Теперь поговорим конкретней для чего можно использовать JavaScript у себя на сайте? Например, для динамически выпадающего меню или появления, исчезания каких-то элементов управления. В общем можно сделать практически все что угодно. Сейчас давайте разберемся с принципами этого языка программирования. JavaScript не строго типизированный язык программирования. Точку с запятой в конце каждой строки можно не ставить, но лучше ставить, для того чтобы самим лучше понимать и читать код, но если вы вдруг забыли поставить точку с запятой, то никакой ошибки не будет в отличие, например от языка PHP. В процессе формирования HTML страницы браузером, сам браузер не только отрисовывает ее, но и формирует так называемое дерево элементов, которое состоит из узлов. А каждый узел формируется на основе кода HTML. Исходя из всего сказанного, можно сказать, что JavaScript может изменять это дерево и соответственно изменять сам код HTML, а как следствие изменять отображение HTML страницы в браузере. Под изменением дерева элементов понимается как само изменение некоторых узлов, так и удаление, добавление этих самых узлов. Чтобы было понятней, узел формируется на основе элементов в HTML другими словами тегов, или самого содержимого, т.е. текста. Например, следующий код HTML можно отобразить в виде дерева элементов. Код HTML: <html> <body> <p>Привет</p> </body> </html> Узлы этого кода: Корневой Узел – html Дочерний Узел узла HTML - body Дочерний Узел узла body – p Дочерний Узел узла p - сам текст (текст является отдельным узлом, это нужно помнить при добавлении, удалении и изменении текста). Надеюсь с этим понятно, перейдем непосредственно к синтаксису и написанию первых программ на JavaScript. По началу мне показалось, что JavaScript очень схож, с серверным языком программирования PHP, но это только в некоторых конструкциях, да, кстати, он также схож и с просто языком программирования JAVA, но на самом деле схоже написание нескольких конструкций и называние этих языков, но в остальном, имеется в виду в принципах программирования, это две разные вещи. Кстати JavaScript никак не связан с языком JAVA, если только названием, поэтому не путайте JavaScript это один язык программирования, а Java это совсем другой. Но почему его назвали именно JavaScript? Да потому что в то время когда разрабатывали JavaScript был сильно популярен язык Java, и поэтому разработчики JavaScript решили переименовать свой язык LiveScript (так он изначально назывался) в JavaScript, а также изменили написание базовых конструкций, похожих на Java. Кстати JavaScript официально называется ECMAScript, существует одноименный стандарт. Это для того чтобы не было проблем с владельцами торговой марки Java. Так как JavaScript и JAVA это совершенно два разных языка программирования. А почему у всех на устах название JavaScript? Да потому что просто так привыкли, и все называют язык ECMAScript языком JavaScript. Ну, хватит!!!!..

Всем привет, вот и пришло время узнать нам с вами основы JavaScript, так как JavaScript является той технологией, с помощью которой можно организовать динамические HTML страницы у себя на сайте.

Примечание. Данный урок предназначен в большей степени для тех пользователей, которые понимаю общие принципы программирования, а также знают основы HTML. Если вы не знаете что такое тег ol и li то вам лучше познакомиться сначала с основами HTML. Также если вы не знаете что это за конструкция if…then…else (это общий вид) то тоже рекомендую узнать общие принципы программирования в не зависимости от языка программирования. Только в этом случае можно начать изучать JavaScript. И этот урок будет для вас максимально полезен.

И начнем как обычно с основ, т.е. с определения, что такое JavaScript? JavaScript – это скриптовый язык программирования, код которого, выполняется на стороне клиента (пользователя). Применяется обычно для организации на сайте динамических HTML страниц, без перезагрузки самой страницы, т.е. без обращения к серверу.

А зачем вы спросите организовывать динамические страницы?

Во-первых, это красиво, удобно и современно.

Во-вторых, для того чтобы сделать любое изменение на сайте необходимо перезагрузить страницу, при этом у сервера будут отниматься ресурсы, а теперь представьте что у вас посещаемый сайт и таких обращений очень много, ваш сервер будет просто на всего перегружен. А так как JavaScript это клиентская технология обращения к серверу не нужны. Вся программа на JavaScript будет выполняться непосредственно у вас на компьютере или на компьютере пользователя, который зашел к вам на сайт.

Теперь поговорим конкретней для чего можно использовать JavaScript у себя на сайте? Например, для динамически выпадающего меню или появления, исчезания каких-то элементов управления. В общем  можно сделать практически все что угодно.

Сейчас давайте разберемся с принципами этого языка программирования. JavaScript не строго типизированный язык программирования. Точку с запятой в конце каждой строки можно не ставить, но лучше ставить, для того чтобы самим лучше понимать и читать код, но если вы вдруг забыли поставить точку с запятой, то никакой ошибки не будет в отличие, например от языка PHP.  В процессе формирования HTML страницы браузером, сам браузер не только отрисовывает ее, но и формирует так называемое дерево элементов, которое состоит из узлов. А каждый узел формируется на основе кода HTML. Исходя из всего сказанного, можно сказать, что JavaScript может изменять это дерево и соответственно изменять сам код HTML, а как следствие изменять отображение HTML страницы в браузере. Под изменением дерева элементов понимается как само изменение некоторых узлов, так и удаление, добавление этих самых узлов. Чтобы было понятней, узел формируется на основе элементов в HTML другими словами тегов, или самого содержимого, т.е. текста. Например, следующий код HTML можно отобразить в виде дерева элементов.

Код HTML:

 


 


     

Привет


 



Узлы этого кода:

Корневой Узел – html

Дочерний Узел узла HTML - body

Дочерний Узел узла body – p

Дочерний Узел узла p -  сам текст (текст является отдельным узлом, это нужно помнить при добавлении, удалении и изменении текста).

Надеюсь с этим понятно, перейдем непосредственно к синтаксису и написанию первых программ на JavaScript.

По началу мне показалось, что JavaScript очень схож, с серверным языком программирования PHP, но это только в некоторых конструкциях, да, кстати, он также схож и с просто языком программирования JAVA, но на самом деле схоже написание нескольких конструкций и называние этих языков, но в остальном, имеется в виду в принципах программирования, это две разные вещи. Кстати JavaScript никак не связан с языком JAVA, если только названием, поэтому не путайте JavaScript это один язык программирования, а Java это совсем другой. Но почему его назвали именно JavaScript? Да потому что в то время когда разрабатывали JavaScript был сильно популярен язык Java, и поэтому разработчики JavaScript решили переименовать свой язык LiveScript (так он изначально назывался) в JavaScript, а также изменили написание базовых конструкций, похожих на Java. Кстати JavaScript официально называется ECMAScript, существует одноименный стандарт. Это для того чтобы не было проблем с владельцами торговой марки Java. Так как JavaScript и JAVA это совершенно два разных языка программирования. А почему у всех на устах название JavaScript? Да потому что просто так привыкли, и все называют язык ECMAScript языком JavaScript.

Ну, хватит..


Copyright © MirZnanii.com 2015-2018. All rigths reserved.