JavaScript видеоурок #5
Приветствую вас, уважаемый читатель, в новом видеуроке по JavaScript. Продолжаем погружение в программирование.
Сегодня я предлагаю вашему вниманию видеурок, в котором речь пойдет еще об одном принципиально-важном моменте JavaScript – DOM-модели.
DOM-модель в JavaScript представляет из себя сложную для понимания парадигму (с первой особенностью – ООП мы разбирались в предыдущем видеуроке).
Я постарался максимально подробно и просто объяснить принципы DOM. Удалось мне это или нет, решать вам 
Виде на сервисе RuTube:
Первая часть видео на сервисе YouTube:
Вторая часть видео на сервисе YouTube:
Третья часть видео на сервисе YouTube:
Как и всегда, скачать видео в лучшем качестве вы можете с Deposit Files (*.wmv, 48.8 МБайт) (кстати, скачивая с Депозита вы даете возможность автору блога заработать хоть какие-то гроши) и с Народного.Диска (в этом случае автор ничего не заработает).
Исходники, демонстрируемые в видеоуроке, можно скачать с Deposit Files (*.zip, 2.3 КБайта)
Продолжается бессрочная акция по обмену постовыми с тематически-близкими ресурсами. Если вы хотите обменяться постовыми, то свяжитесь со мной любым удобным способом, представленным в разделе “Контакты”.
Сегодня в обмене постовыми участвует только один блог:
Вебмастер самоучка решил не только заняться разработкой всерьёз, но и написать свой движок блога. Причём уже есть первые результаты.
До встречи в следующих видеоуроках.
С уважением, Андрей Морковин.
Похожие материалы:
Отзывов: 21 на «JavaScript видеоурок #5»
-
Ваше блоговодие № 13 | Блог Оксы о деньгах в сети — 18.12.2009 в 18:49
, 14.12.2009 в 09:24
опа… а как я пропустил 4-й урок?!.. О_о
, 14.12.2009 в 16:50
О да!!!!!!!!!!!!!!!О да!!!!!!!!!!!!!!!!!!!!!!!
ЕЩЕ!!!
Ради этих уроков сюда захожу!!!!!!!!
СПАСИБО!!!
, 14.12.2009 в 17:43
Благодаря мне, Андрей, Вы заработали на несколько грошоф больше
, 16.12.2009 в 16:38
Спасибо большое за уроки, Андрей. HTML и CSS — пройденный этап, правда к JavaScript еще не приступила. Скажите, а возможно ли с помощью JavaScript создание графиков подобных этим:
http://www.bifin.ru/informers
http://www.conus.kiev.ua/stock.html
Или же здесь без flash не обошлось? Вот думаю с чего начать, может подскажите?
, 16.12.2009 в 21:31
То, о чем Вы говорите, нужно делать на flash. Но JavaScript все равно нужен, это другой, очень важный механизм веб-строительства.
, 18.12.2009 в 11:56
Кстати вот, как раз ответ на Ваш вопрос: http://womtec.ru/2009/12/creating-javascript-graph-and-chart/ (можно и без флеша).
, 18.12.2009 в 16:44
Благодарю. Уже хотела отложить эту затею с графиками, но! думаю, это то, что нужно)
, 28.12.2009 в 00:07
Андрей, вы просто молодец! Ничего лучшего на русском языке я еще не встречал. Сам изучал javascript, по видео от Lynda.com, автор — Дори Смит, но они, увы были на английском. Были бы ваши уроки тогда, процесс пошел бы гораздо быстрее.
, 11.02.2010 в 15:25
…Спасибо Андрей!
…очень замечательный урок! …наконец-то Я начал доганять …что есть такое ООП! …thanks!))
, 12.02.2010 в 21:51
Спасибо! хотелось бы ресурсно отблагодарить, но пока нищий)))
Пытаюсь отблагодарить, качая уроки с Депозита. Но несколько неудобно из-за того, что яваскрипт-файл тоже в Депозит залит, а в Депозите ждать после закачки долго, ай-пи сейчас сбивать неудобно. Практичнее было бы на народе располагать и яваскриптовский файл.
И еще раз спасибо! Не смотря на то, что уже знаком и с яваскрипт, и с css, html, php, c++, vb, у Вас всегда найдется важая информация, та изюминка, которой не хватает. Слушая Ваши уроки, радуюсь дикции. Я не засыпаю! Ведь урок не скучный!
Спасибо снова!)))
, 12.03.2010 в 17:33
спасибо огромное за видео уроки.
Вот что нравится что в конце уроков есть примеры я просматриваю а потом сам пытаюсь воссоздать не все сразу ну после 2го раза нормально уже и запоминается быстрее
еще раз спасибо …
, 07.05.2010 в 20:18
По поводу заработка с файлообменника, есть ifolder.ru можно туда вместо народа выкладывать видеоуроки, там хоть и копейки, но хоть что-то
и спасибо за уроки, как я понял ява-скрипт очень похож на ПХП.
, 11.05.2010 в 14:03
Супер. Продолжаем постигать
Не разбирался раньше в DOM совершенно 
, 12.05.2010 в 22:06
DOM — это круто. Потом много где пригодится.
, 21.01.2011 в 01:08
Андрей, А Вас ошибка в коде!
Скрип не работает.
Пришлось поломать голову. Вот рабочий вариант
Документ без названия
.podskazka{
background-color: blue;
padding:10px;
border:1px solid black;
position:absolute;
}
function podskazka() {
this.show = function(text,x,y) {
var div = document.createElement(‘div’);
div.className = ‘podskazka’;
div.id = ‘metka’;
div.innerHTML = text;
var koordx = x + 10;
var koordy = y + 20;
div.style.left = koordx + ‘px’;
div.style.top = koordy + ‘px’;
document.body.appendChild(div);
}
this.hide = function() {
var metka = document.getElementById(‘metka’);
metka.parentNode.removeChild(metka);
}
}
var vsplil = new podskazka();
Первый абзац
, 29.01.2011 в 15:09
И где же была ошибка? У меня все работает! Просмотрел внимательно —
var div = document.createElement(«div»);
только в этой строчке разница в кавычках…
, 01.02.2011 в 17:41
Андрей Морковин хочу выразить вам благодарность за видеоуроки. Они мне помогли. Какой вы всё таки молодец,что нашли время и желание поделиться своим опытом с начинающими и студентами!!!
Приятно видеть,что в своём большинстве(как мне доводилось сталкиваться) программисты отзывчивые люди)
, 23.04.2011 в 18:06
Андрей, я посмотрел ваши уроки и скажу, что у Вас талант в плане доносить информацию до слушателя. Я думаю вскоре Вы дадите фору таким инфобизнесменам как Попов и т.д.
Вам бы я посоветовал открыть он-лайн школу и проводить груповой и индивидуальный набор на занятия по скайпу в он-лайн режиме. Так как сейчас люди сталкиваются с массой проблем для реализации функциональности сайтов, изменение их дизайна, а также вдижки форумов, как ставить моды и т.д.
Сейчас в этом отношении есть многие поддержки, но они оказывают только текстовую поддержку и не предоставляют услуг в реал тайме человеку увидеть как это делать и т.д.
, 24.04.2011 в 16:41
А вы знаете язык ActionScript? Говорят что он похож на JS. Пошарил в нете нечего не нашел лишь тупой контент… А у вас есть какие-нибудь книги, или лучше видеокурсы? Все уроки классные! Мне очень понравились! Желаю долнейшего продвижения!=)
, 10.07.2011 в 01:44
Здравствуйте Андрей.
Вопрос: getElementbyid это круто! Для но я до сих пор гуглю и нормального объяснения не нашел для . Наверно я sdelaysite.com-зависим…