JavaScript видеоурок #2

JavaScript воторой видеоурок

Приветствую вас, уважаемый читатель, сегодня я публикую новый видеоурок по JavaScript. Теперь, от вводного словоблудия, которое я все равно считаю необходимым, мы переходим к практике.

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

Поле ввода

Поставленная задача позволит:

  • Освоить метод связи getElementById.
  • Попрактиковаться в работе с переменными.
  • Получить понимание древовидной (объектно-ориентированной) парадигмы JavaScript. Для пущего понимания я решу еще одну задачу – изменение цвета рамки поля ввода при клике.
  • Поставленные задачи решаются двумя путями. Первый путь – это использование функции, что позволит нам изучить синтаксис процесса. Второй – применение директивы this, что, опять таки, позволит нам познакомиться с данной полезной штуковиной.

Читать полностью »



  Post to Twitter

Видеокурс по JavaScript

Видеоурок JavaScript

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

Полученные знания позволят писать простенькие веб-сценарии, изменяющие элементы на странице, выводящие окна-сообщения и проверять правильность ввода информации, но, главное – это то, что базовое понимание основ браузерного программирования даст вам возможность развиваться в данном направлении самостоятельно с меньшими энергозатратами.

Сегодня я предлагаю вам познакомится с вводным видеоуроком. Из него вы узнаете:

  • Что такое JavaScript и в чем разница между серверными и браузерными сценариями.
  • Основы синтаксиса языка JavaScript.
  • Особенности работы с переменными (способы объявления и принципы автоматического определения их типа).
  • Способы вызова JavaScript-сценария.

Кстати, JavaScript не имеет никакого отношения к языку Java. Есть, всего лишь, схожесть названия, корни которой проистекают из-за желания популяризовать JavaScript за счет очень популярного (в то время) языка Java.

Приступайте к просмотру видео.

Читать полностью »



  Post to Twitter

Стандарты HTML или что такое !DOCTYPE

Сегодня, уважаемый читатель, мы поговорим о такой загадочной вещи, как объявление стандарта, в соответствии с которым написан HTML-документ. Выполнять поставленную задачу призвана первая HTML-директива в коде веб-страницы, под названием !DOCTYPE.

Вот пример этой строки: <!DOCTYPE HTML PUBLIC  “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”>. Если вы не знаете, зачем нужна такая абракадабра и какой DOCTYPE выбрать в вашем случае, то в данной статье вы найдете ответы на эти вопросы, я, по крайней мере, постарался осветить проблему подробно :)

Читать полностью »



  Post to Twitter