четверг, 7 апреля 2011 г.

Почему jquery лучший друг веб-программиста

Эту статью я полностью посвящу jquery и опишу все прелести, и почему любой уважающий свое время и моск веб-программист обязан его использовать.

По началу я хотел назвать эту статью "jquery лучшее что случилось в моей жизни" но я бы назвал ее именно так, если бы самым лучшим в моей жизни небыло то, что я устроился на работу ГДЕ я и начал изучение jquery.



Чем же так удобен jquery спросите вы? Я не буду рассказывать вам о том что это очень мощный фреймворк, думаю вы это и сами поймете прочитав статью до конца.

Давайте я вам опишу всю ситуацию и причины по которым я начал использовать jquery
Когда я устроился на новое место работы,  мне каждый день приходилось работать с JS и HTML
В частности Это отправки запросов, работы с формами, селектами, парсингом HTML и прочим.

По началу все было очень сложно, точнее немного не понятно, по этому я "насиловал" Гугл ВиО и задавал кучу вопросов в 89% случая я получал нужные ответы и всегда мне кто ни будь писал "используйте jquery".
До этого я пару раз использовал jquery но только ради того, что бы создать страничку музыкой, картинками на заднем фоне и видео, что бы порадовать одну девушку, если честно вспоминая что я тогда потратил окало 5х часов на то что бы при клике получить данные из формы, перенаправить на новую страницу, показать сообщение, и видео + (сменить цвет фона и задней картинки) мне становится не по себе :) ведь сейчас я это могу сделать почти за 7 минут) после того случая я забыл про JS и фреймворки...
И вот не прошло и месяца как мне пришлось использовать JS, я начал думать, а что если?
Ну подумаешь юзер загрузит 8кб либы, ну не умрет же, интернет то у большенства сейчас быстрый, так что все будет окей, после подключения либы, я ее мало использовал, в основном только что бы использовать
$()
вместо
document.getElemet(s)By(id,name,tag)(name)...
Но написав не очень стабильный продукт,  на 400!!! строк js кода, в котором содержалась (получение имени из селекта, получение массива селекта, получение значения формы, редиректы, клики, парсинг html, отправка запросов к серверу и получение данных итп) я понял что я не ценил свое время...
Сейчас, вместо 60 строк кода для отправки данных, и получения ответа...я использую одну! $.get()
или например мне раньше надо было автоматически выбрать <option> где в имени есть какое то значение, раньше я использовал цикл for для пробива всего списка, получал в переменную сколько элементов в списке, потом делал условие, и регулярку, которая находила то что нужно...
В общем и целом выходило окало 14-20 строк кода
а сейчас $("#my_id_select :contains('text')").attr('selected','selected');
Чувствуете разницу?) если вы пишите на js и не используйте фреймворки, советую вам как можно забыть про "Мне это время не сэкономит , это не будет лучше" потому что вы не правильно мыслите, лучше уж использовать 3 мегабайта фреймворков, чем 12 метров чистого кода :)
Используя фреймворк(и) вы поступаете по мудрому, вы экономите своем время и нервы, и не слушайте тех кто кричит "фремворки для лузеров" это не правда.
И в заключении сего бреда, я хотел бы приложить несколько ссылочек на ОЧЕНЬ полезные статьи, я очень сильно благодарен авторам за их посты, если бы не они, то я бы потерял несколько дней на поиски нужного мне ответа.
Работа с SELECT: http://www.webnotes.com.ua/index.php/archives/699

Работа с $.Get асинхронными отправками данных:
Кстати, $.get("page.php", {name: olo}); можно заменить на $.get("page.php", "name=olol&firstname=trololo");

Работа с Селекторами(очень помогает для работы с DOM): http://api.jquery.com/category/selectors/

И в заключении хочу дать ссылочку на полезную документацию по чистому JS: JavaScript Garden

Спасибо за внимание, если найду еще что ни будь интересное и полезное повешу сюда :)

Ах да, Jquery кстати кроссбраузерный ;)

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

Отправить комментарий