Хостинг, который может больше
26.11.2009

Видеокурс по JavaScript

Видеоурок 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 и не только.

Всё о миниатюрах в wordpress.

С уважением, Андрей Морковин.


Если статья вам понравилась и вы не хотите пропустить свежие публикации, то подписывайтесь на RSS-ленту или получайте обновления сайта на эл. почту.


Похожие материалы:


Отзывов: 56 на «Видеокурс по JavaScript»

  1. Человек_без_именИ, 26.11.2009 в 06:17

    УРРРАА .. Хоть что нить по JavaScript … а то я вообще можно сказать ничего не знаю в этой области, не успел ещё добраться В)
    Так что ОЙ КАК БОЛЬШОЕ СПАСИБО В)
    Я конечно ещё не знаю что там, щас гляну В)

    • Андрей Морковин, 26.11.2009 в 11:44

      Надеюсь, что не обману ожидания :)

      • Lexa, 30.11.2010 в 18:47

        Привет слушай у мя такой вопрос по 1 видио делаю все так как у вас на видио но почемуто окошка привет невыскакивает можете объяснить почему?

        • Олег, 08.03.2011 в 03:25

          Возможно у тебя в браузере отключен яваскрипт… если нет и ты уверен, что все сделал правильно, то скачай другой браузер =)

  2. Глобатор, 26.11.2009 в 11:22

    Отличная серия, Андрей! Если можно, залейте еще на disk.narod.ru, оттуда качать приятнее и быстрее, чем с депозитов.

    • Андрей Морковин, 26.11.2009 в 11:46

      Спасибо, Михаил! Очень приятно видеть Ваш комментарий на моем блоге, в двойне приятно, что серия интересна.

      Залил на народный диск. Вот ссылка:
      http://narod.ru/disk/15399436000/1.wmv.html

      • demix, 21.01.2010 в 18:55

        Ну вот еще! Человек время потратил, старался, а вам даже лень подождать пока с депозита файл скачается. Мне кажется это верх наглости. ну или нет :)

  3. hell0men, 26.11.2009 в 11:32

    Спасибо за урок, продалжай. Как раз нужно и лень читать :)

  4. Алекс, 26.11.2009 в 13:32

    Супер!Смотрим и слушаем внимательно!:-)

  5. Ян, 26.11.2009 в 14:22

    Классный урок, спасибо!
    Правда думаю тем, кто не бум бум хотя бы в PHP будет не совсем понятно, что такое переменная, инициализация и т.д. :)
    P.S. В конце видео можно было сказать, что выносить JavaScript в отдельный файл нужно для того, чтобы браузер их скачал один раз и закешировал, вместо того, чтобы каждый раз при перезагрузке страницы грузить всё заново.

    • Андрей Морковин, 27.11.2009 в 13:40

      Те, кто не поняли, что такое переменная и инициализация нужно, во-первых задуматься над тем, а правильным ли они путем идут вообще. Если путь правильный, то смотреть следующие видео, там на примерах можно разобраться что к чему.

      P.S.: спасибо за дополнения. Вот именно поэтому нужно всегда читать комментарии к статьям.

  6. Ян, 26.11.2009 в 14:27

    Совсем забыл. Было бы еще очень интересно посмотреть видео об Ajax, если Вы в нём конечно разбираетесь.

  7. GuitarSeo, 26.11.2009 в 15:48

    Отличная идея, Андрей. Если будет сделано в духе предыдущих сериалов вроде Блочной верстки и Фотошопа для веб-мастера, то просто класс.
    Хотя лично мне было бы интересно ещё в таком формате увидеть курс по PHP.
    Входит ли это в ваши планы? :)

    • Андрей Морковин, 27.11.2009 в 13:42

      Да, будет сделано в формате предыдущих видеокурсов. Я ничего нового не придумал :)

      PHP, хм, поживем увидим.

  8. Глобатор, 26.11.2009 в 17:17

    Большое спасибо, Андрей!

  9. Dimox, 27.11.2009 в 09:29

    Мне очень интересен такой курс, т.к. в нативном JavaScript я разбираюсь плохо (за исключением самых основ), несмотря на то, что неплохо знаком с jQuery.

    • Андрей Морковин, 27.11.2009 в 13:45

      Дмитрий, рад видеть твой комментарий снова :) Я несколько видеоуроков планирую посветить именно основам, помурыжить новичков (т.к., вроде бы, это моя аудитория), потом углублюсь в DOM. Надеюсь, там будет интересно и тебе.

      • Dimox, 27.11.2009 в 14:07

        Да, я думаю, мне как раз углубление в DOM и нужно :) Через видео материал проще и интереснее изучать, спасибо за твои старания!

  10. mmm, 27.11.2009 в 14:13

    Спасибо! Рассказано очень простым языком. Так держать!

  11. heeppy, 27.11.2009 в 17:03

    Спасибо, Андрей. Очень стати. Сейчас разбираюсь с jQuery (спасибо Dimox’у :) ), но с JavaScript мало знаком. Так что — то, что нужно.

  12. Даша Панкова, 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.

  13. F16, 29.11.2009 в 13:47

    спасибо большое

  14. papalev, 16.12.2009 в 11:56

    Респкт точто доктар прописал !!!))))) так держать ждём ещо уроки по JavaScript

  15. rediskavet, 20.12.2009 в 21:54

    Не начинал смотреть, хотел подождать пока вся серия уроков выйдет, не сдержался блин, посмотрел :) Возник вопрос, про ограничение вводимых знаков, если JS не в теле и не в голове страницы, а писать его в отдельный файл, то тоже нужно серверным языком дублировать? Пользователь ведь не сможет скачать с сервера этот файл, изменить, а потом залить обратно на сервер. Ну или я опять чего-то недопонял?

    • Андрей Морковин, 21.12.2009 в 00:32

      Тут вот какой момент нужно осознать:

      PHP-скрипт (или какой-то другой серверный язык программирования) интерпретируется на сервере и при обращениях к файлу со скриптом никаким образом сам исходный код пользователь увидеть не может.

      В случае JavaScript сценария интерпретация скрипта происходит браузером. В браузер скрипт приходит в открытом (не компилированном) виде. Ситуация сохранения скрипта в отдельный файл на сервере ничем не отличается от скрипта внутри HTML-файла (все равно скрипт приходит на компьютер пользователя в открытом виде и обрабатывается браузером). Пользователь может скачать этот скрипт и изменить его. Заливать на сервер файл уже не понадобится (достаточно изменить, в сохраненной на локальный компьютер странице, путь к файлу сценария).

      • rediskavet, 22.12.2009 в 08:54

        спасибо. Осознал :)

  16. Илларион, 25.01.2010 в 13:47

    СпасиБо, Андрей! Замечательный курс. Я давно в Интернете искал видеоуроки по JavaScript, но не находил! Нашёл у тебя, да ещё и бесплатно! СпасиБо огромное!

  17. Артем, 06.02.2010 в 12:45

    Андрей, вот это у вас голова! Как в нее столько умещается, спасибо ,что делитесь знаниями.

  18. Руслан, 10.02.2010 в 15:51

    ….спасибо Андрей!
    ….сегодня случайно попал на ваш сайт!
    Искал вразумительную информацию по div-верстке, а в итоге нашел и про javascript тоже! …
    …посмотрел первый урок!
    Очень обрадовало, что излагаете простым и понятным языком!

    …так и нетерпится приступить к просмотру всего остального!))

  19. Дима, 09.03.2010 в 13:46

    Огромнейшее спасибо тебе Андрей!!! За столь подробные уроки!

  20. BOLVERIN, 10.04.2010 в 17:10

    Не думаю что стоило упоминать мельком про безопасность использования JS — лучше делать отдельный урок по этой тематике. Было бы неплохо если бы присутсвовали пометки про что в этом уроке будет рассказываться :)

  21. Ильхом, 24.04.2010 в 11:25

    Я еще не начал просматривать, вот только собираюсь, но мое состояние сейчас такое, как будто вот-вот начнеться футбольный матч между сборной Россией и Бразилией

  22. Максим FRIK, 03.05.2010 в 19:21

    Классные уроки хотел бы еще посмотреть уроки Jquery и ajax

  23. Never Lex, 11.05.2010 в 13:55

    Спасибо. Со вступления сразу к делу. Это правильно.

  24. Димитрий, 27.05.2010 в 15:47

    Спасибо огромное!!! В отличие от большинства материалов на данную тему все очень доступно и понятно!!! Причем даже если вообще не представлял раньше что такое JavaScript.

  25. Денис, 01.06.2010 в 12:06

    сСпасибо

  26. terobait48, 03.07.2010 в 15:08

    огромное спасибо за этот, а также другие ваши видеоуроки!
    благодаря вам я научился самостоятельно создавать несложные скрипты, верстать дизайны с макетов, а также рисовать красивую графику в фотошоп.

    ещё раз повторюсь — огромное вам человеческое спасибо!!

  27. Михаил, 13.07.2010 в 23:37

    Андрей….Спасибо огромное ! Всё очень понятно изложено…. Можно продолжение видеоуроков ? Просто хочется погрузиться в JavaScript немного глубже…. Если появятся ещё уроки, пожалуйста, если можешь, сделай уведомления на мыло =)

  28. Oksman, 14.08.2010 в 18:32

    Спасибо огромное, все понятно и доступно!
    Еще радует позитивное озвучивание, а то бывает таким унылым голосом что-либо рассказывают ))

    И еще, небольшая опечатка в 3-й части имеется — «scripR type» и «scripR src»

  29. maric, 21.08.2010 в 01:20

    rd это роддом)))
    _____________________________
    вцелом нормалёк!!жму руку
    только наврятле хто поймёт, если хотябы не знаком с php.

  30. Rikky, 02.09.2010 в 00:25

    Андрей, знаете, вот знания у меня и в HTML, и CSS, и немного в JS имеются.Теоретически… я уже в состоянии сделать «приличный» сайт. Но вот только соберусь и мысли разбегаются: что, как, где, зачем… Знания есть, а на практике вообще ноль не знаю что и делать.

  31. Rikky, 02.09.2010 в 00:26

    И добавьте функцию редактирования сообщений, а то за всеми ошибками не уследишь сразу)

  32. HiX, 30.10.2010 в 21:05

    Очень радует когда есть люди способные делиться своими знаниями бескорыстно…искренне уважаю),да и отмечу что как педагог вы удались))).Спасибо за предоставленный материал.

  33. Vero, 25.12.2010 в 14:37

    Большое Вам спасибо, Андрей!
    Учусь по вашим курсам, хочу стать опытным веб-разработчиком.

  34. Руслан, 03.05.2011 в 22:00

    спасибо, я начал наконец-то понимать.
    Но если-б я до этого не изучал программирование, то нечего не понял бы. :) поменьше науки , ато новенькие не поймут.

  35. М, 11.05.2011 в 15:54

    Андрей у меня жажда выучить JS но
    читая уроки и смотря видео на разных сайтах
    думал крыша съедет, даже подумал что все!))
    пока не нашел ваши видео уроки=))
    все ясно и понятно. спасибо огромное)

  1. Ваше блоговодие № 10 | Блог Оксы о деньгах в сети — 27.11.2009 в 19:59

Ваш отзыв

MAXCACHE: 0.9MB/0.03694 sec