Современные web-сайты уже давно дышат в спину настольным приложениям и сделать страницу на уровне GUI настольного приложения считается обычным делом. Когда мы разрабатываем очередной сервис, то сделать вкладки вместо отдельных страниц и ajax-окна вместо popup-окон у нас уже получается незадумываясь. Но интерфейсы web-страниц становятся все сложнее и сложнее и требуют от нас идти в ногу со временем. Одной из задач, где требуется отобразить сложный элемент интерфейса является визуализация данных. Далеко ходить не надо. Посещаемость вашего сайта системы статистики уже давно представляют в виде графика, где по вертикальной оси колличество посетителей, а по горизонтальной время.

Однако не смотря на то, что время требует создавать страницы аля-Desktop, ни в html ни в js нет готовых средств для отображения графиков. Написание такого компанента самостоятельно может отнять массу времени. Почему бы не использовать код, который уже написал кто-то до нас? Давайте посмотрим что я нашел на тему графиков и диаграмм на web-страницах в плагинах jquery.

Далее… »

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

Если мы говорим о web, и о современном графическом интерфейсе пользователя на web-страницах (а для чего же еще JavaScript?), то здесь сплошь и рядом возникают ситуации, в которых, при наступлении некоторого события в одном компоненте интерфейса, должны обязательно выполниться некоторые действия в другом. И если это именно компоненты, которые выделены как отдельные сущности (объекты), то изящным решением для реализации реакции на наступление события в другом компоненте может оказаться Custom Events, которые реализованы в jQuery. Далее… »

jQuery - прекрасный инструмент. В нем решены многие задачи, с которыми web-программист сталкивается изо дня в день. Долгое время одним из недостатков jQuery его приверженцами называлось отсутствие правильного объектно-ориентированного подхода. Если разработчику нужно было создать собственный класс, то это приходилось делать стандартными средствами JS. И выглядело это весьма причудливо. Чтобы описать собственный класс приходилось использовать следующую конструкцию. Далее… »

В предыдущей статье были описаны два готовых решения для загрузки файлов на сервер через http без перезагрузки страницы и с progressBar. Но что если по каким-то причинам ни одно из этих решений не подходит? Если проект требует, то придется писать что-то свое. Однако прямо таки писать с нуля не всегда самое лучшее решение. Можно сэкономить массу времени правильным выбором готовых частей системы. Ну а для чего вам интернет? Хоть клиентская часть это, возможно, не самое сложное место в данном случае (хотя готов поспорить что самое), но все же тоже важное. Давайте обратим внимание на то, какие готовые элементы есть для наших целей на знаменитом jQuery. Далее… »

В этой статье пойдет речь о plugin-ах для jQuery, которые представляют реализацию элемента управления autocomplete. В простейшем виде это обычное поле ввода, при наборе одной или нескольких букв в котором, под ним появляется выпадающий список, который отображает варианты содержащие введенные символы. Например вы вводите сначала букву К в поле для ввода города и через секунду видите список: Кисловодск, Краснодар, Кропоткин. Если вы продолжаете ввод, то после ввода буквы Р у вас получится “Кр” и тут же в выпадающем списке останутся только 2 последних города, так как только они начинаются на “Кр”. Если вы сразу увидели нужный вариант, то вы можете выбрать его и он появится в текстовом поле. jQuery очень богата плагинами и данный случай  не исключение. Есть несколько плагинов. Давайте посмотрим что каждый из них умеет. Далее… »