Andrew1101
Новичок
- 1 Окт 2014
- 5
- 12
Михаил Русаков - JavaScript, JQuery, Ajax с нуля до гуру
Автор: Михаил Русаков
Теперь когда Вы в моей компетенции убедились, давайте Вам расскажу, как я изучал JavaScript. И я недаром затронул именно эту тему, поскольку динамические сайт ы с различными красивыми элементами (например, слайдер изображений, progressbar, плавно появляющиеся элементы, регистрация без обновления страницы и многое-многое другое) как раз создаются с использованием JavaScript.
Вопрос лишь в том, КАК изучить JavaScript?
Когда я изучал HTML, CSS и PHP, то никаких проблем с их изучением не было. По первых двум технологиям полным-полно литературы, и надо было лишь попрактиковаться. По PHP есть тоже масса источников и освоить его так же не так сложно. А вот с JavaScript у меня возник затык, поскольку я до сих пор не знаю ни одной хорошей книги по этому языку. Таким образом, я изучал его дольше остальных, собирая крупицы из самой разной литературы и с самых разных сайтов. Благо, мой тогда уже многолетний опыт мне в этом очень хорошо помогал (все языки очень похожи друг на друга). Постепенно у меня накопился багаж знаний, и дальше возникла главная проблема.
КАК научиться применять знания на практике?
Вроде бы знаю всё, что требуется, а написать даже несложный скрипт было трудновато. Но постепенно я этому научился. Таким образом, даже несмотря на мой опыт программирования, JavaScript, из-за отсутствия хороших обучающих источников, я осваивал несколько месяцев.
Что нужно делать, чтобы изучить
и научиться применять JavaScript, jQuery и Ajax?
Шаг 1. Освоить азы JavaScript.
В первую очередь, нужно освоить JavaScript, выучив все основы языка и познакомившись со всем необходимым. Но здесь снова вопрос: «А что нужно изучать, что является необходимым?». JavaScript – это огромный язык, по которому можно смело писать учебник на 1500-2000 страниц, и он разберёт далеко не всё. Самый лучший вариант – это, чтобы Вам рассказал человек с многолетним опытом использования JavaScript, что он использует в своей практике. Какие конструкции, какие возможности языка, а также продемонстрировал бы Вам примеры.
Шаг 2. Научиться применять JavaScript при написании скриптов.
Сама по себе теория не имеет смысла, если её не закрепить на практике. Но снова проблема: «А где брать упражнения, как их придумать самому, если опыта ещё мало?».
Шаг 3. Освоить библиотеку jQuery.
Она необходима, поскольку JavaScript вносит в страницу «жизнь». А jQuery позволяет внести шик и блеск, причём с минимальными усилиями. Делая это на чистом JavaScript, Вы будете это делать, порой, несколько дней, с использованием jQuery Вы это сможете сделать максимум за час.
Шаг 4. Научиться применять jQuery.
Та же самая история, что и с JavaScript. Необходима практика, если Вы не будете использовать jQuery для решения конкретных задач, то вся Ваша теория через неделю выветрится.
Шаг 5. Освоить и научиться применять Ajax.
Ajax – это относительно новая технология, позволяющая отправлять данные на сервер без перезагрузки страницы. Эта технология, которая резко позволяет сократить нагрузку на сервер, увеличить скорость работы сайта, а также сделать сайт в разы удобнее для пользователя.
Как видите, всего лишь 5 шагов,
и Вы – отличный специалист по JavaScript!
Используя данный план, Вы уже можете самостоятельно собирать крупицы по Интернету. Рано или поздно Вы этому научитесь, и станете Гуру языка JavaScript.
Но есть более простой способ!
Представляю Вашему вниманию – кладезь всех необходимых знаний и всей необходимой практики по JavaScript, jQuery и Ajax, а именно Видеокурс «JavaScript, jQuery и Ajax с Нуля до Гуру».
Именно этот курс я записывал не с точки зрения «вот что я знаю по JavaScript», а относительно того, что я ИСПОЛЬЗУЮ в своей уже богатой практике. Всё, что я часто или редко использую в своей работе, вот обо всём об этом я рассказываю в курсе. То есть данный курс – это уникальная практическая информация, котораянеобходима Вам и в то же время достаточна для успешного программирования на языке JavaScript.
Как я уже говорил, теория – это хорошо, но без практики она смысла не имеет. Поэтому я, опять же опираясь на свою практику, подготовил Вам наиболее полезные упражнения для закрепления материала из уроков. Почти к каждому уроку в курсе идёт по несколько упражнений от совсем простых до весьма сложных.
Так же уроки имеют исходники, которые я создавал в процессе урока. То есть если у Вас не получится написать так же как у меня в уроке, то в исходнике Вы всегда сможете увидеть весь код из урока.
Итак, что же Вы получите из курса?
Раздел "JavaScript"
1.
Из этого раздела Вы узнаете:
Все необходимые основы JavaScript, не зная которых Вы себя будете необычайно сильно тормозить при обучении, и возникнет масса непониманий принципиальных вещей в JavaScript, без которых Вы едва ли сможете писать даже скрипт ы средней сложности.
2.
Все базовые возможности языка JavaScript. Поэтому даже если JavaScript – это Ваш первый язык программирования, то никаких проблем не возникнет. Курс идёт именно «с нуля».
3.
Методы взаимодействия и получения данных от пользователя. Тем самым, создаётсяинтерактивность страницы.
4.
О событиях в JavaScript. Событие – это некое действие, которое можно в JavaScript каким-либо образом обработа ть. Например, пользователь кликнул мышью по изображению – это событие. И в JavaScript мы можем, например, сделать это изображение крупным, а при повторном клике вернуть первоначальный размер. Есть масса других событий, о которых Вы обязательно узнаете из этого раздела, а, главное, научитесь их правильно обрабатывать.
5.
Научитесь проверять формы. Даже если сайт простой и не требует никакой динамики, но на нём есть HTML-формы, которые будут отправляться на сервер. Перед их отправкой крайне желательна проверка и вывод всех ошибок, чтобы пользователь мог внести исправления. Всё это делается на JavaScript. Все тонкости, нюансы и особенности проверки самых разных форм я покажу.
6.
Набор необходимых для работы функций, в то же время, ничего лишнего, я не приводил.
7.
О DOM (Document Object Model) – основе для того же jQuery. Если Вы будете знать DOM, то множество задач (которых, кстати, большинство) Вы сможете легко и быстро сделать без помощи тяжеловесной библиотеки jQuery.
Раздел "jQuery"
1.
Из этого раздела Вы узнаете:
Основы jQuery. Стоит отметить, что очень много новичков думает, что jQuery – это отдельный язык. Разумеется, это не так. Вот, чтобы успешно работать с jQuery, нужно знать это и другие базовые вещи, о которых Вы и узнаете из этого раздела.
2.
Где и когда нужно использовать jQuery. Большинство программистов его используют там, где без него можно было бы и обойтись, либо используют принципиально неправильно. Чтобы не быть таким же «программистом», Вам обязательно надо будет посмотреть данный раздел.
3.
Как уменьшить размер огромной библиотеки jQuery, ведь она весит очень много, в результате, скорость загрузки страницы заметно снижается. И как улучшить этот показатель, сэкономив на размере библиотеки jQuery, Вы также узнаете из этого раздела.
4.
Как работать со страницей, используя jQuery. Это очень важно, поскольку если Вы не будете уметь работать с элементами на странице, то jQuery вообще теряет смысл.
5.
Как манипулировать различными элементами на странице. Это особенно важно, ведь уметь разбирать страницу на «запчасти» смысла нет, если Вы ничего не будете с этими «запчастями» делать. Вот в данном разделе Вы научитесь модернизировать различные элементы, внося как раз красоту на страницы.
6.
О том, как устанавливаются события в jQuery и как их обрабатывать. Здесь это всё несколько иначе, чем в JavaScript, поэтому и это так же нужно обязательно знать.
7.
И, наконец, конёк jQuery – это создание анимации очень легким способом. Фактически, весь лоск, который так нравится пользователям, создаётся с анимацией. Плавное появление и исчезновение каких-нибудь изображений, плавное сворачивание, например, тех же блоков, плавное изменение размеров элементов и многое-многое другое. О том, как это всё делается, Вы опять же узнаете из данного раздела.
Раздел "Ajax"
1.
Все нюансы и тонкости технологии Ajax. Не зная этих нюансов Вас, например, удивит, почему нельзя отправить Ajax-запрос на другой домен стандартными методами. Чтобы Вы имели фундамент Ваших знаний по Ajax, данный раздел обязателен к просмотру.
2.
Как можно использовать Ajax без библиотеки jQuery. Это особенно актуально, если Вам не нужно разрабатывать какие-то сложные проекты, а достаточно несколько отправок каких-либо данных. Подключать ради пары отправок jQuery – крайне глупое решение (к сожалению, так делают крайне часто неопытные специалисты), поэтому один из уроков в данном разделе Вас научит, отправлять запросы и без jQuery.
3.
Как отправлять GET и POST запросы на сервер с использованием jQuery. Если таких отправок много, то использование jQuery упростит в разы написание кода и резко улучшит его читабельность.
4.
О формате JSON – важнейшем «мосте» между JavaScript и PHP. Это принципиально разные языки, и чтобы они могли обмениваться данными, используется универсальный формат JSON, с которым Вы также научитесь работать в данном разделе.
5.
Как контролировать отправку данных на каждом из этапов. Допустим, Вы хотите поставить какую-нибудь анимационную картинку (как бы «загрузка данных», наверняка, Вы с ней сталкивались) во время отправки. При возникновении ошибки хотите вывести соответствующее сообщение пользователю. А при успешности отправки хотите вывести на страницу определённый результат. Вот на каждом из этапов можете выполнять определённые задачи, как это делается, Вы опять же узнаете из этого раздела.
Скачать:
Автор: Михаил Русаков
Теперь когда Вы в моей компетенции убедились, давайте Вам расскажу, как я изучал JavaScript. И я недаром затронул именно эту тему, поскольку динамические сайт ы с различными красивыми элементами (например, слайдер изображений, progressbar, плавно появляющиеся элементы, регистрация без обновления страницы и многое-многое другое) как раз создаются с использованием JavaScript.
Вопрос лишь в том, КАК изучить JavaScript?
Когда я изучал HTML, CSS и PHP, то никаких проблем с их изучением не было. По первых двум технологиям полным-полно литературы, и надо было лишь попрактиковаться. По PHP есть тоже масса источников и освоить его так же не так сложно. А вот с JavaScript у меня возник затык, поскольку я до сих пор не знаю ни одной хорошей книги по этому языку. Таким образом, я изучал его дольше остальных, собирая крупицы из самой разной литературы и с самых разных сайтов. Благо, мой тогда уже многолетний опыт мне в этом очень хорошо помогал (все языки очень похожи друг на друга). Постепенно у меня накопился багаж знаний, и дальше возникла главная проблема.
КАК научиться применять знания на практике?
Вроде бы знаю всё, что требуется, а написать даже несложный скрипт было трудновато. Но постепенно я этому научился. Таким образом, даже несмотря на мой опыт программирования, JavaScript, из-за отсутствия хороших обучающих источников, я осваивал несколько месяцев.
Что нужно делать, чтобы изучить
и научиться применять JavaScript, jQuery и Ajax?
Шаг 1. Освоить азы JavaScript.
В первую очередь, нужно освоить JavaScript, выучив все основы языка и познакомившись со всем необходимым. Но здесь снова вопрос: «А что нужно изучать, что является необходимым?». JavaScript – это огромный язык, по которому можно смело писать учебник на 1500-2000 страниц, и он разберёт далеко не всё. Самый лучший вариант – это, чтобы Вам рассказал человек с многолетним опытом использования JavaScript, что он использует в своей практике. Какие конструкции, какие возможности языка, а также продемонстрировал бы Вам примеры.
Шаг 2. Научиться применять JavaScript при написании скриптов.
Сама по себе теория не имеет смысла, если её не закрепить на практике. Но снова проблема: «А где брать упражнения, как их придумать самому, если опыта ещё мало?».
Шаг 3. Освоить библиотеку jQuery.
Она необходима, поскольку JavaScript вносит в страницу «жизнь». А jQuery позволяет внести шик и блеск, причём с минимальными усилиями. Делая это на чистом JavaScript, Вы будете это делать, порой, несколько дней, с использованием jQuery Вы это сможете сделать максимум за час.
Шаг 4. Научиться применять jQuery.
Та же самая история, что и с JavaScript. Необходима практика, если Вы не будете использовать jQuery для решения конкретных задач, то вся Ваша теория через неделю выветрится.
Шаг 5. Освоить и научиться применять Ajax.
Ajax – это относительно новая технология, позволяющая отправлять данные на сервер без перезагрузки страницы. Эта технология, которая резко позволяет сократить нагрузку на сервер, увеличить скорость работы сайта, а также сделать сайт в разы удобнее для пользователя.
Как видите, всего лишь 5 шагов,
и Вы – отличный специалист по JavaScript!
Используя данный план, Вы уже можете самостоятельно собирать крупицы по Интернету. Рано или поздно Вы этому научитесь, и станете Гуру языка JavaScript.
Но есть более простой способ!
Представляю Вашему вниманию – кладезь всех необходимых знаний и всей необходимой практики по JavaScript, jQuery и Ajax, а именно Видеокурс «JavaScript, jQuery и Ajax с Нуля до Гуру».
Именно этот курс я записывал не с точки зрения «вот что я знаю по JavaScript», а относительно того, что я ИСПОЛЬЗУЮ в своей уже богатой практике. Всё, что я часто или редко использую в своей работе, вот обо всём об этом я рассказываю в курсе. То есть данный курс – это уникальная практическая информация, котораянеобходима Вам и в то же время достаточна для успешного программирования на языке JavaScript.
Как я уже говорил, теория – это хорошо, но без практики она смысла не имеет. Поэтому я, опять же опираясь на свою практику, подготовил Вам наиболее полезные упражнения для закрепления материала из уроков. Почти к каждому уроку в курсе идёт по несколько упражнений от совсем простых до весьма сложных.
Так же уроки имеют исходники, которые я создавал в процессе урока. То есть если у Вас не получится написать так же как у меня в уроке, то в исходнике Вы всегда сможете увидеть весь код из урока.
Итак, что же Вы получите из курса?
Раздел "JavaScript"
1.
Из этого раздела Вы узнаете:
Все необходимые основы JavaScript, не зная которых Вы себя будете необычайно сильно тормозить при обучении, и возникнет масса непониманий принципиальных вещей в JavaScript, без которых Вы едва ли сможете писать даже скрипт ы средней сложности.
2.
Все базовые возможности языка JavaScript. Поэтому даже если JavaScript – это Ваш первый язык программирования, то никаких проблем не возникнет. Курс идёт именно «с нуля».
3.
Методы взаимодействия и получения данных от пользователя. Тем самым, создаётсяинтерактивность страницы.
4.
О событиях в JavaScript. Событие – это некое действие, которое можно в JavaScript каким-либо образом обработа ть. Например, пользователь кликнул мышью по изображению – это событие. И в JavaScript мы можем, например, сделать это изображение крупным, а при повторном клике вернуть первоначальный размер. Есть масса других событий, о которых Вы обязательно узнаете из этого раздела, а, главное, научитесь их правильно обрабатывать.
5.
Научитесь проверять формы. Даже если сайт простой и не требует никакой динамики, но на нём есть HTML-формы, которые будут отправляться на сервер. Перед их отправкой крайне желательна проверка и вывод всех ошибок, чтобы пользователь мог внести исправления. Всё это делается на JavaScript. Все тонкости, нюансы и особенности проверки самых разных форм я покажу.
6.
Набор необходимых для работы функций, в то же время, ничего лишнего, я не приводил.
7.
О DOM (Document Object Model) – основе для того же jQuery. Если Вы будете знать DOM, то множество задач (которых, кстати, большинство) Вы сможете легко и быстро сделать без помощи тяжеловесной библиотеки jQuery.
Раздел "jQuery"
1.
Из этого раздела Вы узнаете:
Основы jQuery. Стоит отметить, что очень много новичков думает, что jQuery – это отдельный язык. Разумеется, это не так. Вот, чтобы успешно работать с jQuery, нужно знать это и другие базовые вещи, о которых Вы и узнаете из этого раздела.
2.
Где и когда нужно использовать jQuery. Большинство программистов его используют там, где без него можно было бы и обойтись, либо используют принципиально неправильно. Чтобы не быть таким же «программистом», Вам обязательно надо будет посмотреть данный раздел.
3.
Как уменьшить размер огромной библиотеки jQuery, ведь она весит очень много, в результате, скорость загрузки страницы заметно снижается. И как улучшить этот показатель, сэкономив на размере библиотеки jQuery, Вы также узнаете из этого раздела.
4.
Как работать со страницей, используя jQuery. Это очень важно, поскольку если Вы не будете уметь работать с элементами на странице, то jQuery вообще теряет смысл.
5.
Как манипулировать различными элементами на странице. Это особенно важно, ведь уметь разбирать страницу на «запчасти» смысла нет, если Вы ничего не будете с этими «запчастями» делать. Вот в данном разделе Вы научитесь модернизировать различные элементы, внося как раз красоту на страницы.
6.
О том, как устанавливаются события в jQuery и как их обрабатывать. Здесь это всё несколько иначе, чем в JavaScript, поэтому и это так же нужно обязательно знать.
7.
И, наконец, конёк jQuery – это создание анимации очень легким способом. Фактически, весь лоск, который так нравится пользователям, создаётся с анимацией. Плавное появление и исчезновение каких-нибудь изображений, плавное сворачивание, например, тех же блоков, плавное изменение размеров элементов и многое-многое другое. О том, как это всё делается, Вы опять же узнаете из данного раздела.
Раздел "Ajax"
1.
Все нюансы и тонкости технологии Ajax. Не зная этих нюансов Вас, например, удивит, почему нельзя отправить Ajax-запрос на другой домен стандартными методами. Чтобы Вы имели фундамент Ваших знаний по Ajax, данный раздел обязателен к просмотру.
2.
Как можно использовать Ajax без библиотеки jQuery. Это особенно актуально, если Вам не нужно разрабатывать какие-то сложные проекты, а достаточно несколько отправок каких-либо данных. Подключать ради пары отправок jQuery – крайне глупое решение (к сожалению, так делают крайне часто неопытные специалисты), поэтому один из уроков в данном разделе Вас научит, отправлять запросы и без jQuery.
3.
Как отправлять GET и POST запросы на сервер с использованием jQuery. Если таких отправок много, то использование jQuery упростит в разы написание кода и резко улучшит его читабельность.
4.
О формате JSON – важнейшем «мосте» между JavaScript и PHP. Это принципиально разные языки, и чтобы они могли обмениваться данными, используется универсальный формат JSON, с которым Вы также научитесь работать в данном разделе.
5.
Как контролировать отправку данных на каждом из этапов. Допустим, Вы хотите поставить какую-нибудь анимационную картинку (как бы «загрузка данных», наверняка, Вы с ней сталкивались) во время отправки. При возникновении ошибки хотите вывести соответствующее сообщение пользователю. А при успешности отправки хотите вывести на страницу определённый результат. Вот на каждом из этапов можете выполнять определённые задачи, как это делается, Вы опять же узнаете из этого раздела.
У вас нет прав на просмотр ссылок, пожалуйста: Вход или Регистрация
Скачать:
Для просмотра скрытого контента необходимо Войти или Зарегистрироваться.
упс ...
