Сегодня, уважаемый читатель, я предлагаю вашему вниманию четвертую часть видеокурса по JavaScript. Настало время погружения в дебри и сложности JavaScript-а.
Содержание видеоурока:
Объектно-ориентированный подход (ООП) в JavaScript. Я расскажу, что такое объекты, свойства и методы, познакомлю вас со стандартными объектами, созданными разработчиками JavaScript и покажу как создаются свои собственные новые объекты (рассмотрим работу с функцией-конструктором).
Эту тему я считаю очень важной, поскольку объектно-ориентированная парадигма позволяет серьезно упростить сложные программы. Однако, если вы не собираетесь создавать сложных программ, то необходимость понимания ООП весьма сомнительна. В пользу все-таки необходимости изучения ООП могу привести тот факт, что в API Яндекс.Карт используется как раз ООП JavaScript-а и его понимание облегчит работы с картами от Яндекса. Да и вообще, изучать JavaScript и не затронуть его ООП-возможности – это непозволительная роскошь 
Динамическая верстка. В предыдущих видеоуроках я знакомил вас с возможностями изменения стилей отображения элемента посредством JavaScript. Сегодня я расскажу, каким образом можно изменять и сам HTML блока (директивы innerHTML, outerHTML, innerText, outerText). Со всем этим делом мы будим знакомится на примере реализации задачи ограничения количества вводимых символов в поле ввода и подсчета оставшегося их количества.
Читать полностью »
Уважаемый читатель, вышел новый видеоурок курса по JavaScript. В нем я познакомлю вас с оставшимися основными конструкциями языка, освоив которые и вооружившись знаниями из предыдущих уроков, вы, уже на данном этапе, сможете самостоятельно писать простенькие программки.
Содержание третьего видеоурока:
- Я познакомлю вас с моим любимым оператором – оператором условия (if – else).
- При написании программ обязательно потребуется умение работать с циклами (for, while), в этом видео я о них упомяну.
- Настоящий программист должен уметь пользоваться массивами.
- Но основная мысль этого видеоурока – познакомить вас со способами и источниками добычи недостающей информации о свойствах и методах тех или иных элементов.
Читать полностью »
Приветствую вас, уважаемый читатель, сегодня я публикую новый видеоурок по JavaScript. Теперь, от вводного словоблудия, которое я все равно считаю необходимым, мы переходим к практике.
Изучать какие-то новые вещи, как мне кажется, интереснее всего на примерах. Поэтому задачу связи элемента HTML-страницы с переменной JavaScript и организацию доступа к свойствам элемента мы будем осваивать на примере доступа к надписи по умолчанию в поле ввода. Т.е., я покажу как написать скрипт, который уберет надпись из поля ввода при клике по нему левой клавишей мыши.
Поставленная задача позволит:
- Освоить метод связи getElementById.
- Попрактиковаться в работе с переменными.
- Получить понимание древовидной (объектно-ориентированной) парадигмы JavaScript. Для пущего понимания я решу еще одну задачу – изменение цвета рамки поля ввода при клике.
- Поставленные задачи решаются двумя путями. Первый путь – это использование функции, что позволит нам изучить синтаксис процесса. Второй – применение директивы this, что, опять таки, позволит нам познакомиться с данной полезной штуковиной.
Читать полностью »
Уважаемый читатель, я запускаю новую серию видеоуроков. На этот раз, речь в них пойдет о браузерном языке программирования веб-сценариев JavaScript. Мы последовательно изучим базовые понятия и основы данного языка.
Полученные знания позволят писать простенькие веб-сценарии, изменяющие элементы на странице, выводящие окна-сообщения и проверять правильность ввода информации, но, главное – это то, что базовое понимание основ браузерного программирования даст вам возможность развиваться в данном направлении самостоятельно с меньшими энергозатратами.
Сегодня я предлагаю вам познакомится с вводным видеоуроком. Из него вы узнаете:
- Что такое JavaScript и в чем разница между серверными и браузерными сценариями.
- Основы синтаксиса языка JavaScript.
- Особенности работы с переменными (способы объявления и принципы автоматического определения их типа).
- Способы вызова JavaScript-сценария.
Кстати, JavaScript не имеет никакого отношения к языку Java. Есть, всего лишь, схожесть названия, корни которой проистекают из-за желания популяризовать JavaScript за счет очень популярного (в то время) языка Java.
Приступайте к просмотру видео.
Читать полностью »
