JavaScript видеоурок #4
Сегодня, уважаемый читатель, я предлагаю вашему вниманию четвертую часть видеокурса по JavaScript. Настало время погружения в дебри и сложности JavaScript-а.
Содержание видеоурока:
Объектно-ориентированный подход (ООП) в JavaScript. Я расскажу, что такое объекты, свойства и методы, познакомлю вас со стандартными объектами, созданными разработчиками JavaScript и покажу как создаются свои собственные новые объекты (рассмотрим работу с функцией-конструктором).
Эту тему я считаю очень важной, поскольку объектно-ориентированная парадигма позволяет серьезно упростить сложные программы. Однако, если вы не собираетесь создавать сложных программ, то необходимость понимания ООП весьма сомнительна. В пользу все-таки необходимости изучения ООП могу привести тот факт, что в API Яндекс.Карт используется как раз ООП JavaScript-а и его понимание облегчит работы с картами от Яндекса. Да и вообще, изучать JavaScript и не затронуть его ООП-возможности – это непозволительная роскошь 
Динамическая верстка. В предыдущих видеоуроках я знакомил вас с возможностями изменения стилей отображения элемента посредством JavaScript. Сегодня я расскажу, каким образом можно изменять и сам HTML блока (директивы innerHTML, outerHTML, innerText, outerText). Со всем этим делом мы будим знакомится на примере реализации задачи ограничения количества вводимых символов в поле ввода и подсчета оставшегося их количества.
Видео на RuTube:
Первая часть видео на YouTube:
Вторая часть видео на YouTube:
Третья часть видео на YouTube:
Четвертая часть видео на YouTube:
Как и всегда видео в лучшем качестве можно скачать с Deposit Files или с Народного.Диска (*.wmv, 68,1 МБайт).
Исходники демонстрируемых в видео HTML-файлов можно скачать с Deposit-а (*.zip, 1.7 КБайт).
С уважением, Андрей Морковин.
Метки: JavaScript видеокурс
Похожие материалы:
Отзывов: 13 на «JavaScript видеоурок #4»
-
JavaScript - Видеоурок - Часть 5 - погружение в DOM и ООП — 14.12.2009 в 02:48
Автор: Never Lex, 09.12.2009 в 13:57
Отлично. Спасибо! О жаваскрипте ещё никто не рассказывал понятным языком!
Автор: san4izl, 09.12.2009 в 14:38
спасибо. обязательно посмотрю!!!!!!!
Автор: Дмитрий, 09.12.2009 в 18:37
О да!
Автор: Вася, 09.12.2009 в 19:10
респект, качественный контент!!!!!!!!!!!!!!!!!!и главно бесплатный)
Автор: Саша, 12.12.2009 в 14:41
Спасибо!!
ДАВАЙ ЕЩЕ!!!!!!!!!!!!!!))
Автор: Мика, 13.12.2009 в 12:36
ООП для меня трудная проблема. Ваши видео существенно мне помогли. Спасибо.
Автор: Андрей Морковин, 14.12.2009 в 02:56
Да, ООП требуют некоего переворота в мышлении программиста. Рад, что смог помочь. Смотрите 5-ю часть, там ярко показана выгода применения ООП.
Автор: Dimox, 13.12.2009 в 13:28
После просмотра видео у меня появился следующий вопрос – в чем разница между:
var noviy = new Object();
noviy.svoystvo = ‘Значение’;
и
var noviy = ‘Значение’;
?
Не могу понять, для чего нужно использовать Object().
Автор: Андрей Морковин, 13.12.2009 в 14:16
В первом случае ты создаешь объект и добавляешь ему свойство. Во втором – создается переменная. Ну это, я думаю, и так прекрасно понятно
Дело в том, что использовать объекты и их свойства очень удобно при программировании сложных вещей. Но ничто не мешает реализовать точно туже самую задачу без использования объектов, на переменных.
Сейчас буду записывать видео, в котором реализую пример работы с объектами и, из примера, будет понятно зачем все это нужно и в чем упрощение.
Я когда только начинал программить никак не мог понять, зачем нужны функции, без них же можно прекрасно обойтись (скопировал кусок программного кода, да и все дела). Вот тут как раз похожая ситуация получается
Автор: Андрей Морковин, 19.12.2009 в 23:37
Дмитрий, я еще подумал над твоим вопросом, постараюсь дать более философский ответ (суть здесь именно в философской проблеме).
Дело в том, что объекты, их свойства и методы – это модели из реального мира. Есть какой-то реально существующий объект (в реальном мире), именно он обладает свойствами (высотой, цветом, запахом) и может совершать какие-то действия (методы).
Так и в ООП, отталкиваясь от модели мироздания, объект наделяется свойствами.
Естественно, можно создать переменную, записать в нее значение (тот же размер данного объекта), но это нарушает именно суть философии ООП. В сложных программах вся эта возня со свойствами и методами очень важна и облегчает жизнь.
Автор: Саша, 26.12.2009 в 19:45
Блин,ниче не понятно на первом слайде!
function cheloveche(parametr){
this.pol = parametr;
}
что значит this.pol здесь?
В 3-ем видео ясно зачем this,а здесь нет!
Автор: Руслан, 11.02.2010 в 14:39
Строка 1: Тут ты создаешь функцию – конструктор (в данном случае типа конструктор человеков..))) с передаваемым параметром parametr (…в данном примере это будет пол создаваемого чела!)
function cheloveche(parametr)
Строка 2: Ну а в уже в теле функции ты создаешь свойство-характеристику к созданному объекту (человеку) …в данном случае pol (пол (М/Ж))!
{
this.pol = parametr;
}
Таким образом, когда ты, например, кликнешь на кнопку типа input, которая вызовет функцию, в которой прописано создание нового “клона”:
….типа:
var clon = new cheloveche(’пацанЧЕГ);
…то при этом, у тебя создается “новый экземпляр человека”, с именем ‘пацанЧЕГ’! )))