самостоятельное изучение JavaScript с нуля Как создать свой сайт > Вебмастеру > Блог Андрея Морковина > Изучение JavaScript

Самостоятельное изучение JavaScript, видеоуроки

Эта теория недостаточно безумна, чтобы быть верной.
Нильс Бор.
26 ноября 2009 года

    Уважаемый читатель, я запускаю новую серию видеоуроков. Речь в них пойдёт о браузерном языке программирования веб-сценариев JavaScript. Мы последовательно изучим базовые понятия и основы JavaScript с самого нуля.

 

 

    Полученные знания о JavaScript позволят писать простенькие веб-сценарии, изменяющие элементы на странице и выводящие окна-сообщения, и проверять правильность ввода информации. Но главное: базовое понимание основ JavaScript и браузерного программирования даст вам возможность развиваться в данном направлении самостоятельно с меньшими энергозатратами.

    Сегодня я предлагаю вам познакомиться с вводным видеоуроком. Из него вы узнаете:

  • Что такое JavaScript и в чём разница между серверными и браузерными сценариями;
  • Основы синтаксиса языка JavaScript;
  • Особенности работы с переменными (способы объявления и принципы автоматического определения их типа);
  • Способы вызова JavaScript-сценария.

    Кстати, JavaScript не имеет никакого отношения к языку Java. Есть всего лишь схожесть названия, корни которой проистекают из-за желания популяризовать JavaScript за счёт очень популярного (в то время) языка Java.

    Приступайте к просмотру видео.

 

Часть 2. Методы связи, работа с переменными, свойства элемента

    Приветствую вас, уважаемый читатель. Сегодня я публикую новый видеоурок по JavaScript. Теперь, от вводного словоблудия, которое я всё равно считаю необходимым, мы переходим к практике.

    Изучать какие-то новые вещи, как мне кажется, интереснее всего на примерах. Поэтому задачу связи элемента HTML-страницы с переменной JavaScript и организацию доступа к свойствам элемента мы будем осваивать на примере доступа к надписи «по-умолчанию» в поле ввода. Т. е. я покажу, как написать скрипт на JavaScript, который уберёт надпись из поля ввода при клике по нему левой клавишей мыши.

Поставленная задача позволит:

  • Освоить метод связи getElementById;
  • Попрактиковаться в работе с переменными;
  • Получить понимание древовидной (объектно-ориентированной) парадигмы JavaScript. Для пущего понимания, я решу ещё одну задачу: изменение цвета рамки поля ввода при клике;
  • Поставленные задачи решаются двумя путями. Первый путь: использование функции, что позволит нам изучить синтаксис процесса. Второй: применение директивы «this», что, опять-таки, позволит нам познакомиться с данной полезной штуковиной.

 

Часть 3. Основные конструкции JavaScript: циклы, условия, массивы

    Уважаемый читатель, вышел новый видеоурок курса по JavaScript. В нём я познакомлю вас с оставшимися основными конструкциями языка, освоив которые и вооружившись знаниями из предыдущих уроков, вы, уже на данном этапе, сможете самостоятельно писать простенькие программки.

Содержание третьего видеоурока:

  • Я познакомлю вас с моим любимым оператором: оператором условия (if – else);
  • При написании программ обязательно потребуется умение работать с циклами (for, while) и в этом видео я о них упомяну;
  • Настоящий программист должен уметь пользоваться массивами;
  • Но основная мысль этого видеоурока: познакомить вас со способами и источниками добычи недостающей информации о свойствах и методах тех или иных элементов.

    Почитать о простых операторах JavaScript (сложение, вычитание, логические и т. д.) можно здесь.

 

Часть 4. ООП в JavaScript, динамическая вёрстка

    Сегодня, уважаемый читатель, я предлагаю вашему вниманию четвёртую часть видеокурса по JavaScript. Настало время погружения в дебри и сложности JavaScript-а.

Содержание видеоурока:

  • Объектно-ориентированный подход (ООП) в JavaScript. Я расскажу, что такое объекты, свойства и методы, познакомлю вас со стандартными объектами, созданными разработчиками JavaScript, и покажу, как создаются свои собственные новые объекты (рассмотрим работу с функцией-конструктором).

    Эту тему я считаю очень важной, поскольку объектно-ориентированная парадигма позволяет серьёзно упростить сложные программы. Однако если вы не собираетесь создавать сложных программ, то необходимость понимания ООП весьма сомнительна. В пользу, всё-таки, необходимости изучения ООП могу привести тот факт, что в API «Яндекс.Карт» используется как раз ООП JavaScript-а, и его понимание облегчит работу с картами от «Яндекса». Да и вообще, изучать JavaScript и не затронуть его ООП-возможности — непозволительная роскошь.


  • Динамическая вёрстка. В предыдущих видеоуроках, я знакомил вас с возможностями изменения стилей отображения элемента посредством JavaScript. Сегодня я расскажу, каким образом можно изменять и сам HTML блока (директивы innerHTML, outerHTML, innerText, outerText). Со всем этим делом мы будем знакомиться на примере реализации задачи ограничения количества вводимых символов в поле ввода и подсчёта оставшегося их количества.

 

Часть 5. DOM-модели в JavaScript

    Приветствую вас, уважаемый читатель, в новом видеуроке по JavaScript. Продолжаем погружение в программирование на JavaScript.

    Сегодня я предлагаю вашему вниманию видеурок, в котором речь пойдёт ещё об одном принципиально-важном моменте в JavaScript — DOM-модели.

DOM-модель в JavaScript представляет из себя сложную для понимания парадигму (с первой особенностью — ООП — мы разбирались в предыдущем видеуроке).

    Я постарался максимально подробно и просто объяснить принципы DOM. Удалось мне это или нет, решать вам.

 

Часть 6. Регулярные выражения в JavaScript

    В сегодняшнем видеоуроке, уважаемый читатель, я познакомлю вас с понятием, синтаксисом и принципами работы с регулярными выражениями в JavaScript. Это очень интересная тема, которая применима не только в JavaScript, но и в PHP.

    Посредством регулярных выражений производится анализ текстовых строк и выборка из анализируемого требуемой части.

    В видеоуроке я покажу, каким образом, на стороне пользователя, можно осуществить анализ правильности ввода адреса электронной почты.

    После просмотра видео конструкция, типа «/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,4})+$/», перестанет быть для вас загадочным набором символов. Я очень на это надеюсь.

    Ну, что же, приступаем?

 

Часть 7. Работа с cookies в JavaScript

    Предлагаю вашему вниманию, уважаемый читатель, седьмой видеоурок курса по JavaScript. Я долго раздумывал, стоит ли рассказывать о cookies в JavaScript, существуют ли задачи, в которых неприменим PHP?

    Из статьи Dimox-а я узнал о существующей проблеме в MaxCahe. И насколько я понял, она заключается именно в невозможности применения PHP-скриптов для работы с cookies.

    Поэтому в данном видеоуроке речь пойдёт о cookies в JavaScript.

    Что вообще представляют из себя cookies?

Cookies — это файлы, сохраняющиеся на компьютере пользователя и содержащие небольшую текстовую информацию, которая позволяет восстанавливать те или иные параметры, заданные пользователем на сайте, при последующих визитах пользователя.

    А вообще, работа с cookies посредством JavaScript — любимый подход хакеров. Запихивают они невидимый JavaScript в незащищённый форум и получают cookie ни о чём не подозревающего форумчанина. Из cookie выцарапывается идентификатор сессии и злостный хакер получает доступ к личной информации пользователя.

    Подробно о том, как работать со всем этим хозяйством, вы можете узнать из видеоурока.

 

Часть 8. Отладка кода в JavaScript

    Вот и подошла к концу серия видеоуроков по JavaScript. Сегодня я предлагаю вашему вниманию ещё один, бонусный (восьмой) видеоурок, в котором пойдёт речь о принципах отладки кода JavaScript.

    Но перед тем, как переходить к завершающему видеоуроку, хочу сказать пару слов о языке JavaScript и необходимости его изучения.

    Динамический сайт, отвечающий высоким требованиям функциональности, можно реализовать и без использования JavaScript. Для этого, вполне достаточно понимания связок HTML+CSS и PHP+MySQL. На современном уровне развития веб-дизайна, ушли в прошлое разнообразные «колхозные» визуальные эффекты, реализуемые только посредством JavaScript («ползающий» текст, изменяющийся title, произвольный текст в строке состояния). Для воплощения мыслей дизайнера всё большую и большую свободу вебмастеру даёт CSS.

    Но появились Ajax, JQuery, разнообразные API (карты «Яндекса» и Google) и всё это базируется на старом добром JavaScript.

    Насколько упрощается труд верстальщика, когда, благодаря использованию некоторых функций JavaScript, появляется возможность рассчитать координаты вывода блоков веб-страницы, реализовать кроссбраузерные эффекты, задуманные извращённым дизайнером, отобразить всплывающие подсказки, проверить правильность вводимых посетителем данных и всё это — без перезагрузки страницы.

    Если от красивых эффектов можно отказаться (кстати, иной раз, это идёт на пользу дизайну сайта), то обработка вводимых пользователем данных, их проверка, отображение всплывающих подсказок, изменение видимости блоков без перезагрузки страницы — важный и серьёзный вопрос из области юзабилити. Дизайн — дело спорное. А вот «тормозной» сайт, который не может «на лету» обрабатывать действия пользователя — серьёзный звоночек безуспешности сложного проекта.

    Отсюда вывод: JavaScript изучать нужно. Он полезен как верстальщику, так и вебмастеру, желающему упростить жизнь посетителей сайта.

    Из моей серии бесплатных видеоуроков по JavaScript вы сможете, более интерактивным и наглядным образом, в отличии от книги, быстро получить базовые знания и освоить:

  • Синтаксис языка JavaScript.
  • Основные его конструкции и функции.
  • Принципы работы с парадигмой DOM (объектно-ориентированная модель программирования), которая значительно облегчает жизнь JavaScript-программисту.
  • Возможности динамической вёрстки на JavaScript.
  • Проверка данных, получаемых от пользователя, на стороне клиента, без перезагрузки страницы.
  • Сохранение данных между визитами посетителя сайта (cookies).

    А теперь, как и обещал, бонусный видеоурок по отладке программного кода JavaScript. Подход, который я демонстрирую, применим не только для отладки JavaScript, но и любого другого скрипта.

    В качестве основного инструмента отладки, я использую собственную голову. А в качестве вспомогательного — FireBug (о котором я более-менее подробно рассказывал здесь, а также, на примере CSS-framework-а, демонстрировал принципы удобного ознакомления FireBug-ом с чужим кодом здесь).

 

 

    Автор: Андрей Морковин.

 

Ещё материалы по этой теме:

 

 

Комментарии:

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

Андрей Морковин
Надеюсь, что не обману ожидания

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

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

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

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

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

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

Андрей Морковин
Продолжаю

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

Андрей Морковин
Отлично, в таком случае я продолжаю рассказывать.

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

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

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

Андрей Морковин
Спасибо за идею

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

Андрей Морковин
Да, будет сделано в формате предыдущих видеокурсов. Я ничего нового не придумал
PHP, хм, поживем увидим.

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

Андрей Морковин
Нет проблем

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

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

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

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

Андрей Морковин
Отлично, рад, что понравилось. Так держу

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

Даша Панкова
Большое спасибо вам, Андрей, за уроки этого дивного, но малопонятного нам пока Java-script от начинающего веб-мастера! Все разложено по полочкам и тем не менее интересно! Продолжайте в том же духе. С интересом жду следующих уроков. А по флеш вы случайно не планируете уроков?

Андрей Морковин
Даша, спасибо на добром слове
Вот что-что, а по флеш не планирую точно. Моя принципиальная позиция: флеш на сайтах не нужен.

Евгений
Присоединяюсь к словам благодарности. Я тоже сторонник того что бы было флеша поменьше на сайтах. И напрашивается вопрос сам собой, а планируется ли рассмотрение такой библиотеки JavaScript как jQuery ?

Андрей Морковин
Все зависит от потребностей моих читателей, т.е. от Вас. Если тема интересна, то будет и jQuery.

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

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

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

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

rediskavet
спасибо. Осознал

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

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

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

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

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

Андрей Морковин
Лучше уж мельком, чем совсем ничего.

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

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

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

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

Денис
сСпасибо

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

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

Oksman
Спасибо огромное, все понятно и доступно!
Еще радует позитивное озвучивание, а то бывает таким унылым голосом что-либо рассказывают ))
И еще, небольшая опечатка в 3-й части имеется — «scripR type» и «scripR src»

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

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

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

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

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

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

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

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

Максим
Урок понравился!, жду продолжения….

Андрей Морковин
Вот и замечательно. Продолжение следует …

dizelbox
Да, соглашусь, очень качественно сделан урок. Но я это уже прошел. Мне бы что-нибудь посложнее.

Андрей Морковин
Рад, что урок понравился. А по поводу посложнее, терпение, будет и посложнее.

VoRoN@
Спасибо за блог.
Скажите, а где лучше покупать рекламу для блога?

Андрей Морковин
Рекламу для блога, конечно же, лучше всего покупать у меня.

VoRoN@
А кроме вас? = )

Андрей Морковин
Кроме меня никого нет.

Вася
А когда будет продолжение?)
ЗЫ. соглашусь надо чего нибудть послжожнее нежели функции и ооп

Андрей Морковин
Продолжение следует… Подписывайтесь на RSS, чтобы не пропустить

Ян
Очень похож язык на php, даже синтаксис во многом похож. Это хорошо

Gomer
Очень лаконично и доступно. Спасибо. Я рад, что нашел Ваш сайт.

Вася
плиз давайте еше )

Андрей Морковин
Терпение, все будет в свое время.

Dimox
Имея знания фреймворка jQuery, понимать нативный JavaScript становится легче =) Спасибо!
Такое пожелание — лучше бы как-то переоформить название сайта, которое в виде «водяного знака», потому что под него попадает изображение и частично не видно, когда ты рисуешь в нижней части страницы.

Андрей Морковин
Не задумывался по поводу водяного знака. Попробую что-то изменить, спасибо.

Саша Туманов
файлик со скриптами с депозита похоже убрали…

Андрей Морковин
Саша, спасибо! Еще раз перезалил.

max
А можно обработчик события onclick включить в js, чтобы не указывать его в html?

Андрей Морковин
Можно, вот пример:
document.getElementById(‘myElement’).onclick = function() {
alert(‘Спасибо’)
}
#input id=»myElement» type=»button» value=»Нажми меня»/#
или так:
function doSomething() {
alert(‘Спасибо’)
}
document.getElementById(‘button’).onclick = doSomething
Но зачем это нужно? Мне кажется, не стоит усложнять.
Если хотите пользоваться таким методом, то рекомендую ознакомится со статьей (там есть скользкие моменты, непонимание которых может привести к ошибкам):
http://javascript.ru/tutorial/events/intro

max
//Но зачем это нужно? Мне кажется, не стоит усложнять.//
Спасибо, но я придерживаюсь мнения, что html все таки должен быть чистым , а в js относить все, что имеет к нему непосредственное отношение

Василий
Андрей отличные видеоуроки.Ваш блог для меня просто находка.Не бросайте это дело.Я думаю у вас будет всё отлично.

Андрей Морковин
Спасибо, Василий!
Не бросаю

Борис Петров
Точно, жизнь не может быть идеальной

Ігор
Ваші уроки класні, ну прям як в Попова. Тільки у Вас безплатно)

red_lion
У Попова уроки отстойные (извиняюсь за выражение) и во многих местах с не профессиональным подходом, плюс голос довольно таки нудноватый, что на второй минуте уже хочется в кроватку на мягкую подушечку.
Так что даже и нечего сравнивать… и рядом не лежало.

Руслан
Да, инет — огромен, если и такое даже можно откопать

Станислав
Да, уроки классные, спасибо большое Андрей.

BOLVERIN
Что за софтинку используете для записи видео? Уже с неделю ищу эту

Андрей Морковин
Записываю видео в Camtasia Studio

Never Lex
Продолжаем изучение Давно ждал материала по жаваскрипту, а потом долго не мог за него засесть

Начинающий
В этом уроке надо было давать разные имена для идентификатора и переменной (id=»mail» и var mail). Так для понимания было бы лучше новичкам. А то путаница происходит, одно и то же имя у id и у var. Я долго не мог въехать, потом дошло, что к чему.

Начинающий
И ещё вопрос по поводу имён:
Можно ли давать имена идентификаторам цифрами? Ну, или начинать цифрой? Например: id=»28exp» и т. п…

Dyrk
Привет.
У тебя отличные уроки для новичков. Голос тоже хорошо вписывается.
Единственное, что режет слух, это произношение некоторых английских слов.
mail — это мэил
value — это вэйлю
width — это видс
А так, уроки хорошие. Еще интересно то, что ты ошибаешься иногда во время их создания, а потом исправляешься. И это вообще очень круто, учиться на ошибках. Спасибо, вобщем

Семён
Что то не получается с изчезновением текста «Введите емаил»
Документ без названия
function f(){
var mail = document.getElementById(‘mail’);
mail.type = »;
}

Юлия
Скорее всего из-за того, что пишешь вместо getElementById getElementByld (предпоследняя буква).

Dante
А что за адрес сайта, у кот. свойства объектов описаны? Тот, который в видео, etc.

Олег
Здравствуй, Андрей.
скажи, а как сделать, чтоб Value не обнулялось каждый раз, а единоразово. если у меня допустим длинный почтовый адреы, я сделал ошибку и мне в середие текста надо ее исправить. если я щелкну- у меня все к чертям сотрется)

Вадим
А как можно сделать что-бы когда написан ошибочно e-mail или пароль стиль элемента автоматически менялся например на #ff0000(красный цвет)

olga153b
Не понятен 2 урок, использование директивы this, три точки все путают, сделайте без 3 точек

Коля
а как можна скачать тот справочник с видео?

Павел
Snake
помоему бесплатные файлы с дипозита удаляются через два года после того как их выложили (

Pasha Surzhenko
Не работает метод привязывания переменных к объектам. Вообще никак!!! То что было написанно у тебя на экране уже с горя переписал. Тоже не работает!!! В чем дело, помогите!
P.S. Да, предыдущий урок работал(alert работает).

serhio
Отличный урок. спасибо

Андрей Морковин
Пожалуйста

Вася
пс. операторы условия для ламо…
давайте что нибудь по сложнее. т.к. многии приходят с php … (не примите за ламера про100 читать не люблю люлю слушать и смотрять)

Андрей Морковин
Вася, я изложу все с самого начала, наступит время и для сложных вещей. Многие могут быть незнакомы с основами и поэтому более сложные вещи будут для них недоступны.

Ламо…
Вася, ламо тоже смотрят эти уроки…
Андрей спасибо за видео…это первый видеоучебник javascript для чайников=) И изложено все достаточно понятно!

Димася
Поддерживаю, многие не учили php, а начали учить после html и css)))
Уроки просто супер!!!

Marat
Андрей, очень нравится ваш стиль изложения, все понятно и приятно! Большое спасибо за такие замечательные уроки!

Дима
ждём следующего =)

Кирилл
Андрей, не могли бы вы оди урок посветить «оптимизации сайта». Не SEO, а именно описать в нём различные хитрости, которые можно сделать по средствам JS. В частности, я говорю о «фоновой подгрузке» изображений.
Дело в том, что при наведении на картинку-ссылку хочется, чтобы она изменялась… нО как мозолит глаза подгрузка этого изображения(((
Я где-то видел пример этого способа, но описан он в тексте и для меня НЕПОНЯТЕн. помогите, пожалуйста…

Андрей Морковин
Нужно использоваться принципиально другой подход без всяких JavaScript. Вот ссылка, я рассказывал как сделать динамическую кнопку на CSS:
https://www.seoded.ru/webmaster/morkovin/css-knopka.html

Кирилл
Оу))) большое спасибо!

Vind
Подскажите пожалуйста, где ошибка в коде. При клике на «Первый пункт» блок 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’;
}
Первый пункт
Пояснение данного пункта

Vind
Уже разобрался)))
Спс за отличные уроки

Pembrock
А я вот все не могу разобраться. Блок не отображается. Подскажите в чем может быть ошибка?)

Антон
У вас так: text.style.display == ‘block’; а нужно так: text.style.display = ‘block’;
Андрей, большое вам спасибо за ваш блог.
Андрей Морковин> Справочник не очень качественный. Кто знает о существовании другого, отпишитесь в комментариях, буду признателен.
http://javascript.ru/manual

Андрей Морковин
И Вам спасибо за положительный отзыв. Это очень приятно и важно.
Благодарю за ссылку, тоже вариант. Кстати, тот справочник, который я рекомендовал не такой уж и плохой, если пользоваться поиском браузера (ctrl + F) и знать что искать.

levon
«Справочник не очень качественный. Кто знает о существовании другого, отпишитесь в комментариях, буду признателен.»
Ссылка на неплохой справочник: ***

Palanik
Не могу скачать справочник, пишет неправильная ссылка. Можно поправить? Очень хочется именно ваш справочник посмотреть.

Андрей Морковин
Я проверил, у меня справочник скачивается нормально. Попробуйте еще раз, это глюки Депозита.

Palanik
Ок, сейчас попробую.

Palanik
В настоящее время с вашего IP адреса 89.250.164.207
уже идет скачивание.(хотя скачивания не идёт) До этого он мне писал ожидание 15 мин, через 15 ещё десять…
Не получается с депозита.

Андрей Морковин
Депозиты расстраивают все больше и больше. Перезалил на Народный.Диск: ***

Palanik
Олично, скачал без проблем.
Очень удобная справка, описания и названия на интуитивно понятном языке, благодарю, чувствую она мне ещё не раз пригодится.

Ламо…
У тебя IP динамический вот и пишет=)

Илларион
Андрей, ты меня спас! Как раз то, что нужно! Просто я делал сайт на заказ, а js совсем не знаю. И как раз мне нужно было работа со списками select. СпасиБо огромное!

Kesha.pptp
Андрей Морковин большое спасибо за уроки! После php с твоих уроков js стал понятнее и проще)Есть большая просьба, был урок про cookie) пожалуйста делай именно такие)они чудо и новичок с них может понять много основ! И ещё очень хотелось бы увидеть уроки про Ajax, ведь это тот же js))Огромное спасибо за внимание! С уважением Kesha

Владимир
А мне кажется, что уроки изложены немного не ясно. Но похоже что я тут первый такой ))))
Я тоже учил, и знаю ПХП, но само объяснение запутано. Автор как-то непонятно объясняет чего он хочет добиться как конечные результат действие. Все становиться понятным, только по факту выполнения урока! Ну первые уроки не в счет.

Never Lex
В этом уроке уже нашёл кое что новое для себя. Что не может быть не позитивно!

Надежда
Андрей, спасибо огромное Вам за уроки! Очень нравятся!
У меня возник вопрос по оператору If else. Я все сделала, как Вы показывали в уроке, все работает, но почему-то если эта «псевдоссылка» находится ниже видимой части страницы (ну то есть в футере, например, до которого страницу нужно прокрутить), то при нажатии на эту ссылку страница перепрыгивает к началу (к шапке то есть). И обратный процесс такой же. Не подскажете, в чем может быть причина?

Андрей Морковин
Потому что на значок #, указанный в атрибуте href , именно так реагирует браузер.

Антон
Надежда, вы можете указать id в том элементе на который хотите перейти по ссылке, допустим в псевдоссылке и вписывать его в href (href=’#s1').
Андрей, отличные уроки, но вот на счет произношения… То ли вы специально так произносите для новичков, то ли еще что-то, но от «ленгч» меня аж передернуло ))))

Иван
Андрей, а где первые два урока по JavaScript?

Андрей Морковин
Привет, Иван!
Плагин, который выводит ссылки на другие посты данной рубрики, как-то странно работает и отображает ссылки начиная с 4-го урока. На самом деле, достаточно изменить цифру в URL-записи для перехода к требуемому уроку.

Богдан
Подскажите пожалуйста, что не так, а то каждый символ проверил — не работает, а если ваш код копирую — все ок =/
Тестовый Документ
function otkr(){
var text = document.getElementById(‘text’);
if(text.style.displey == ‘none’)
{
text.style.display = ‘block’;
}
else
{
text.style.display = ‘none’;
}
}
Нажми для поясниния
Пояснение данного пунтка

Kesha_php
if(text.style.displey == ‘none’) смени на if(text.style.display == ‘none’)

filot
Ох…нный сайт и уроки)) СПАСИБО АВТОРУ!!! Андерю!!

Максим
Добрый день. Огромное спасибо за уроки! Адекватные объяснения, все по делу, очень приятно слушать.

SorenT_Fly
Ох как на PHP похоже. =)

Евгений
Спасибо большое за урок! Все понятно!

Владимир
А почему,при обозначении функции клик, англоязычным словом open,скрипт бездействует?
onclick=»open()»
function open()
В любых других названиях само собой работает.

Антон
Потому что слово open() зарезервировано в javascript оно используется в языке! Например window.open(); open() это метод объекта window и не может использоваться в названии собственных фу-ций.

Hudoi Neya
хотел реализовать метод показаннный на видео javascript #3-1 (пункт-пояснения данного пункта),так вот все получилось после нажатия на псевдоссылку выводится ниже окошечко, но одновременно с нажатием на псевдоссылку я возвращаюсь к началу страницы ,мой взгляд как бы скроллит вверх ,а я бы этого не хотел

Юрий
Андрей здравствуйте, Спасибо за уроки!
Мне показалось, что в части «массив в примерах» на 29:03 минуте закралась ошибка, переменная inp.value меняет свойство value у тега с вопросительных знаков на значение массива с индексом [ор], а не а не текст в select option. Так ли это?

Never Lex
Отлично. Спасибо! О жаваскрипте ещё никто не рассказывал понятным языком!

san4izl
спасибо. обязательно посмотрю!!!!!!!

Дмитрий
О да!

Вася
респект, качественный контент!!!!!!!!!!!!!!!!!!и главно бесплатный)

Саша
Спасибо!!
ДАВАЙ ЕЩЕ!!!!!!!!!!!!!!))

Мика
ООП для меня трудная проблема. Ваши видео существенно мне помогли. Спасибо.

Андрей Морковин
Да, ООП требуют некоего переворота в мышлении программиста. Рад, что смог помочь. Смотрите 5-ю часть, там ярко показана выгода применения ООП.

BOLVERIN
а по применению ООП в PHP знаете хорошую литературу. желательно ПРО-уровня. ну или что-то типа «Профессиональный код», но про ООП

Dimox
После просмотра видео у меня появился следующий вопрос — в чем разница между:
var noviy = new Object();
noviy.svoystvo = ‘Значение’;
и
var noviy = ‘Значение’;
?
Не могу понять, для чего нужно использовать Object().

Андрей Морковин
В первом случае ты создаешь объект и добавляешь ему свойство. Во втором — создается переменная. Ну это, я думаю, и так прекрасно понятно
Дело в том, что использовать объекты и их свойства очень удобно при программировании сложных вещей. Но ничто не мешает реализовать точно туже самую задачу без использования объектов, на переменных.
Сейчас буду записывать видео, в котором реализую пример работы с объектами и, из примера, будет понятно зачем все это нужно и в чем упрощение.
Я когда только начинал программить никак не мог понять, зачем нужны функции, без них же можно прекрасно обойтись (скопировал кусок программного кода, да и все дела). Вот тут как раз похожая ситуация получается

Андрей Морковин
Дмитрий, я еще подумал над твоим вопросом, постараюсь дать более философский ответ (суть здесь именно в философской проблеме).
Дело в том, что объекты, их свойства и методы — это модели из реального мира. Есть какой-то реально существующий объект (в реальном мире), именно он обладает свойствами (высотой, цветом, запахом) и может совершать какие-то действия (методы).
Так и в ООП, отталкиваясь от модели мироздания, объект наделяется свойствами.
Естественно, можно создать переменную, записать в нее значение (тот же размер данного объекта), но это нарушает именно суть философии ООП. В сложных программах вся эта возня со свойствами и методами очень важна и облегчает жизнь.

Саша
Блин,ниче не понятно на первом слайде!
function cheloveche(parametr){
this.pol = parametr;
}
что значит this.pol здесь?
В 3-ем видео ясно зачем this,а здесь нет!

Руслан
Строка 1: Тут ты создаешь функцию — конструктор (в данном случае типа конструктор человеков..))) с передаваемым параметром parametr (…в данном примере это будет пол создаваемого чела!)
function cheloveche(parametr)
Строка 2: Ну а в уже в теле функции ты создаешь свойство-характеристику к созданному объекту (человеку) …в данном случае pol (пол (М/Ж))!
{
this.pol = parametr;
}
Таким образом, когда ты, например, кликнешь на кнопку типа input, которая вызовет функцию, в которой прописано создание нового «клона»:
….типа:
var clon = new cheloveche(‘пацанЧЕГ);
…то при этом, у тебя создается «новый экземпляр человека», с именем ‘пацанЧЕГ’! )))

Сергей
Андрей, а можете продублировать ссылку на справочник по JS???

Never Lex
Сложновато ООП для восприятия всё таки Башка с трудом воспринимает. Нужно будет повторить уроки попозже.

Александр Николаевич
Здравствуйте, Андрей! Спасибо за материалы позволяющие сделать быстрый старт в JS. Единственно, что очень сильно огорчает — это Ваша интерпритацияанлийскихслов, это просто беда! Math — мач, length — леннч, etc

ALexander
Я извеняюсь, Александр Николаевич, вы достали уже автора, по поводу английского, по сути у Вас что нибудь есть? Человек сделал прекрасный курс, за это ему огромное спасибо! А английский кому надо будет учить на другом рессурсе.

Искандер
Александр Николаевич сходите в лес по грибы, умничать будете на ресурсах посвященным английскому, а здесь другая специфика и автор очень доходчиво обьясняет!!!
Писатель нашелся…. ох как я не люблю таких умников….

Алексей
Когда говорил про функцию substr(pos, count) сказал : «С какого начиная символа в строке и каким заканчивая», а надо «С какого начиная символа в строке и какой длинны вырезать подстроку».

Вика
Предложение разбивать разбор КОДОВ на простые подзадачки.
И описывать более простым языком, брать более тревиальніе задани что-ли..
А пока трудно для воспринимания, в том числе из-за вводимых терминов (не совсем понятна, и мешает восприятию).
Однако за Ваш труд — спасибо.
Качественній пример на сайте по php программинку — ***/

december
Где нати справочник, который он рекомендует прочитать в дополнений к видеоурокам?

Lardok
опа… а как я пропустил 4-й урок?!.. О_о

Ян
Благодаря мне, Андрей, Вы заработали на несколько грошоф больше

magy
Спасибо большое за уроки, Андрей. HTML и CSS — пройденный этап, правда к JavaScript еще не приступила. Скажите, а возможно ли с помощью JavaScript создание графиков подобных этим:
***
***
Или же здесь без flash не обошлось? Вот думаю с чего начать, может подскажите?

Андрей Морковин
То, о чем Вы говорите, нужно делать на flash. Но JavaScript все равно нужен, это другой, очень важный механизм веб-строительства.

Андрей Морковин
Кстати вот, как раз ответ на Ваш вопрос (можно и без флеша).

magy
Благодарю. Уже хотела отложить эту затею с графиками, но! думаю, это то, что нужно)

lev
Андрей, вы просто молодец! Ничего лучшего на русском языке я еще не встречал. Сам изучал javascript, по видео от ***, автор — Дори Смит, но они, увы были на английском. Были бы ваши уроки тогда, процесс пошел бы гораздо быстрее.

Руслан
…Спасибо Андрей!
…очень замечательный урок! …наконец-то Я начал доганять …что есть такое ООП! …thanks!))

Bimigus
Спасибо! хотелось бы ресурсно отблагодарить, но пока нищий)))
Пытаюсь отблагодарить, качая уроки с Депозита. Но несколько неудобно из-за того, что яваскрипт-файл тоже в Депозит залит, а в Депозите ждать после закачки долго, ай-пи сейчас сбивать неудобно. Практичнее было бы на народе располагать и яваскриптовский файл.
И еще раз спасибо! Не смотря на то, что уже знаком и с яваскрипт, и с css, html, php, c++, vb, у Вас всегда найдется важая информация, та изюминка, которой не хватает. Слушая Ваши уроки, радуюсь дикции. Я не засыпаю! Ведь урок не скучный!
Спасибо снова!)))

Grenadier
спасибо огромное за видео уроки.
Вот что нравится что в конце уроков есть примеры я просматриваю а потом сам пытаюсь воссоздать не все сразу ну после 2го раза нормально уже и запоминается быстрее
еще раз спасибо …

pDragon
По поводу заработка с файлообменника, есть *** можно туда вместо народа выкладывать видеоуроки, там хоть и копейки, но хоть что-то и спасибо за уроки, как я понял ява-скрипт очень похож на ПХП.

Never Lex
Супер. Продолжаем постигать Не разбирался раньше в DOM совершенно

Андрей Морковин
DOM — это круто. Потом много где пригодится.

Женя
Андрей, А Вас ошибка в коде!
Скрип не работает.
Пришлось поломать голову. Вот рабочий вариант
Документ без названия
.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();
Первый абзац

Артем
И где же была ошибка? У меня все работает! Просмотрел внимательно —
var div = document.createElement(«div»);
только в этой строчке разница в кавычках…

Таня
Андрей Морковин хочу выразить вам благодарность за видеоуроки. Они мне помогли. Какой вы всё таки молодец,что нашли время и желание поделиться своим опытом с начинающими и студентами!!!
Приятно видеть,что в своём большинстве(как мне доводилось сталкиваться) программисты отзывчивые люди)

Cергей
Андрей, я посмотрел ваши уроки и скажу, что у Вас талант в плане доносить информацию до слушателя. Я думаю вскоре Вы дадите фору таким инфобизнесменам как Попов и т.д.
Вам бы я посоветовал открыть он-лайн школу и проводить груповой и индивидуальный набор на занятия по скайпу в он-лайн режиме. Так как сейчас люди сталкиваются с массой проблем для реализации функциональности сайтов, изменение их дизайна, а также вдижки форумов, как ставить моды и т.д.
Сейчас в этом отношении есть многие поддержки, но они оказывают только текстовую поддержку и не предоставляют услуг в реал тайме человеку увидеть как это делать и т.д.

filot
А вы знаете язык ActionScript? Говорят что он похож на JS. Пошарил в нете нечего не нашел лишь тупой контент… А у вас есть какие-нибудь книги, или лучше видеокурсы? Все уроки классные! Мне очень понравились! Желаю долнейшего продвижения!=)

Bik_top
Здравствуйте Андрей.
Вопрос: getElementbyid это круто! Для но я до сих пор гуглю и нормального объяснения не нашел для . Наверно я seoded.ru-зависим…

Олег Орабин
Спасибо за доходчивый урок!
Хотелось бы услышать видеоурок про различные модные библиотеки, например HighCharts
***

Vito
А почему мы создаем переменные koordx и koordy
и прописываем через стили
div.style.left = koordx + ‘px’;
div.style.top = koodry + ‘px’;
как связываются ‘px’ и числа 10 и 12

papalev
УУУУУУУУУУУраааааа дождался наконецто спс и большой вам поклон толька у вас JavaScript на русском языке )))

papalev
Почемубы вам не сделать видеокурс по JavaScript для начинающих как PHP & MaSQL Для начинающих от Евгения Попова Спрос будет бешаный ну ябы точна купил !!)) но не останавливайте одиночные уроки они супер спс ещо разок!

Андрей Морковин
В своей совокупности одиночные видеоуроки представляют собой ни что иное как полный видеокурс по JavaScript.

papalev
А мона вам идею урока предложить для урока
ну меня вапрос этот терзаит «Как сделать при добовлении комментов сделать редактирование текста и смайлы» я примерно знаю как это сделано блогодаря вашим урока но тока в теории ещо не пытался хотелосьбы научится наверника поможите )) ???

Андрей Морковин
Спасибо за идею, я подумаю

Dimox
Спасибо за урок. Такой вопрос — я для проверки через регулярное выражение использую вот такую конструкцию (подсказал программист):
if (/^\s*$/.test(text)) { }
В чем разница между .test и .search? Какую лучше из них использовать и почему?

Андрей Морковин
Привет, Дмитрий!
Метод test() возвращает true или false, в зависимости от исхода проверки на соответствие текста и регулярного выражения. Именно этот метод описан в документации по регулярным выражениям JavaScript.
Метод search() возвращает позицию совпадения и, по логике вещей, меньше подходит для описанного случая, но прекрасно справляется с поставленной задачей.
Есть еще более функциональный (но и более медленный) метод match(), который может возвращать сами символы, совпавшие с регулярным выражением.
Короче говоря, для обычной проверки на соответствие регулярному выражению больше подойдет метод .test().

Dimox
Привет =) Понятно, спасибо за объяснение. Значит буду продолжать использовать .test().

Voron
Прикольный урок! Спасибо!

san4izl
Спасибо за урок. А на счет уроков по PHP & MySQL для начинающих было бы очень даже не плохо! Надеюсь после серии уроков по яваскрипту, последуют именно уроки по PHP & MySQL. Еще раз спасибо за ваши уроки!

Андрей Морковин
Я думаю, что дойдет время и до PHP с MySQL

sssssss
Тоже бы очень хотел уроки по PHP и MYSQL

papalev
Да я согласен я бы хлтел пополнить сваю капилку знаний в PHP и послушать умного человека)

Дмитрий
Андрей Морковин Спасибо Вам огромрое, за ваш труд и знания, которыми Вы делитесь с нами!!!!!!!!
Вы просто Бог!!!
Это лучшее что я нашол в сети за последнй год!!!
Ваш Видео курс просто спасение для многих пользователей……
Спасибо ещо раз!!!!!

Асушник
Объясните п-та, существует такое понятие как api: google api, yandex api, vkontakte api. Между ними есть какая-нибудь разница или у них один стандарт? Api связано с javascript? Недавно открылся Google Wave, там можно прикручивать свои api приложения, хотел бы научиться, случаем вы не будете в будущем видеокурсы по api писать?
Спасибо.

Sergey
Было бы неплохо в дополнение к видео оформить уроки еще в текстовом виде. Как альтернативу. Мне, например, все-таки проще усваивать читаемый материал. К тому же нужный фрагмент в тексте ищется гораздо быстрее, чем при прокручивании ролика.
Думаю, многие пользователи одобрили бы такой вариант.

Асушник
никто в api не разбирается? см предыдущий пост

Андрей Морковин
Вам нужно почитать мануаль, по API Яндекса например и сразу станет все понятно:
https://yandex.ru/dev/maps/
В принципе, API — это набор функций, позволяющий реализовать ту или иную задачу.

Elshan
Sps vam bolshoe,vse super…napishite kak otpravit ix na server esli ne trudno….esli est v predudishex urokax to sorry.eshe ne posmotrel

Илларион
Мне понравилось! Узнал для себя, что такое регулярные выражения. Хотелось бы ещё разобрать jQuery, но это как идея.

Андрей Морковин
Сегодня наткнулся на ссылку в Твиттере, запускается цикл статьей о jQuery, думаю Вам будет интересно:
http://www.websovet.com/jquery-dlya-chajnikov-vvedenie

Илларион
СпасиБо за ссылку. И можно вопрос немного не по теме? Как в camtasia studio при записи сделать подчёркивание карандашом, как у вас на видео? Я думал-думал. В Интернете искал-искал — не нашёл. Помогите, please. С уважением, Илларион

Андрей Морковин
Я об этом писал здесь: https://www.seoded.ru/webmaster/morkovin/rabochee-prostranstvo.html

Руслан
Спасибо Андрей!
…честно признаться давно хотел разобраться с регулярными выражениями, потому как очень нужно было написать скрипт по работе со строками, тогда в итоге от регулярных выражений отказался, выбрал обходной «ОЧЕНЬ ГЕМОРОЙНЫЙ» путь, потому как от одного вида строки RegExp меня бросало в ужас!
Пробовал почитать мануал, но МОЗГ начинающего и неопытного web-разработчика всячески отвергал любые упоминания о рег.вырах!
В javascript и вообще в программировании Я новичок, за 24 минуты просмотра вашего урока, впитал все как ГУБКА!) и тут же за 15 минут написал скрипт проверки е-майла для своего сайта!)
…в который раз восхищаюсь вашим умением преподносить сложные вещи в легкоусваимой и понятной форме!
…ПРИЛЮДНО ВЫРАЖАЮ ВАМ БОЛЬШОЕ СПАСИБО от имени ВСЕХ НАЧИНАЮЩИХ WEB-РАЗРАБОТЧИКОВ! ..))

Андрей Морковин
И Вам спасибо на добром слове.

Never Lex
Да уж. Писать и понимать регулярки это непросто. При изучении PHP с ними ознакомился, поэтому этот урок был для меня очень простым.

Web
Здравствуйте, Андрей! Скажите пожалуйста, на ваш взгляд, регулярными выражениями лучше пользоваться в JS или PHP, скажем, для проверки полей на корректность ввода данных перед отправкой на сервер или лучше сделать фильтрацию на обоих языках, чтобы в случае отключения JS в браузере пользователя информация всё-равно фильтровалась бы по средствам php?? Наверное бред написал, но думаю вы поймёте что я хотел сказать.

Андрей Морковин
На стороне пользователя проверить JavaScript-ом + на сервере PHP.

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

p1w3t_9_101
Не проверял, но если search() возвращает позицую, с которой начинается рег выражение, то например в строчке ‘9lox@ya.ru не возратит ли он 2, что не равно -1?

Женя
Спасибо за прекрасный и понятный урок. Но хотелось бы уточнить. Если мне не показалось, в том месте на 17 минут 09 секунд выделен не совсем верный диапазон при объяснении рег.выражения и дальше пояснения идут со смещением на одно «слово»; ‘tri’ было выделено лишним и попадает под конструкцию следующего описываемого рег.выражения. Если я ошибся, сорри за беспокойства.

Женя
Похоже ([\.-]?\w+)* так и (\.\w{2,4})+ выполняют одинаково для соответствия условиям .tri

Uppix
Спасибо, интересные уроки!
Андрей, во втором видео JavaScript #6-2 часть регулярки выглядит как
..[a-zA-Z0-9_]){0,}(\.[a-zA-Z0-9_]{2,4}){1,}$/
а ее сокращенный вариант
..\w+([\.]w{2,4})+$/
это действительно правильно, или в первом варианте
после [a-zA-Z0-9_] не хватает {1,}
т.е.
..[a-zA-Z0-9_]{1,}){0,}(\.[a-zA-Z0-9_]{2,4}){1,}$/
p.s. спасибо за Кохану на Хабре

Павел
Спасибо, очень познавательный урок!
Хотел сделать проверку на ввод имени чтобы вводили только буквы, и НЕ могли ввести цифры. Вот код. может кто поможет найти ошибку?
function f(){
var a = /[^0-9]/;
var name = document.getElementById(‘name’);
var verno = document.getElementById(‘verno’);
var neverno = document.getElementById(‘neverno’);
if(name.value.search(a) !== -1){
verno.style.display = ‘inline’;
neverno.style.display = ‘none’;
document.form[0].submit();
}
else {
verno.style.display = ‘none’;
neverno.style.display = ‘inline’;
}
}
А это кусок HTML
Имя
Верно
Неверно!
и ещё вопрос — можно ли вводить ТОЛЬКО РУССКИЕ буквы? т.е. запретить вводить английские?

Павел
жаль html код фильтруется…. ((

Giorgi
андрейн скажи твой скайп

Ivan
С народного диска урок некачается

Ivan
шестой урок не качается с Яндекса

levon
Посмотрел весь урок. Все объяснено просто, без всяких заумностей. Очень жду следующих ваших уроков.

Андрей Морковин
Рад, что получилось объяснить просто.

Андрей
до вашего видеоурока по кукам я не умел ими пользоваться в javascript но сечас я в них все понимаю

Андрей Морковин
Это отлично!

Любомир
Автору огромное спасибо за еще один отличный урок!!!!

Дмитрий
Андрей!!!!
Спасибо большое, Вы замечательный человек, Вы очень помогаете всем кто мечтал научиться програмированию на java.
Вы Единственный в сети кто так хорошо начал открывать пользователям эту тему, самое главное, что в Ваших видеоуроках все понятно, доходчиво и поэтому они смотрятся с удовольствием.
Андрей Вы умничка, так держать….

Elena
помогло :-* хорошо бы ещё видео по CMS и SEO.

Never Lex
Намного проще работать с кукисами на PHP.

Лёнька
большое спасибо за столь понятные и полностью разжованные уроки! Пожалуйста продолжайте в том же духе, хочется продолжения!

Павел
Андрей, архив битый. За уроки спасибо.

Юрий
Спасибо за уроки! Объясните пожалуйста разницу между != и !==

Танцор
Я что-то не понял сомнения автора по оду != и !==. Я всегда польщовался оператором != был уверен, что он обозначает неравенство. Что за !== вообще не пойму. Ктонибудь может объяснить какая разница между ними?

Ayaz
Разница в том, что когда используется != (или == ) то производится неявное преобразование типов. Например выражение alert(«1» == 1); вернет true, потому что
вторая единица типа int сконвертируется в строковой тип и сравнится со строковым типом первой единицы, то есть будет
(«1» == «1») что является истинным выражением и следовательно алерт веведет значение true. Чтобы избежать неявных преобразований типов пользуются !== (или == ) . Теперь если наш предыдущий пример будет написан как alert(«1» === 1); тогда алерт вернет нам false, так как сравниваются два разных типа. Надеюсь понятно изложил. А Адрею отдельное спасибо за понятный видеокурс.

Azze
Извиняюсь, во втором примере хотел написать !== (или === ) .

Игорь
Спасибо большое за отличные уроки. Попадал ранее частенько на Ваш сайт и находил не раз действительно полезную информацию. Добавил в закладки)

Александр
Добрый день, Андрей! С удовольствием изучил Ваши уроки по js. Тоько вот один вопрос — а будет ли продолжение?

Павел
Просто убило:
«И мы начинаем предновогоднее видео по кукам в джаваскриптам. Вот, собственно, эти куки в джаваскриптах: *обводит заголовок*, а вот предновогодность нашего видео: *обводит снежинку*».
Ну и, пользуясь случаем: Андрей, спасибо вам за уроки и с праздниками!

Андрей Морковин
Да, 29 января 2009 года. Предновогоднее видео двухлетней давности. Было время
Спасибо Вам за добрые слова, и Вас с наступающим!

papalev
И всё (((( а про смайлы или что вообще JavaScript кирдык !!!!

Андрей Морковин
Не расстраивайтесь, это базовый видеокурс закончился. Впереди еще много всего интересного.
Кстати, знаний, полученных из видеокурса, должно хватить для самостоятельного углубления в нужных направлениях. Нет возможности описать все направления применения JavaScript, да и не нужно это.

Саша
Перевожу слова автора:это базовый бесплатный курс,следующие курсы будут платные!
Вот(((

Андрей Морковин
С чего это Вы взяли? Я такое сказал? Бесплатных видеокурсов вообще не будет?
М-да, жаль, а я то планировал… Ну раз Вы так говорите, то тогда конечно…
А вообще, Ваш перевод не имеет ничего общего с реальностью

Валерий
Все вы делайте отлично — тратите свое время для ленивых как я , которые не любят читать толстые книги. Жалко что информация подается не спеша…

Руслан
….мда…и как же это так посмел автор курса не написать нам лентяям как смайлики делать! …и вообще…))))
….ИДЕЯ! А давайте будем автору скидывать все наши рабочие заказы — пусть ЗА НАС ДЕЛАЕТ!))
…Андрей ТВОИ уроки потрясающи!
…Не обращайте внимание на неблагодарных лентяев! ))
…как им в сартир еще не ВЛОМ сходить?)))

Андрей Морковин
:)

levon
Андрей, вы просто молодец. Все было просто замечательно.

Олег
Вы о чём? )))

Виталий
По яваскрипту мало уроков
Было б не плохо еще сделать несколько уроков которые актуальны почти всегда, например создание разных меню. Так же поработать больше с тегами коротые меняют дизайн сайта.

Григорий
В уроках говорится про справочник JavaScript где его взять??
А то чето я не понял :).. Заранее СПС.

Андрей Морковин
В третьем видеоуроке я публиковал ссылку. Здесь можно скачать этот справочник: ***

Игорёк
Объясните мне дураку: зачем в JS нужен объект String? Реально на практике. А то я читаю и не пойму. Типа для управления строками. И что? Что это даёт? Зачем, например, нужно вырезать из строки некоторую её часть? Зачем нужно считать количество символов в строке?
Я дебилом никогда не был — всё учил сам, а тут хоть разбейся и в инете ничё накопать не могу.

Regent
String — очень распространённый объект в использовании. Часто создают его облегчённую версию просто с помощью кавычек.

Танцор
Та хоть бы работа с куками. Пересмотри видеоурок по кукам и ты поймёшь зачем объект String. По сути кука это срока содержащая различные параметры. Так вот методы объекта String помогают выделить из всей строки только ту её часть которая нужна. Или на пример с помощью этих же методов в текст можно добавлять BB коды или коды смайлов. Да куча вариатнов. У меня ни один скрипт не обходится без использования методов объекта String.

Юрий
Во-первых огромное спасибо за отличные видеоуроки!
Но есть одна очень маленькая, но важная просьба. Прошу выкладывать видеоуроки заархивированными, так как политика безопасности фирмы запрещает качать видео. А так я бы с удовольствием еще много чего накачал…

Танцор
О блин. А дома скачать?

Regent
Вы внесли большой вклад в развитие JS-сообщества Спасибо!
*** — страница не найдена
Не возражаете, если я добавлю https://www.seoded.ru/webmaster/morkovin/javascript-video.html в этот список? Вот сам список: ***

Андрей Морковин
Для навигации по всем видеоурокам пользуйтесь меткой *** (не знаю, почему не работает ссылка, о которой говорите Вы, какие-то глюки WordPress).
Конечно же я не возражаю добавлению ссылки на Вашем сайте, буду только рад.

Вадим
Большущее СПАСИБО Вам Андрей! Будем ждать продолжения «много всего интересного»)))

Григорий
Андрей, огромное вам спасибо за уроки! После просмотра этого курса возник вопрос, как сделать плавное перемещение или постепенное появление объекта в документе?

Дмитрий
Андрей, очень благодарен за публикацию видеоуроков!

iRoger
Привет Андрей! Может идея и несколько корыстная — но сайту к лицу будет блок с пожертвованиями

iRoger
Просто так бесплатных курсов в нете неотышешь, а у вас все доступно

Андрей Морковин
Спасибо за комментарий
Как-то мне стыдно просить деньги. Хотя, конечно, они лишними не будут и иногда их очень не хватает

Bimigus
JavaScript — это круто! Но, увы, минимально достойного сайта (а не просто группы страничек, пусть даже в чем-то функциональных и красивых) сделать не получится.
Я знаком с php, но из-за существенной сложности запланированных сайтов делать их в классическом php буду ОЧЕНЬ долго (чувствуется дефицит знаний в некоторых местах, например, создании достойной админки). Сайты — браузерная игра, требующая множества вставок php-кода, небольшая социальная сеть и форумный сайт-визитка.
Андрей! Вы можете посоветовать оптимальную систему управления сайтом или какую-нибудь базу php-скриптов? Смотрел седитио+котонти — там незнакомая мне система tpl-файлов с множеством заморочек: очень непонятно, как php-скрипт вставлять.
Сейчас пытаюсь понять Joomla.
Скажите, пользовались ли Вы какой-нибудь системой CMS?
Что можете посоветовать?

igor_belousov
Советую посмотреть в сторону MODx. Но это не совсем CMS, а скорее CMF

Bimigus
И еще: Будут ли у Вас уроки по php?

Эдуард
Тоже искал бесплатный курс по PHP, нашел здесь ***.
Огромное спасибо людям, которые делают достойные продукты и тратят свое время, чтобы донести до нас основы сайтостроения.
Андрей, вы бы где-нибудь на сайте выложили свои wm — кошелки, для благодарных учеников:). Автор, указанного мною выше курса, именно так и сделал.

HAKOB
Андрей а откуда можно скачать JavaScript?

Bimigus
НАКОВ, Вам справочник? В гугле их очень много! мне понравился мини-учебник «Яваскрипт для мага». Кроме того, Андрей выложил справочник в 3 видеоуроке, если я не ошибаюсь. А если Вас интересует JavaScript как программа, то он встроен в браузерах, его скачивать не надо.

Вячеслав
Андрей, понравились ваши уроки! Очень хорошая дикция, приятный голос вы настоящий диктор, Женя Попов в этом плане отстает и при чем очень сильно. Вам нужно подумать о создании инфопродукта.

Вадим
Не совсем согласен насчёт Е.Попова.Он тоже очень разумно всё объясняет и обладает приятным голосом и дикцией.А вот скачал я както какие-то видео уроки(точно не помню, но кажется по фотошопу).Так там чувак ну таким голосом всё это объясняет, что я даже 1ый урок не досмотрел, хотя описано всё от и до.

Дмитрий
Андрей, жаль что хороших профессионалов и людей находишь в инете не сразу. Темой сайтостроительства заинтересовался недавно, основная деятельность — трейдинг. Сваяв первый куцый сайт на Joomla, лихорадочно поглощаю инфу по теме. Хочется все сделать самому.
Начав смотреть Ваш первый урок по JS, понял, что я Ваш прилежный ученик.
Респект!

Вадим
Спасибо, давно искал! Конечно хотелось бы увидеть и более сложные вещи, но в целом база хорошая.

Ігор
Реально таких сайтів бобільшеб, багато чого можна дізнатись.

Oleg
Спасибо вам за хорошие уроки! Очень понравились. Надеюсь что смогу увидеть такие же по JQuery — вам очень получается вести начитку. В отличии от не безызвестного Попова, который вряд ли понимает что он читает там с листочка, и растягивает 5-ти минутный урок на 15-20 минут своим гнусавым голосом — у Вас все отлично!
Огромное Вам человеческое СПАСИБО!!!

Ирина
Очень Вам благодарна! Более хорошей дикции и приятного голоса в видео-уроках я еще не встречала. Смотреть их – это бесспорное сочетание приятного с полезным.

prof
Спасибо, думаю будет красивым жестом делать ссылки на данный сайт теми, кому оказались полезны данные уроки при создании своих сайтов.))

Alf
Огромное человеческое спасибо автору, все очень грамотно и главное понятно объясняет, а то сейчас столько поганых видеуроков появилось

Never Lex
Ну вот. Всё изучил Спасибо. Хотелось бы конечно уроков поглубже, но понятно, что на халяву таких не бывает
До методов отладки кода сам додумался уже давно. При глюках делю код на 2 части. Одну удаляю и проверяю работоспособность оставшегося кода. Если продолжает глючит, то опять половину отрезаю. А фаербаг это да. Это сила.

shaman4d
Спасибо за интересный курс, только один вопрос — почему вместо НародДиск вы выбрали ДепозитФайл ? — качать снего муторно и долго.

mad_shaman
shaman4d, С депозита качай USD. Очень полезная программка.
Вы бы себя пропиарили, что ли! Почему на торрентах нет ваших авторских раздач? Реклама прямая и незатратная для русскоязычных слоев мышления
Заказывали бы люди у Вас сайты. Даже помощь и та, думаю, хорошими людьми оплатится.
А инфопродукты — это не Ваше! Вы профессионал. По подаче материала видно! Набирайте себе учеников лучше! Это интересней и круче!
Сенькаю!

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

александр
Андрей, спасибо за уроки, но вынужден покритиковать
во-первых, синтаксические ошибки
во-вторых, ну не пишите Вы в транслитерации. Да все вебдевелоперы знают инглиш на уровне первого класса, дак зачем же заменять name на корявое imya? Это для того, чтобы незнающим англ. было легче понять? Да таких 1% из аудитории (непонятно вообще, как без языка можно связываться с чем-то, кроме 1С, где есть возможность писать код по-русски. ИМХО, бред). Дык вот, всех остальных, уверен, это только раздражает. на код смотреть не хочется
и в-третьих: Ваше произношение. мой совет, если не знаете, как произносится слово, узнайте (даже в винде есть сервис такой, кажется, где голос читает написанное Вами), или воздержитесь от произношения — можно просто заменить русским переводом.
надеюсь, критика будет воспринята и ошибки устранены в след. уроках. Удачи и спасибо!

Денис
Огромное спасибо за видеоуроки по javascript. Давно уже пытаюсь начать изучать но книжки читать неохота а вот первый урок просмотрел с удовольствием. Я самостоятельно и довольно неплохо освоил верстку и уже больше 3-х лет живу за счет этого сейчас понимаю что пора поднимать свой профессионализм и принятся за изучения яваскрипта и различных библиотек типа jquery. Для покорения новых вершин. Подписался на rss с удовольствием буду черпать знания

Рималь
А не можете еще что нибудь по JavaScript?
Очень надо!

Ольга
Скачать не получается, выдает ошибку ((

Валерий
Андрей, огромное вам спасибо! За все ваши уроки! Помню раньше смотрел ваши уроки по DIV верстке, досмотрел вроде до 9 урока и дальше как то сам разогнался и всему научился))) Изучил за это время PHP и щяс давольно хорошо зарабатываю)
И все можно сказать благодаря вам!
Щяс вот пишу свою веб студию, и для этого опять к вам вернулся, решил посмотреть что нового, тут ява))) Вот и поучим ее)))
Еще раз огромное спасибо!!!!!!!

Виталий
Здравствуйте Андрей, вы большой молодец. Спасибо вам. Прекрасные уроки. Не планируете ли вы сделать пару уроков про то как писать кроссбраузерный JS и технологию AJAX. Очень интересует.

Alex
Хотелось бы получить исходники примеров, которые используются в курсах, это ускорило бы обучение.Может они где-то выложены, но где?

Sergio Beretta
Спасибо Андрей! Краткость — сестра таланта. Не углубляясь в мелочи, показать функционал языка, что имеет место для импровизации изучающего. Было бы очень здорово увидеть в будущем уроки о кроссбраузерной реализации Ajax. Думаю это увеличит посещаемость вашего сайта и привлечет клиентов.

Ярослав
Спасибо огромное) много нового узнал)

Misha
Cpasibo……mne o4en pomagli tvoii video…!!!
(izveniti shto ne pishy po ruski no y menja evo nety)

Олег
Привет, Андрей.
скажи пожалуйста, что изучать первее- JS или PHP?

Данил
Спасибо, и за то что бесплатно; а про блок пожертвований — думаю стоит разместить… С миру по нитку — мастеру на хостинг…

Олег
дайте, пожалуйста, ссылочку на справочник)

Ксю
Огромнейшее спасибо за ваши уроки! Просто СУПЕР! Если честно начинала качать с небольшим недоверием…как это…курс…бесплатный…и хороший….такого не бывает! Оказалось, что бывает и еще как!)) Доступные объяснения, все показано на примерах, для доходчивости еще и стрелочки во время объяснения рисуются…просто не понять невозможно))
Снимаю шляпу!:)

Танцор
Всё как всегда отлично. К сожалению всё это я уже знал, но с удовольствием повторил. А вот единственная интересующая меня тема затронута не была. Было бы очень хорошо если бы был хоть один урок посвящённый Ajax. О нём обычно так муторно пишут в текстовых уроках, что я до сих пор его не вкурил.

Алексей
немного оффтоп
Начал смотреть про Кахану и PHP, я не думаю что можно рассказывать и подавать круче. Каждый урок вы просматривали сами миним еще раз, об этом говорят всплывающие подсказки в местах где вы что-то не досказали при записи. Качество уроков изумительное. Только иногда немного масло масленное, то есть уж слишком разжовано))) Но это к лучшему — повторенье так сказать мать…
Спасибо за ваши труды.

Андрей Морковин
Спасибо за приятный и полезный отзыв. Я рад, что мои видеоуроки оказались полезными.

Елена
Спасибо большое за уроки очень полезны и доступно изложено особенно приятен голос. Хотелось бы еще уроков на тему ExtJS, о совместной работе с РНР получения данных, использования данных, заполнения массива, отправки на сервер, правильное размещение файлов.

Pajusalu Jaan
Поддержу Андрея. Зная качество его изложения материала 3 доллара не тянет карман. Спасибо Андрей за ваши труды.

Андрей Морковин
Спасибо за поддержку! Это очень приятно.
Вы подписались на мою рассылку (в правой колонке оранжевый блок)? Я планирую в ближайшее время начать публикации новых уроков в рамках курса по верстке.

Pajusalu Jaan
Вроде я еще раньше подписывался сейчас продублирую. Мне сейчас интересны уроки по практике PHP также очень были бы интересны уроки по drupal но не для начинающих вроде как установить как настроить а для тех кто хочет понять что такое hook hook api и как писать свои модули.

Андрей Морковин
С drupal я не знаком. Планирую подобные уроки про WP.

Pajusalu Jaan
Хоть и wordpress мега популярен я как то не подружился с ним. Сделайте платный курс практика php на живых примерах и я думаю что курс будет популярный. Не знаю как другие но мне было бы проще понять когда есть нормальные примеры скажем заготовки кода. Например реализация авторизации на сайте с капчей и так далее. Хорошо объясненный пример в курсе куда полезней чем куча инфы что такое переменные массивы и так далее. Хотя теорию ни кто не отменял. Я думаю что можно найти кучу готовых решений и просто собирая по кусочкам эти решения внедрять на своем проекте. Вроде есть PEAR но я так и не разобрался в нем. Было интересно узнать ваше мнение по этому вопросу.
Хотя это конечно лично мое мнение.

Андрей Морковин
Мне понравилось работать имено с WP и пользовать уже готовыми методами авторизации, личным кабинетом и т.д., а не писать все с нуля. Во многих проектах этого достаточно, хотя, конечно, есть серьезные задачи, где нужно все писать с нуля. Но это редкость.

Pajusalu Jaan
Да и это правильно. Посмотрел первые уроки по javascript. Там есть мелкие орф ошибки ну думаю что это не критично главное понять суть. Пока что все понятно.
Благодарствую за ваши уроки и жду более углубленных курсов по JavaScript

 

⇓ 

Поделись ссылкой на Seoded.ru с друзьями, знакомыми и собеседниками в соцсетях и на форумах! А сам сайт добавь в закладки! Так победим.

Поделиться ссылкой на эту страницу в:

 

Полезные ссылки:

«Яндекс», история создания крупнейшей поисковой системы Рунета Проверить текст на уникальность, ошибки и качество

 


основан в 2008 г. © Все права на материалы сайта Seoded.ru принадлежат Алексею Вострову.
Копирование (полное или частичное) любых материалов сайта возможно только с разрешения автора и при указании ссылки на источник.
Ослушавшихся находит и забирает Бабайка!