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 КБайт).
С уважением, Андрей Морковин.
Похожие материалы:
Отзывов: 20 на «JavaScript видеоурок #4»
-
JavaScript - Видеоурок - Часть 5 - погружение в DOM и ООП — 14.12.2009 в 02:48
, 09.12.2009 в 13:57
Отлично. Спасибо! О жаваскрипте ещё никто не рассказывал понятным языком!
, 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-ю часть, там ярко показана выгода применения ООП.
, 10.04.2010 в 20:02
а по применению ООП в PHP знаете хорошую литературу. желательно ПРО-уровня. ну или что-то типа «Профессиональный код», но про ООП
, 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(‘пацанЧЕГ);
…то при этом, у тебя создается «новый экземпляр человека», с именем ‘пацанЧЕГ’! )))
, 05.04.2010 в 15:03
Андрей, а можете продублировать ссылку на справочник по JS???
, 11.05.2010 в 14:00
Сложновато ООП для восприятия всё таки
Башка с трудом воспринимает. Нужно будет повторить уроки попозже.
, 02.11.2010 в 16:24
Здравствуйте, Андрей! Спасибо за материалы позволяющие сделать быстрый старт в JS. Единственно, что очень сильно огорчает — это Ваша интерпритацияанлийскихслов, это просто беда! Math — мач, length — леннч, etc
, 23.03.2011 в 01:52
Я извеняюсь, Александр Николаевич, вы достали уже автора, по поводу английского, по сути у Вас что нибудь есть? Человек сделал прекрасный курс, за это ему огромное спасибо! А английский кому надо будет учить на другом рессурсе.
, 08.04.2011 в 17:54
Когда говорил про функцию substr(pos, count) сказал : «С какого начиная символа в строке и каким заканчивая», а надо «С какого начиная символа в строке и какой длинны вырезать подстроку».
, 23.04.2011 в 20:03
Предложение разбивать разбор КОДОВ на простые подзадачки.
И описывать более простым языком, брать более тревиальніе задани что-ли..
А пока трудно для воспринимания, в том числе из-за вводимых терминов (не совсем понятна, и мешает восприятию).
Однако за Ваш труд — спасибо.
Качественній пример на сайте по php программинку — irbis-team.com/