Видеокурс по JavaScript
Уважаемый читатель, я запускаю новую серию видеоуроков. На этот раз, речь в них пойдет о браузерном языке программирования веб-сценариев JavaScript. Мы последовательно изучим базовые понятия и основы данного языка.
Полученные знания позволят писать простенькие веб-сценарии, изменяющие элементы на странице, выводящие окна-сообщения и проверять правильность ввода информации, но, главное – это то, что базовое понимание основ браузерного программирования даст вам возможность развиваться в данном направлении самостоятельно с меньшими энергозатратами.
Сегодня я предлагаю вам познакомится с вводным видеоуроком. Из него вы узнаете:
- Что такое JavaScript и в чем разница между серверными и браузерными сценариями.
- Основы синтаксиса языка JavaScript.
- Особенности работы с переменными (способы объявления и принципы автоматического определения их типа).
- Способы вызова JavaScript-сценария.
Кстати, JavaScript не имеет никакого отношения к языку Java. Есть, всего лишь, схожесть названия, корни которой проистекают из-за желания популяризовать JavaScript за счет очень популярного (в то время) языка Java.
Приступайте к просмотру видео.
Видео с сервиса RuTube:
Видео с сервиса YouTube (Часть 1):
Видео с сервиса YouTube (Часть 2):
Видео с сервиса YouTube (Часть 3):
По традиции, если мелкие детали на видео плохо различимы, то вы можете скачать видеоурок в лучшем качестве с Deposi Files (*wmv, 42.6 МБайт). Для большего удобства выложил видео на Yandex.Диск.
На всякий случай выкладываю исходники двух html-файлов, которые я демонстрировал в видеоуроках. Их можно скачать с Deposit Files (*.zip, 1 КБайт)
P.S. Теперь пару слов о постовых. Я с удовольствием обменяюсь постовыми с блогами схожей тематики, связаться со мной можно через контакты.
Время расширять свой кругозор. Блог Записки программиста поможет вам познакомится с FreeBSD, языком программирования Perl и не только.
С уважением, Андрей Морковин.
Похожие материалы:
Отзывов: 56 на «Видеокурс по JavaScript»
-
Ваше блоговодие № 10 | Блог Оксы о деньгах в сети — 27.11.2009 в 19:59
, 26.11.2009 в 06:17
УРРРАА .. Хоть что нить по JavaScript … а то я вообще можно сказать ничего не знаю в этой области, не успел ещё добраться В)
Так что ОЙ КАК БОЛЬШОЕ СПАСИБО В)
Я конечно ещё не знаю что там, щас гляну В)
, 26.11.2009 в 11:44
Надеюсь, что не обману ожидания
, 30.11.2010 в 18:47
Привет слушай у мя такой вопрос по 1 видио делаю все так как у вас на видио но почемуто окошка привет невыскакивает можете объяснить почему?
, 08.03.2011 в 03:25
Возможно у тебя в браузере отключен яваскрипт… если нет и ты уверен, что все сделал правильно, то скачай другой браузер =)
, 26.11.2009 в 11:22
Отличная серия, Андрей! Если можно, залейте еще на disk.narod.ru, оттуда качать приятнее и быстрее, чем с депозитов.
, 26.11.2009 в 11:46
Спасибо, Михаил! Очень приятно видеть Ваш комментарий на моем блоге, в двойне приятно, что серия интересна.
Залил на народный диск. Вот ссылка:
http://narod.ru/disk/15399436000/1.wmv.html
, 21.01.2010 в 18:55
Ну вот еще! Человек время потратил, старался, а вам даже лень подождать пока с депозита файл скачается. Мне кажется это верх наглости. ну или нет
, 26.11.2009 в 11:32
Спасибо за урок, продалжай. Как раз нужно и лень читать
, 26.11.2009 в 11:46
Продолжаю
, 26.11.2009 в 13:32
Супер!Смотрим и слушаем внимательно!:-)
, 27.11.2009 в 13:38
Отлично, в таком случае я продолжаю рассказывать.
, 26.11.2009 в 14:22
Классный урок, спасибо!
Правда думаю тем, кто не бум бум хотя бы в PHP будет не совсем понятно, что такое переменная, инициализация и т.д.
P.S. В конце видео можно было сказать, что выносить JavaScript в отдельный файл нужно для того, чтобы браузер их скачал один раз и закешировал, вместо того, чтобы каждый раз при перезагрузке страницы грузить всё заново.
, 27.11.2009 в 13:40
Те, кто не поняли, что такое переменная и инициализация нужно, во-первых задуматься над тем, а правильным ли они путем идут вообще. Если путь правильный, то смотреть следующие видео, там на примерах можно разобраться что к чему.
P.S.: спасибо за дополнения. Вот именно поэтому нужно всегда читать комментарии к статьям.
, 26.11.2009 в 14:27
Совсем забыл. Было бы еще очень интересно посмотреть видео об Ajax, если Вы в нём конечно разбираетесь.
, 27.11.2009 в 13:40
Спасибо за идею
, 26.11.2009 в 15:48
Отличная идея, Андрей. Если будет сделано в духе предыдущих сериалов вроде Блочной верстки и Фотошопа для веб-мастера, то просто класс.
Хотя лично мне было бы интересно ещё в таком формате увидеть курс по PHP.
Входит ли это в ваши планы?
, 27.11.2009 в 13:42
Да, будет сделано в формате предыдущих видеокурсов. Я ничего нового не придумал
PHP, хм, поживем увидим.
, 26.11.2009 в 17:17
Большое спасибо, Андрей!
, 27.11.2009 в 13:42
Нет проблем
, 27.11.2009 в 09:29
Мне очень интересен такой курс, т.к. в нативном JavaScript я разбираюсь плохо (за исключением самых основ), несмотря на то, что неплохо знаком с jQuery.
, 27.11.2009 в 13:45
Дмитрий, рад видеть твой комментарий снова
Я несколько видеоуроков планирую посветить именно основам, помурыжить новичков (т.к., вроде бы, это моя аудитория), потом углублюсь в DOM. Надеюсь, там будет интересно и тебе.
, 27.11.2009 в 14:07
Да, я думаю, мне как раз углубление в DOM и нужно
Через видео материал проще и интереснее изучать, спасибо за твои старания!
, 27.11.2009 в 14:13
Спасибо! Рассказано очень простым языком. Так держать!
, 27.11.2009 в 16:50
Отлично, рад, что понравилось. Так держу
, 27.11.2009 в 17:03
Спасибо, Андрей. Очень стати. Сейчас разбираюсь с jQuery (спасибо Dimox’у
), но с JavaScript мало знаком. Так что — то, что нужно.
, 28.11.2009 в 14:53
Большое спасибо вам, Андрей, за уроки этого дивного, но малопонятного нам пока Java-script от начинающего веб-мастера! Все разложено по полочкам и тем не менее интересно! Продолжайте в том же духе. С интересом жду следующих уроков. А по флеш вы случайно не планируете уроков?
, 28.11.2009 в 17:52
Даша, спасибо на добром слове
Вот что-что, а по флеш не планирую точно. Моя принципиальная позиция: флеш на сайтах не нужен.
, 01.12.2009 в 18:27
Присоединяюсь к словам благодарности. Я тоже сторонник того что бы было флеша поменьше на сайтах. И напрашивается вопрос сам собой, а планируется ли рассмотрение такой библиотеки JavaScript как jQuery ?
, 01.12.2009 в 19:51
Все зависит от потребностей моих читателей, т.е. от Вас. Если тема интересна, то будет и jQuery.
, 29.11.2009 в 13:47
спасибо большое
, 16.12.2009 в 11:56
Респкт точто доктар прописал !!!))))) так держать ждём ещо уроки по JavaScript
, 20.12.2009 в 21:54
Не начинал смотреть, хотел подождать пока вся серия уроков выйдет, не сдержался блин, посмотрел
Возник вопрос, про ограничение вводимых знаков, если JS не в теле и не в голове страницы, а писать его в отдельный файл, то тоже нужно серверным языком дублировать? Пользователь ведь не сможет скачать с сервера этот файл, изменить, а потом залить обратно на сервер. Ну или я опять чего-то недопонял?
, 21.12.2009 в 00:32
Тут вот какой момент нужно осознать:
PHP-скрипт (или какой-то другой серверный язык программирования) интерпретируется на сервере и при обращениях к файлу со скриптом никаким образом сам исходный код пользователь увидеть не может.
В случае JavaScript сценария интерпретация скрипта происходит браузером. В браузер скрипт приходит в открытом (не компилированном) виде. Ситуация сохранения скрипта в отдельный файл на сервере ничем не отличается от скрипта внутри HTML-файла (все равно скрипт приходит на компьютер пользователя в открытом виде и обрабатывается браузером). Пользователь может скачать этот скрипт и изменить его. Заливать на сервер файл уже не понадобится (достаточно изменить, в сохраненной на локальный компьютер странице, путь к файлу сценария).
, 22.12.2009 в 08:54
спасибо. Осознал
, 25.01.2010 в 13:47
СпасиБо, Андрей! Замечательный курс. Я давно в Интернете искал видеоуроки по JavaScript, но не находил! Нашёл у тебя, да ещё и бесплатно! СпасиБо огромное!
, 06.02.2010 в 12:45
Андрей, вот это у вас голова! Как в нее столько умещается, спасибо ,что делитесь знаниями.
, 10.02.2010 в 15:51
….спасибо Андрей!
….сегодня случайно попал на ваш сайт!
Искал вразумительную информацию по div-верстке, а в итоге нашел и про javascript тоже! …
…посмотрел первый урок!
Очень обрадовало, что излагаете простым и понятным языком!
…так и нетерпится приступить к просмотру всего остального!))
, 09.03.2010 в 13:46
Огромнейшее спасибо тебе Андрей!!! За столь подробные уроки!
, 10.04.2010 в 17:10
Не думаю что стоило упоминать мельком про безопасность использования JS — лучше делать отдельный урок по этой тематике. Было бы неплохо если бы присутсвовали пометки про что в этом уроке будет рассказываться
, 11.04.2010 в 10:07
Лучше уж мельком, чем совсем ничего.
, 24.04.2010 в 11:25
Я еще не начал просматривать, вот только собираюсь, но мое состояние сейчас такое, как будто вот-вот начнеться футбольный матч между сборной Россией и Бразилией
, 03.05.2010 в 19:21
Классные уроки хотел бы еще посмотреть уроки Jquery и ajax
, 11.05.2010 в 13:55
Спасибо. Со вступления сразу к делу. Это правильно.
, 27.05.2010 в 15:47
Спасибо огромное!!! В отличие от большинства материалов на данную тему все очень доступно и понятно!!! Причем даже если вообще не представлял раньше что такое JavaScript.
, 01.06.2010 в 12:06
сСпасибо
, 03.07.2010 в 15:08
огромное спасибо за этот, а также другие ваши видеоуроки!
благодаря вам я научился самостоятельно создавать несложные скрипты, верстать дизайны с макетов, а также рисовать красивую графику в фотошоп.
ещё раз повторюсь — огромное вам человеческое спасибо!!
, 13.07.2010 в 23:37
Андрей….Спасибо огромное ! Всё очень понятно изложено…. Можно продолжение видеоуроков ? Просто хочется погрузиться в JavaScript немного глубже…. Если появятся ещё уроки, пожалуйста, если можешь, сделай уведомления на мыло =)
, 14.08.2010 в 18:32
Спасибо огромное, все понятно и доступно!
Еще радует позитивное озвучивание, а то бывает таким унылым голосом что-либо рассказывают ))
И еще, небольшая опечатка в 3-й части имеется — «scripR type» и «scripR src»
, 21.08.2010 в 01:20
rd это роддом)))
_____________________________
вцелом нормалёк!!жму руку
только наврятле хто поймёт, если хотябы не знаком с php.
, 02.09.2010 в 00:25
Андрей, знаете, вот знания у меня и в HTML, и CSS, и немного в JS имеются.Теоретически… я уже в состоянии сделать «приличный» сайт. Но вот только соберусь и мысли разбегаются: что, как, где, зачем… Знания есть, а на практике вообще ноль не знаю что и делать.
, 02.09.2010 в 00:26
И добавьте функцию редактирования сообщений, а то за всеми ошибками не уследишь сразу)
, 30.10.2010 в 21:05
Очень радует когда есть люди способные делиться своими знаниями бескорыстно…искренне уважаю),да и отмечу что как педагог вы удались))).Спасибо за предоставленный материал.
, 25.12.2010 в 14:37
Большое Вам спасибо, Андрей!
Учусь по вашим курсам, хочу стать опытным веб-разработчиком.
, 03.05.2011 в 22:00
спасибо, я начал наконец-то понимать.
поменьше науки , ато новенькие не поймут.
Но если-б я до этого не изучал программирование, то нечего не понял бы.
, 11.05.2011 в 15:54
Андрей у меня жажда выучить JS но
читая уроки и смотря видео на разных сайтах
думал крыша съедет, даже подумал что все!))
пока не нашел ваши видео уроки=))
все ясно и понятно. спасибо огромное)