Пишу про разработку вообще и в частности про: JavaScript, HTML5, CSS3, AngularJS, ReactJS, Agile.

AngularJS примеры и видео уроки

AngularJS – это фреймворк для разработки приложений на клиентской части. Многие жалуются на то, что он не прост в изучении, однако я с этим не соглашусь.

В этом разделе я собрал все примеры по AngularJS. Кстати, если у вас есть вопросы или пожелания, то вы всегда можете мне написать. Я открыт для диалога.

Поиск с выпадающим списком на ангулар – AngularJS

Один из достаточно приятных элементов интерфейса это поле ввода с выпадающим списком. причем хорошо бы, чтобы этот виджет был одним компонентом, чтобы можно было его использовать по любому случаю в приложении. Для этого в ангуларе есть директивы, которые крайне хорошо подходят для решения как раз таких задач. Для начала подготовим сами теги: dropdown-list –

Динамичное создание ссылок в Ангулар – ngHref AngularJS

Ануглар позволяет создавать ссылки “на лету” используя информацию с сервера, либо формируя их по тем или иным параметрам. Подход к их созданию достаточно простой достаточно написать код вида: Ничего особенно интересного тут не произайдет. Ссылка будет добавлена и все будет прекрасно работать, до тех пор пока вы будете использовать стандартные линки вида “https://artemdemo.me”. В

Будьте осторожны используя $index в ng-repeat

“Клиент жалуется на то, что удалял один элемент списка, а удалился вместо него другой!” Это баг из той серии когда проблема не очевидна, а решение может занять достаточно много времени. При работе с AngularJS – эта ошибка может возникнуть из-за не очевидной работы $index в сочетании с ng-repeat. Давайте посмотрим на код, который может вызвать

Автозаполнение адресов – мобильный виджет для Ionic framework

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

Создание многоязычного приложения в ангулар – AngularJs Multilingual App

Для многоязычных приложений в ангулар существую хороший модуль angular-translate, который вы уже сейчас можете начать применять в своем приложении. В этом примере я хочу показать не только как использовать этот модуль, но и как сделать переключатель языков. Думаю, что это достаточно острая необходимость, иначе в чем смысл делать многоязычное приложение :] Код примера:

Scope в директивах ангулара – AngularJS Directives

Директивы в ангуларе это обширная тема, о которой можно достаточно много говорить. Сегодня я хочу расширить разговор о директивах и описать особенности их скопа. Скоп директивы может быть полностью изолирован от скопа родителя. Единственная связь – это через полученные при инициализации данные в атрибутах и содержание самой директивы. Однако, что делать, если нужно привязать данные

Разработка браузерного приложения с использованием AngularJS и jQuery Mobile – все видео

Разработка браузерного приложения с использованием AngularJS и jQuery Mobile – все видео уроки в одном плейлисте. Чтобы два раза не вставать и можно было посмотреть одним махом. Полный исходный код приложения можно скачать вот здесь.

Динамичное встраивание html кода в приложение на AngularJs

Одна из самых базовых задач разработки в JavaScript – это возможность встраивать новые элементы html в уже существующий документ. Есть огромное количество решений, но в работе с AngularJs практически сразу сталкиваешься с непонятным препятствием. Если попытаться в лоб встроить новый элемент, то ангулар так просто на это не пойдет. Скорее всего результат будет следующим: Не

Директивы – разница между compile, controller и link – AngularJS Directive

Одна из сложностей в работе с директивами в ангуларе заключается в том, что они обладают достаточно большим и гибким набором настроек. Такое количество рычагов управления по-началу приводит в ступор и замешательство. С чего начать? Какой метод применить в каком случае, особенно если они вроде как дают один и тот же результат на выходе. Для работы

Директивы в ангулар – AngularJS Directives

Прежде чем, я начну описывать что же такое директивы давайте уделим немного внимания самому принципу работы с DOM объектами. Я думаю, что вы уже успели поработать с такими библиотеками как jQuery, либо Prototype и вам знакома конструкция вида: Это достаточно стандартная процедура вызова функции (в моем случае с уникальным именем something) библиотеки для элемента