Архив категории Уроки новичка

Создание собственных классов в Mootools – Урок 18 – Часть первая

Доходим до самих программистских штук в программировании: классы и абстрактные объекты. Если овладеть этим предметом, то можно смело начинать творить свои проекты, т.к. классы незаменимы, когда речь доходит до сложных задач. Читаем урок, соатвляем отзывы.

,

Комментарии (2)

Сортировка элементов списка через объект Sortables и введение в методы Mootools – Урок 16

Итак, настал тот день, настал тот час, когда пора продвигаться в наших уроках по Mootools. Сегодня пробежимся ещё по одному плагину стандартной комплектации библиотеки Mootools из раздела “more”. Плагин Sortables – это очень мощный инструмент, позволяющий создавать сортируемые списки (элементы <UL> или <OL>, а точнее элементы <LI> внутри них) путем их перемещения/перетаскивания, тем самым серьезно расширяя возможности пользовательского интерфейса вашего сайта. В этот плагин, также входит функция “serialize“, которая выдает массив со списком всех id элементов на странице – очень полезно для работы со скриптами на удаленном сервере. Так как это введение в данный урок, то сказать тут больше нечего: читайте урок, узнаете больше ;) .

, , ,

Нет комментариев

Периодический запуск функций с помощью .periodical(); и введение в хеш-массивы – Урок 15

Tweet В этом уроке мы рассмотрим две “полки” библиотеки: первая, это функция .periodical();, после которой мы проведем короткое введение в хеш-массивы. Periodical будет делать именно то, для чего её и придумали (вот так открытие!): она будет выполнять функцию с заданной периодичностью. Вторя “полка”, хеш-массивы – это наборы данных, состоящих из связки ключа и значения, записанных [...]

, , , , , , , ,

Нет комментариев

Слайдеры – Урок 14 – Уроки Mootools

Tweet Введение в слайдеры Если вы прочитали предыдущие , то Вам должны быть уже более или менее понятны большинство объектов библиотеки Mootools. Объект Slider особо ничем не отличается от других: создаете новый слайдер (new Slider), определяете элементы слайдера и ручки, определяете параметры и создаете несколько функций для обратного вызова и, в принципе, всё. Но, несмотря [...]

, , , ,

Нет комментариев

Уроки Mootools – Регулярные выражения – Урок 13

Tweet Очень и очень трудно мне далось написание этого урока. Регулярные выражения вообще не самое простое, что есть в программировании, а уж для меня, так тем более. Например, пока я писал его, познакомился с функцией escapeRegExp(), которую хотел применить при доработке под свои нужды класса Mootools для поиска и подсветки текста на странице (аналог обычного [...]

, , , , , ,

Один комментарий

Перемещение/Передвижение с помощью класса Drag.Move – Урок 12

По моему мнению, верх интерактивности, это когда пользователь сайта может не просто ввести текст в определенную форму, а когда он сам может изменять дизайн, например, сам определять те или иные параметры внешнего вида сайта или использовать перетаскивание для заполнения своей покупательской корзины, например. Перетаскивание – один из самых мощных инструментов JavaScript и библиотек на его основе. Поклонники “высшего пилотажа”, те кто стремится сделать свои скрипты супер быстрыми и оптимизированными, скажут, что нужно всегда использовать Javascript для создания кода, но библиотеки сделаны не просто для развлечения. Да, написав код на JavaScript, вы сделаете свой скрипт самым быстрым насколько это возможно (конечно, в зависимости от уместности использования тех или иных функций/методов), но такие библиотеки, как Mootools, jQuery, Prototype и др. призваны облегчить жизнь веб-программиста: они сделали создание специальных эффектов и интерактивности на сайте довольно простым, что и должен будет доказать этот урок. Итак, учимся создавать перетаскиваемые объекты с помощью классов Drag и Drag.Move.

, , ,

Комментарии (2)

Уроки Mootools – Использование Fx.Morph, Fx.Options и Fx.Events – Урок 11

Tweet Mootools 1.2 Fx.Morph, Fx.Options, и Fx.Events Сегодня продолжим исследовать раздел спец. эффектов нашей любимой библиотеки. Вначале, мы научимся тому, как использовать библиотеку Fx.Morph (которая, по сути, позволяет изменять несколько свойств объектов), после чего посмотрим на несколько примеров использования общих параметров спец. эффектов, применимых как к Fx.Tween и Fx.Morph. Ну а в конце, рассмотрим такие [...]

, , , , ,

Комментарии (3)

Спец. Эффекты в Mootools – Уроки Mootools – Урок 10

Библиотека Mootools, будучу основанной на Javascript, имеет довольно серьезные средвства для создание простынх и не очень спец. эффектов для придания красоты и удобства использования страницы пользователем. В этом уроке речь пойдет оь одной из самых интересных (мне лично) сторон Javascript и Mootools в частности – создание и управление спец. эффектами. Сейчас мы поговорим о самых простых эффектах, таких, как изменение размера, формы, цвета элемента, но чем дальше мы зайдем, тем больше всего интересного узнаем. Интрига? Тогда читаем дальше!

, , ,

Комментарии (9)

«Фильтруй базар» или учимся фильтровать текст – Уроки Mootools – Урок 9

В продолжении урока №9 о фильтрации чисел, продолжим в том же духе: расмотрим уструменты, посволяющие фильтровать текст. Как говорилось и в 9-м уроке, инструментами Mootools можно осуществлять превентивные действия по обороне сайта от атак и ошибок при вводе данных, однако, ключевое слово тут “превентивные” – ВСЕ Javascript инструменты можно использовать как оружие первой линии обороны, но полноценно оборняться и огрождаться от ошибок ввода нужно сервеными инструментами! А пока, нырнем в фильтрацию с помощью Mootools.

, , , ,

Комментарии (10)

Уроки Mootools – Урок 8 – Учимся фильтровать числа

В этом уроке я покажу методы фильтрации чисел с помощью Mootools. Такие методы хороши в качестве превентивных мер обороны, но обороняться нужно “тяжелой артиллерией”, т.е. серверными инструментами (PHP, ASP и т.д. – в зависимости от предпочтений и умений программиста и возможностей сервера). Но часто, превентивные меры уже хорошо справляются с защитой, потому их тоже надо знать!

, , , ,

Комментарии (4)