JavaScript видеоурок #3
Уважаемый читатель, вышел новый видеоурок курса по JavaScript. В нем я познакомлю вас с оставшимися основными конструкциями языка, освоив которые и вооружившись знаниями из предыдущих уроков, вы, уже на данном этапе, сможете самостоятельно писать простенькие программки.
Содержание третьего видеоурока:
- Я познакомлю вас с моим любимым оператором – оператором условия (if – else).
- При написании программ обязательно потребуется умение работать с циклами (for, while), в этом видео я о них упомяну.
- Настоящий программист должен уметь пользоваться массивами.
- Но основная мысль этого видеоурока – познакомить вас со способами и источниками добычи недостающей информации о свойствах и методах тех или иных элементов.
Видео с сервиса YouTube (Часть 1):
Видео с сервиса YouTube (Часть 2):
Видео с сервиса YouTube (Часть 3):
Видео с сервиса YouTube (Часть 4):
Видео с RuTube (сразу все в одном месте):
Как я и обещал в видеоуроке, даю ссылку на скачивание справочника по JavaScript с Deposit Files (*.rar, 382 КБайта). Справочник не очень качественный. Кто знает о существовании другого, отпишитесь в комментариях, буду признателен.
Почитать о простых операторах JavaScript (сложение, вычитание, логические и т.д.) можно здесь.
HTML-файлы, демонстрируемые во время урока, можно скачать с Deposit Files (*.zip, 2 КБайта).
Видеоурок в лучшем качестве можно скачать с Deposit Files (*.wmv, 61 МБайт) или с Народного.Диска.
Продолжение следует… Чтобы не пропустить публикации новых видеоуроков, подписывайтесь на RSS или получайте обновления блога на e-mail.
Друзья, я с радостью обменяюсь постовыми со схожими по тематике ресурсами. Если вы хотите поучаствовать в обмене, просто свяжитесь со мной через контакты.
С уважением, Андрей Морковин.
Похожие материалы:
Отзывов: 41 на «JavaScript видеоурок #3»
-
Ваше блоговодие № 11 | Блог Оксы о деньгах в сети — 04.12.2009 в 18:11
-
Блог-шоу - выпуск 32 — 09.12.2009 в 10:56
, 01.12.2009 в 13:37
Отличный урок. спасибо
, 01.12.2009 в 19:45
Пожалуйста
, 01.12.2009 в 18:59
пс. операторы условия для ламо…
давайте что нибудь по сложнее. т.к. многии приходят с php … (не примите за ламера про100 читать не люблю люлю слушать и смотрять)
, 01.12.2009 в 19:46
Вася, я изложу все с самого начала, наступит время и для сложных вещей. Многие могут быть незнакомы с основами и поэтому более сложные вещи будут для них недоступны.
, 12.03.2010 в 13:18
Вася, ламо тоже смотрят эти уроки…
Андрей спасибо за видео…это первый видеоучебник javascript для чайников=) И изложено все достаточно понятно!
, 03.08.2011 в 14:37
Поддерживаю, многие не учили php, а начали учить после html и css)))
Уроки просто супер!!!
, 02.12.2009 в 13:43
Андрей, очень нравится ваш стиль изложения, все понятно и приятно! Большое спасибо за такие замечательные уроки!
, 02.12.2009 в 14:21
ждём следующего =)
, 05.12.2009 в 10:58
Андрей, не могли бы вы оди урок посветить «оптимизации сайта». Не SEO, а именно описать в нём различные хитрости, которые можно сделать по средствам JS. В частности, я говорю о «фоновой подгрузке» изображений.
Дело в том, что при наведении на картинку-ссылку хочется, чтобы она изменялась… нО как мозолит глаза подгрузка этого изображения(((
Я где-то видел пример этого способа, но описан он в тексте и для меня НЕПОНЯТЕн. помогите, пожалуйста…
, 05.12.2009 в 20:40
Нужно использоваться принципиально другой подход без всяких JavaScript. Вот ссылка, я рассказывал как сделать динамическую кнопку на CSS:
http://www.sdelaysite.com/kniga/verstka-kniga/css-knopka
, 06.12.2009 в 12:48
Оу))) большое спасибо!
, 15.12.2009 в 14:45
Подскажите пожалуйста, где ошибка в коде. При клике на «Первый пункт» блок id=»text» не отображается
function otkr(){
var text = document.getElementById(«text»);
if(text.style.display == ‘none’)
{
text.style.display == ‘block’;
}
else
{
text.style.display == ‘none’;
}
}
function zakr() {
var text = document.getElementById(«text»);
text.style.display = ‘none’;
}
Первый пункт
Пояснение данного пункта
, 15.12.2009 в 15:03
Уже разобрался)))
Спс за отличные уроки
, 29.08.2010 в 17:42
А я вот все не могу разобраться. Блок не отображается. Подскажите в чем может быть ошибка?)
, 30.12.2009 в 12:39
Андрей, большое вам спасибо за ваш блог.
Андрей Морковин> Справочник не очень качественный. Кто знает о существовании другого, отпишитесь в комментариях, буду признателен.
http://javascript.ru/manual
, 30.12.2009 в 13:31
И Вам спасибо за положительный отзыв. Это очень приятно и важно.
Благодарю за ссылку, тоже вариант. Кстати, тот справочник, который я рекомендовал не такой уж и плохой, если пользоваться поиском браузера (ctrl + F) и знать что искать.
, 06.01.2010 в 00:50
«Справочник не очень качественный. Кто знает о существовании другого, отпишитесь в комментариях, буду признателен.»
Ссылка на неплохой справочник: http://wdh.suncloud.ru/contents.htm
, 07.01.2010 в 21:51
Не могу скачать справочник, пишет неправильная ссылка. Можно поправить? Очень хочется именно ваш справочник посмотреть.
, 07.01.2010 в 22:52
Я проверил, у меня справочник скачивается нормально. Попробуйте еще раз, это глюки Депозита.
, 07.01.2010 в 23:07
Ок, сейчас попробую.
, 08.01.2010 в 01:44
В настоящее время с вашего IP адреса 89.250.164.207
уже идет скачивание.(хотя скачивания не идёт) До этого он мне писал ожидание 15 мин, через 15 ещё десять…
Не получается с депозита.
, 08.01.2010 в 11:26
Депозиты расстраивают все больше и больше. Перезалил на Народный.Диск: http://narod.ru/disk/16686835000/js-man.rar.html
, 08.01.2010 в 12:45
Олично, скачал без проблем.
Очень удобная справка, описания и названия на интуитивно понятном языке, благодарю, чувствую она мне ещё не раз пригодится.
, 12.03.2010 в 13:21
У тебя IP динамический вот и пишет=)
, 26.01.2010 в 19:13
Андрей, ты меня спас! Как раз то, что нужно! Просто я делал сайт на заказ, а js совсем не знаю. И как раз мне нужно было работа со списками select. СпасиБо огромное!
, 24.03.2010 в 19:10
Андрей Морковин большое спасибо за уроки! После php с твоих уроков js стал понятнее и проще)Есть большая просьба, был урок про cookie) пожалуйста делай именно такие)они чудо и новичок с них может понять много основ! И ещё очень хотелось бы увидеть уроки про Ajax, ведь это тот же js))Огромное спасибо за внимание! С уважением Kesha
, 27.03.2010 в 22:45
А мне кажется, что уроки изложены немного не ясно. Но похоже что я тут первый такой ))))
Я тоже учил, и знаю ПХП, но само объяснение запутано. Автор как-то непонятно объясняет чего он хочет добиться как конечные результат действие. Все становиться понятным, только по факту выполнения урока! Ну первые уроки не в счет.
, 11.05.2010 в 13:57
В этом уроке уже нашёл кое что новое для себя. Что не может быть не позитивно!
, 11.07.2010 в 19:29
Андрей, спасибо огромное Вам за уроки! Очень нравятся!
У меня возник вопрос по оператору If else. Я все сделала, как Вы показывали в уроке, все работает, но почему-то если эта «псевдоссылка» находится ниже видимой части страницы (ну то есть в футере, например, до которого страницу нужно прокрутить), то при нажатии на эту ссылку страница перепрыгивает к началу (к шапке то есть). И обратный процесс такой же. Не подскажете, в чем может быть причина?
, 17.07.2010 в 21:44
Потому что на значок #, указанный в атрибуте href , именно так реагирует браузер.
, 26.07.2010 в 14:07
Надежда, вы можете указать id в том элементе на который хотите перейти по ссылке, допустим в псевдоссылке и вписывать его в href (href=’#s1′).
Андрей, отличные уроки, но вот на счет произношения… То ли вы специально так произносите для новичков, то ли еще что-то, но от «ленгч» меня аж передернуло ))))
, 03.10.2010 в 18:33
Андрей, а где первые два урока по JavaScript?
, 03.10.2010 в 18:38
Привет, Иван!
Плагин, который выводит ссылки на другие посты данной рубрики, как-то странно работает и отображает ссылки начиная с 4-го урока. На самом деле, достаточно изменить цифру в URL-записи для перехода к требуемому уроку.
1-й урок: http://www.sdelaysite.com/javascript/javascript-video-1
2-й урок: http://www.sdelaysite.com/javascript/javascript-video-2
, 14.01.2011 в 19:52
Подскажите пожалуйста, что не так, а то каждый символ проверил — не работает, а если ваш код копирую — все ок =/
Тестовый Документ
function otkr(){
var text = document.getElementById(‘text’);
if(text.style.displey == ‘none’)
{
text.style.display = ‘block’;
}
else
{
text.style.display = ‘none’;
}
}
Нажми для поясниния
Пояснение данного пунтка
, 14.01.2011 в 20:06
if(text.style.displey == ‘none’) смени на if(text.style.display == ‘none’)
, 07.04.2011 в 19:44
Ох…нный сайт и уроки)) СПАСИБО АВТОРУ!!! Андерю!!
, 28.05.2011 в 16:04
Добрый день. Огромное спасибо за уроки! Адекватные объяснения, все по делу, очень приятно слушать.
, 19.06.2011 в 14:56
Ох как на PHP похоже. =)
, 28.08.2011 в 07:37
Спасибо большое за урок! Все понятно!