JavaScript

Палитра цветов и заготовка кода:

палитра цветов онлайн заготовка кода

Выберите тему:

Добавление сценариев и синтаксис языка JavaScript
Урок 1:
Добавление сценариев Javascript в HTML
Синтаксис javaScript, основные понятия
    Правила оформления скрипта JavaScript
    JavaScript комментарии
Объявление переменных в javaScript и оператор присваивания
    Константы в javaScript
Javascript типы данных
    Логический тип (boolean)
    Строковый тип (string)
    Числовой тип (number)
Арифметические операторы javascript

Урок 2:
Функции javaScript для работы с типами данных
Методы javaScript вывода данных и ввода

Основные конструкции языка JavaScript
Урок 3:
Условный оператор в javaScript
Тернарный оператор javaScript
Оператор переключения в javaScript — Switch
Операторы циклов в javaScript — For
    Операторы выхода из цикла break и continue в javaScript. Оператор Exit
Операторы циклов javaScript. While
Оператор цикла с постусловием в javaScript — do-while
Цикл javaScript — For In
Оператор обработки исключений в javaScript — try..catch

Функции языка JavaScript: встроенные и пользовательские
Урок 4:
Встроенные функции Javascript
Пользовательские функции Javascript
Javascript функции с параметрами (аргументами) и возврат значений
Все способы создания пользовательских функций
Использование выражений с функциями
Область видимости переменных. Javascript глобальные и локальные переменные в функции
Рекурсивная функция javascript
Стрелочные функции или лямбда выражения

Работа с массивами в JavaScript
Урок 5:
JavaScript объекты
JavaScript массивы, тип данных Array
Javascript создание массива
Javascript: работа с массивами
Свойства массива (Array) в javaScript
Методы массива (Array) в javaScript
Ассоциативный массив в javaScript

Объектно-ориентированное программирование в JavaScript
Урок 6:
JavaScript объекты
JavaScript создание объектов
Доступ к свойствам объектов в javaScript
JavaScript методы объектов
Javascript прототипы (Prototype)
Объекты javaScript Location, Navigator, Screen
Замкнутые функции при работе с объектами

Урок 7:
Регулярные выражения javaScript
Объект Date для работы с датой и временем в javaScript

Объектная модель документа DOM
Урок 8. Часть 1:
Объекты javascript и объектная модель документа
    Свойства и атрибуты объекта document в javaScript
    Методы для работы с атрибутами в JavaScript
    Свойства элемента body
Доступ к элементам документа в javaScript
Проверка правильности внесения данных формы

Урок 8. Часть 2:
Типы событий JavaScript
Событие onLoad. Свойства высоты и ширины объекта в javaScript
Событие onclick javaScript и три способа обработки событий
    События onMouseOver и onMouseOut
Несколько обработчиков одного и того же события

Урок 9:
Форма: идентификация формы, события
  Идентификация формы в javaScript
  Методы формы
  Событие javascript onsubmit и onreset

Урок 10:
Объект text: свойства и события
  Событие javaScript нажатие клавиши — onkeypress
Служебное слово в javaScript this

Урок 11:
События объекта (тега) body onLoad и onUnload
Объект textarea в javascript
Событие onfocus в javascript: получение фокуса
Событие onblur в javascript: потеря фокуса

Урок 12:
Объект checkbox в javaScript
  Свойство checked
Объект переключатель — radio — в javaScript

Урок 13:
Событие javascript onresize объекта window
Объект javascript выпадающий список — select
  Объект option
Директивы outerHTML и innerHTML в javaScript

Урок 14:
Объект canvas
Проверка поддержки canvas
Рисование фигур (примитивов)
Выбор цвета в canvas
Рисование путей в canvas

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

Итак, приступим.

Для начала разберем, javaScript – что это такое и зачем он необходим в html?
Javascript — это алгоритмический язык программирования.

Рассмотрим схему взаимодействие браузера с сервером — клиент-серверную схему. Принцип работы строится на схеме запрос-ответ. Мы вбиваем адрес в строке адреса браузера, браузер отсылает запрос на сервер: «необходим такой-то ресурс». Сервер обрабатывает запрос и выдает ответ в виде html-страницы.

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

Но недостаток схемы в том, что взаимодействие клиент-сервер занимает какое-то время. И если мы хотим сделать интерактивную страницу, которая бы реагировала быстро на действия пользователя, то нам эта схема не подходит. И, кроме того, во многих случаях большинство действий со страницей и ее объектами можно выполнить на компьютере пользователя: например, подсветка пункта по наведению мыши. Зачем для подсветки загружать сервер, заставляя его заново формировать и выдавать страницу? Можно это сделать на клиентском компьютере.

Однако, язык html – декларативный язык, и он не может выполнять алгоритмические конструкции. Поэтому в середине 90-х годов прошлого века возникла идея встроить в html еще один язык, простой, и с его помощью выполнять простые программы без запроса-ответа к серверу. Идея появилась у программистов компании Netscape Communications. Они разработали javaScript — алгоритмический язык программирования и встроили в свой браузер Netscape Navigator. Назывался язык lifeScript (живой сценарий).

В середине 90 была популярна платформа java. Данный язык был настолько новаторским и популярным, что бытовало мнение, что в скором времени все будут программировать на java. Поэтому программисты Netscape переименовали свой lifeScript в javaScript и сделали синтаксис похожим, позаимствовав некоторые основные конструкции. Однако, javaScript и java — это два совершенно разных языка. В дальнейшем поддержку javaScript добавили и в другие браузеры. Стали разрабатывать и принимать стандарты javaScript (ECMA).

Итак, кратко по истории JavaScript:

  • Разработан в Netscape Communications как язык сценариев для обозревателей Netscape Navigator, начиная с версии 2.0 (декабрь 1995 ) (на основе языка Java от Sun Microsystems). Язык LifeScript =>JavaScript
  • К разработке подключается корпорация Microsoft, чьи обозреватели Internet Explorer поддерживают JavaScript, начиная с версии 3.0. В Internet Explorer JavaScript носит название Jscript
  • В июне 1997 г. была принята первая версия стандарта под названием ECMAScript (ECMA-262) – официальное название JavaScript.