Персональный блог Игоря Антонова aka "spider_net"

Angular.JS

Подписаться на эту рубрику по RSS

Красивые URL для angular.js. Убираем хэш тэги


Рубрика: JavaScript -> Angular.JS -> Программирование
Метки: | | | | |
Просмотров: 8891
Красивые URL для angular.js. Убираем хэш тэги

В последний день первого летнего месяца мне хотелось бы поговорить тюнинге URL в Angular.js приложениях. Если ничего не менять в настройках, то angular.js по умолчанию будет применять в url хеш тэг (#) для разделения пути. Например, http://mysite/#/about. Такой стиль отображения URL во многих случаях не подходит и разработчику обязательно захочется навести красоту, вырезав этот неуместный хэш-тэг. К счастью, это сделать совсем не трудно.

Читать дальше

Form Stamp. Библиотека виджетов для angular.js


Рубрика: Программирование -> Angular.JS
Метки: | | | | | |
Просмотров: 3559
Form Stamp. Библиотека виджетов для angular.js

Когда я начал разрабатывать на angular.js первое реальное приложение, то буквально сразу столкнулся с нехваткой привычных элементов управления. Взять тот же привычный всем виджет календаря из библиотеки jQuery-UI. Чтобы воспользоваться им в angular.js-проекте потребуется потратить время на написание обертки. В одном из своих постов я рассказывал и показывал пример создания подобной директивы. Это не сложно, пока не появляется цели сделать нечто подобное для более сложных элементов управления.

Читать дальше

Новый бесплатный курс "Shaping up with Angular.js"


Рубрика: Программирование -> Angular.JS -> JavaScript -> Видео
Метки: | | | | |
Просмотров: 2186
Новый бесплатный курс "Shaping up with Angular.js"

Пока я отдыхал от программирования и цифрового мира в Таиланде на CodeSchool стартовал новый бесплатный курс (на английском) по Angular.JS. Курс спонсирует компания Google, поэтому прослушать его может любой желающий совершенно бесплатно.

Читать дальше

Angular.js. Пример простейшей директивы


Рубрика: JavaScript -> Angular.JS -> Программирование
Метки: | |
Просмотров: 8097
Angular.js. Пример простейшей директивы

Согласно документации angular.js директивы должны элегантно решать одну определенную задачу. Код директивы должен быть пригоден к многократному применению и без проблем использоваться в разных приложениях. На днях я решил поэкспериментировать с написанием директив и в рамках своих опытов, написал пример простейшей директивы. Цель моего микро проекта – создать директиву, которую можно применять в элементах ввода (input) для принудительного перевода всех вводимых символов в верхний регистр.

Читать дальше

Доклад. Angular.JS – фреймворк для создания приложений на HTML/JS


Рубрика: JavaScript -> Angular.JS -> Программирование -> Видео
Метки: | |
Просмотров: 2684
Доклад. Angular.JS – фреймворк для создания приложений на HTML/JS

Вчера я поделился одним интересным видео докладом о Angular.js. Напомню, Dan Wahlin рассказал и показал на наглядных примерах базовые возможности angular.js в действии. Доклад получился шикарным и рекомендован к просмотру всем новичкам в таинственном мире angular.js. К сожалению, доклад полностью на английском, что вызывает проблемы с пониманием для некоторых разработчиков. Если ты один из тех, кто еще не готов потреблять англоязычный контент, то заглядывай под кат, там тебя ждет сюрприз.

Читать дальше

Знакомимся с angular.js за 60 минут


Рубрика: Видео -> JavaScript -> Angular.JS -> Программирование
Метки: | |
Просмотров: 4062
Знакомимся с angular.js за 60 минут

Не успел я отделаться от ангины, как меня поразила новая напасть – гайморит. Сегодня посетил ЛОР-врача, сделал снимок пазух носа и получил вот такой неприятный диагноз. Проблема остро начала проявляться в минувшее воскресенье. Опять поднялась температура, и лоб болезненно начал реагировать на прикосновения. Я вновь заболел, но на больничный идти опять не собираюсь. На работе горит новый проект и до отпуска его нужно запустить.

Работать дома с температурой в воскресенье заставить никак не мог, поэтому принялся смотреть различные вебинары и совершенно случайно наткнулся на «AngularJS Fundamentals in 60-ish minutes».

Читать дальше

Создание директив в angular.js


Рубрика: Программирование -> Angular.JS -> JavaScript
Метки: | | | |
Просмотров: 7423
Создание директив в angular.js

Продолжаю на работе терзать и наслаждаться возможностями angular.js. Сегодня мне потребовалось подключить к своему проекту плагин DatePicker из пакета jQuery UI. Заповеди angular.js диктуют использовать в представлении директивы, а не хаотичной раскиданный JavaScript код. Следовательно, вот так просто воспользоваться возможностями плагина DatePicker не получится. Точней получится, но делать это ни в коем случае нельзя, ибо это идет в разрез с идеологией angular.js. К счастью, пойти правильным путем ничуть не сложней. Достаточно написать собственную директиву и использовать в разных участках приложения. Под катом я разберу процесс написания директивы для angular.js максимально подробно.

Читать дальше