Хотите стать фронт-энд разработчиком? У вас уже есть знания HTML, JavaScript и CSS? Если так, то следующее, что вам нужно сделать, это изучить jQuery для начинающих.
Подождите, я слышу, как кто-то спрашивает: «Что такое jQuery?»
Проще говоря, jQuery это библиотека JavaScript, которая позволяет вам делать больше с меньшим количеством кода. Это делает такие вещи, как обработка событий, анимация и просмотр HTML-документов намного проще, чем когда-либо. Он был разработан для людей, которые не имеют опыта в программировании, а это означает, что его относительно просто понять и использовать. Если вы серьезно настроены стать высококлассным программистом JavaScript или веб-разработчиком, вам нужно потратить некоторое время и изучить jQuery уроки.
В этой статье я расскажу о 10 советах, которые помогут изучить jQuery для начинающих. Так что примите к сведению следующие советы, регулярно практикуйтесь и будьте готовы к тому, что jQuery изменит способ программирования на JavaScript!
Содержание
- 1. Совет 1 - Выбери подходящий онлайн курс
- 2. Совет 2 - Освойте полноценно JavaScript
- 3. Совет 3 - Пользуйтесь Cheatsheet
- 4. Совет 4 - Научитесь понимать разницу между ID и Class в HTML
- 5. Совет 5 - научитесь кэшировать селекторы
- 6. Совет 6 - Знайте разницу между Атрибутами и Свойствами (Attributes & Properties)
- 7. Совет 7 - Не бойтесь задавать вопросы
- 8. Совет 8 - Используйте последнюю версию jQuery
- 9. Совет 9 - Изучите плагины jQuery
- 10. Совет 10 - Общайтесь с другими пользователями jQuery
- 11. Заключение
Совет 1 - Выбери подходящий онлайн курс
Когда вы изучаете, как использовать jQuery - или любой другой язык программирования - возможно, самое важное, что вы должны сделать, это записаться на полноценный онлайн-курс. Я большой поклонник онлайн-курсов по ряду причин. Их легко использовать, и они позволяют вам работать с вещами в своем собственном темпе в удобное для вас время. Они также позволяют вам возвращаться и пересматривать сложные материалы столько раз, сколько захотите.
Последняя сделка действительна прямо сейчас:
GET 50% OFF
DataCamp Black Friday Sale
During this DataCamp Black Friday, you can access the top-rated courses with a 50% discount. Enroll now for way less!
Я просмотрел несколько различных уроков и курсов по jQuery, но могу честно порекомендовать интерактивная библиотека jQuery для начинающих. Что касается курсов jQuery, этот курс предоставляет лучший, наиболее полный обзор jQuery и того, как он используется. Он дает четкие инструкции, его относительно просто использовать, и он научит вас, как создать идеальный динамический веб-сайт с минимальным объемом работы с использованием jQuery.
Совет 2 - Освойте полноценно JavaScript
Поскольку библиотека jQuery построена на JavaScript, вам необходимо хорошо знать JavaScript прежде чем перейти к этой библиотеке. Изучение jQuery для начинающих возможно без знания JavaScript, но это будет намного сложнее.
Вам следует начать с вводного курса, если вы плохо знаете JavaScript. Начните с чего-то вроде интерактивного учебника JavaScript. Этот курс даст вам представление об основах JavaScript и о том, как его можно использовать. Это позволяет вам писать код прямо в вашем браузере, что является отличной практикой для использования jQuery для начинающих. В качестве альтернативы, если у вас нет времени для работы с интерактивным учебником по JavaScript, по крайней мере, посмотрите краткий видео-курс по JavaScript. Этот курс представляет ключевые идеи JavaScript в удобном для понимания формате. Он совместим с мобильными устройствами и идеально подходит для ежедневных поездок на работу или когда вы застряли в ожидании чего-либо.
В качестве альтернативы, если у вас нет времени для работы с интерактивным учебником по JavaScript, по крайней мере, посмотрите краткий учебник по видео JavaScript. Этот курс представляет ключевые идеи JavaScript в удобном для понимания формате. Он совместим с мобильными устройствами и идеально подходит для ежедневных поездок на работу или когда вы застряли в ожидании чего-либо.
Убедитесь, что у вас всегда есть под рукой ссылка на JavaScript, если вы сталкиваетесь с синтаксисом или соглашениями, с которыми вы не знакомы.
Совет 3 - Пользуйтесь Cheatsheet
Если вы серьезно относитесь к тому, чтобы научиться правильно использовать jQuery, важно ознакомиться с рядом других ресурсов. Cheatsheet JQuery - это отличный ресурс, который вы можете использовать во время прохождения своего курса. Что бы вам ни говорили про этот ресурс, всегда полезно иметь такой инструмент под рукой.
На мой взгляд, лучший способ изучить jQuery это использовать эту шпаргалку вместе с онлайн-курсом. Вам не нужно уметь запоминать все, чему вас учили, но вам нужно выучить необходимое, чтобы перейти к шпаргалке и вспомнить все, когда вы посмотрите на нее.
Совет 4 - Научитесь понимать разницу между ID и Class в HTML
Поскольку jQuery можно использовать для непосредственного изменения исходного кода HTML, важно, чтобы вы немного поняли HTML и то, как вы взаимодействуете с ним. Существует два основных атрибута вашей разметки HTML, которые вы можете изменить с помощью jQuery - атрибуты ID и атрибуты Class. Это разные вещи, и они должны рассматриваться как таковые, когда вы используете jQuery для начинающих.
Давайте сначала разберемся с атрибутами ID. Когда вы пишете HTML, вы можете решить добавить атрибут ID к важным элементам. Атрибуты ID уникальны и могут использоваться только для одного элемента на странице. Синтаксис jQuery для адресации элемента с определенным идентификатором - $ ‘# elementID’. Обязательно обратите внимание на префикс «#», который используется для выбора по идентификатору.
Атрибуты Class в HTML немного отличаются. Они гораздо менее избирательны и гораздо более широко используются, чем атрибуты ID. Атрибуты класса могут быть назначены любому элементу на странице, в том числе с идентификатором. Они могут быть назначены такому количеству или нескольким элементам, как вам нужно, что делает их полезными для группировки похожих элементов. Библиотека jQuery использует для адресации элемента класс «.elementClass». Обратите внимание на префикс «.», Который используется для выбора по классу.
Если ваши навыки работы с HTML и CSS немного подзабыты, было бы неплохо немного поработать над ними, пока вы изучаете jQuery для начинающих. Ознакомьтесь с курсом «Интерактивное кодирование для начинающих», чтобы познакомиться с основами HTML, CSS и веб-разработки для начинающих.
Совет 5 - научитесь кэшировать селекторы
Это может не иметь большого смысла для вас, пока вы не начнете изучать jQuery для начинающих. Вам необходимо научиться эффективно кэшировать свои селекторы. По сути, кэширование ваших селекторов означает сохранение их в виде переменной, к которой вы можете возвращаться снова и снова. Это означает, что jQuery не должен искать информацию каждый раз, когда вы используете этот селектор для вызова определенных объектов, что ускоряет выполнение ваших программ.
Когда вы выбираете имя переменной для своего кэшированного селектора, убедитесь, что вы используете префиксы, чтобы пометить переменную как объект jQuery. Поскольку большинство селекторов jQuery имеют префикс «$», мне нравится использовать тот же синтаксис, когда я называю переменные, содержащие объекты jQuery. Таким образом, строка кода, хранящая селектор для переменной, может выглядеть так:
"var $selectorvariable = $('selectedElements');"
Как вы можете видеть, это четко отмечает вашу «переменную селектора» как объект jQuery, делая ваш код более понятным и понятным.
Если вы хотите узнать больше о селекторах jQuery и о том, как они используются, изучите jQuery уроки о селекторах здесь.
Совет 6 - Знайте разницу между Атрибутами и Свойствами (Attributes & Properties)
Вернемся к HTML. Вы можете не осознавать этого, атрибуты и свойства HTML - это две совершенно разные вещи. Для нас очень важно иметь возможность различать эти два, потому что методы jQuery различаются в зависимости от того, какой из них вы пытаетесь обработать.
Атрибуты могут иметь только строковые значения, и эти значения определяются исходным кодом HTML. Синтаксис jQuery для обработки атрибутов - attr (). У свойств другие. Они определяются оператором DOM и могут иметь значения любого типа. Свойства могут быть обработаны с помощью prop ().
Все, что принимает только строковое значение, может быть изменено с помощью метода attr (), в то время как все, что принимает другие типы значений - включая числа или логические значения - должно быть изменено с помощью метода prop ().
Если вы хотите узнать больше об этих и других методах и о том, как они используются, перейдите на страницу изучения синтаксиса jQuery. Здесь вы можете посмотреть на prop (), attr () и ряд других методов более подробно.
Совет 7 - Не бойтесь задавать вопросы
Если вы один из тех, кто планировал изучать jQuery, но быстро сдался, потому что это было «слишком сложно», то вам нужно попробовать еще раз. Как библиотека JavaScript, jQuery потенциально может стать одним из самых важных инструментов в вашем программном инструментарии. По всему миру миллионы людей свободно владеют jQuery, а это значит, что вы сможете найти помощь по сложным понятиям, если будете искать ее.
Мое любимое место, где я могу решить проблемы, когда я пишу код, - это онлайн-форумы. Форумы - это места, где люди, которые заинтересованы в разговорах о программировании и решении проблем. Размещение вопросов о jQuery на соответствующем форуме почти наверняка приведет к тому, что вы соберете информацию и ответы на свои вопросы. Два из моих любимых форумов по проблемам jQuery - это официальный форум jQuery и jQuery-форум Stack Overflow.
Совет 8 - Используйте последнюю версию jQuery
Как постоянно развивающаяся библиотека с активной командой разработчиков, jQuery постоянно меняется. Если вы хотите убедиться, что вы получаете максимальную отдачу от своего опыта jQuery, убедитесь, что вы изучаете, как использовать jQuery для начинающих с самой последней версией.
На момент написания статьи самая последняя версия jQuery это jQuery 3.0. Он содержит ряд обновлений от предыдущих версий, поэтому очень важно убедиться, что вы используете эту версию. Если у вас есть сомнения, обратитесь к официальному Руководству по обновлению jQuery 3.0 и посмотрите, какие изменения были внесены.
Совет 9 - Изучите плагины jQuery
Плагины замечательные вещи. Используете ли вы WordPress, Shopify, jQuery или какую-либо другую программу, которая позволяет вам создавать плагины. Они станут одним из ваших лучших друзей. Если вы планируете регулярно использовать jQuery, вам нужно найти несколько плагинов. Лучшие места для поиска и изучения плагинов jQuery - это библиотека пользовательского интерфейса jQuery и реестр плагинов jQuery (неожиданный сюрприз!). Где вы можете найти практически все, что только можете придумать.
Плагины jQuery могут делать разные вещи. Некоторые были разработаны для решения проблем, которые могут возникнуть, когда вы начнете использовать jQuery на своих веб-сайтах. Другие используются для выполнения определенных функций или для облегчения конкретных задач. Лучшее, что вы можете сделать сейчас, - это зайти в одну из библиотек, упомянутых выше.
Совет 10 - Общайтесь с другими пользователями jQuery
Теперь основная часть изучения того, как использовать язык программирования, инструмент, библиотеку или что-то еще, - это общение с другими заинтересованными учащимися. Вы можете общаться с другими людьми, которые пытаются изучать jQuery для начинающих с помощью форумов (официальный форум jQuery и форум Stack Overflow), но я предпочитаю встречаться с людьми лично.
Я обнаружил, что лучший способ сделать это - связаться с местной группой программистов. Я много путешествую, и есть два способа, которые я обычно использую, чтобы найти местные группы. Сначала я захожу на Facebook и ищу группы или события. Найдите все, что выглядит интересными - даже если не специализируются на jQuery для начинающих. Например, если вы найдете группу по разработке на языке JavaScript или интерфейсную часть, вы, вероятно, найдете много людей, которые также изучают jQuery и заинтересованы в том, чтобы встретиться или обсудить свой опыт обучения.
Кроме того, зайдите на Meetup. Я нашел здесь группы, независимо от того, где я нахожусь в мире. Несмотря на то, что нет конкретных групп jQuery, в которых я сейчас состою (Перт, Австралия), существует большая группа разработчиков веб-интерфейса, которая собирается регулярно. Я точно знаю, что многие из этих людей свободно владеют или изучают jQuery, и я подружился с несколькими членами группы.
Вы знали?
Вы когда-либо хотели узнать, какие платформы для онлайн обучения лучше всего подходят для вашей карьеры?
Заключение
Итак, вы изучили HTML, вы изучили CSS, и вы изучили JavaScript. Что дальше на пути к тому, чтобы стать мастером в веб-разработке?
Вы должны изучить JQuery для начинающих!
jQuery это многоцелевая библиотека JavaScript, которую можно использовать для самых разных целей. Большинство лучших в мире веб-разработчиков используют его регулярно. Этот факт побудил меня собрать этот список из 10 советов, чтобы помочь вам изучить jQuery и присоединиться к лучшим разработчикам в мире.
Первое, что вам нужно сделать, это убедиться, что вы знакомы со всеми тремя языками программирования HTML, CSS и JavaScript, поскольку вы столкнетесь со всем этим, когда будете использовать jQuery уроки. Выберите достойный онлайн-курс и пройдите его. Ознакомьтесь с интерактивными справочными руководствами, разберитесь в тонкостях использования jQuery и убедитесь, что вы общаетесь со своими коллегами.
Прежде всего, не торопитесь и делайте заметки по ходу обучения. Получайте удовольствие от изучения и использования jQuery - я знаю, что сделал!