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

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

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

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

Изменения в трендах популярности фреймворков

Я уже писал о трендах в распространении js фреймворков, было это достаточно давно и не правда пора взглянуть на вещи свежим взглядом. На этот раз я предлагаю сравнить два “бегемота” фронтенд разработки: AngularJS и React. Думаю что всем очевидно, что именно они являются лидерами и пока никому не планируют уступать. Конечно же лидируют они в

Директивы в ангуларе – AngularJS Directive [видео]

Поле с ограничением для ввода только телефонного номера

Не такая уж и редкая проблема – создать поле ввода и запретить пользователю вводить символы, которые не могут быть частью номера. Причем проверка правильности ввода – задача достаточно нудная, потому что нужно ограничивать пользователя в формате, а если сайт международный, то вопрос формата отпадает сразу. Значит нужно запретить все нелогичные знаки – буквы, спец символы,

Angular 1.4 сериализацию данных как jQuery

Удивительно сколько времени ушло на то, чтобы команда разработчиков пошла на этот шаг. Если кто не в курсе, то ангулар передовал данные в json формате, а не x-www-form-urlencoded. Решене в принципе правильное и уже давно поддерживаемое современными технологиями. Однако не учли, что не все еще перешли а эти технологии. Особенно это касалось старых версий фреймворков.

Список ресурсов по Angular 2

Недавно нашел список ресурсов по Angular 2 – https://github.com/timjacobi/angular2-education Официальной документации пока еще нету и не ясно когда появится, поэтому приходится довольствоваться тем что есть. Я считаю, что изучать Angular 2, ES6 и TypeScript имеет смысл уж сейчас. Если от первых двух точно никуда не деться, то TypeScript уверенно занимает ключевые позиции, майкрософт выпустили интересный

Асинхронная загрузка контроллеров – AngularJS

Порой необходимо загружать контроллеры асинхронно. Собственно, такая задача может стоять и для всех остальных компонентов (services, directives), однако поговорим сегодня о контроллерах. Вместе с этим стоит отметить, что для всего остального есть подобное решение. Асинхронная подгрузка подразумевает под собой, что основное приложение было уже загружено и новый контроллер нужно внедрить уже после этого. Ангулар по

Перенос строки внутри placeholder – ngPlaceholder AngularJS

Порой необходимо создавать необычные решения. Например, добавить перенос строки внутри placeholder в каком-нибудь поле. Сложность задачи в том, что AngularJS не позволит использовать html5 символ переноса строки, ни \n, ни 
 – нужно искать иное решение. Например создать директиву, которая этим займется. Ну а раз уж мы все равно делаем директиву, то пусть она парсит

Старт проекта Ionic – Angularjs

Любой проект начинается с установки всех необходимых зависимостей и программ, которые будут помогать в разработке. Клиентская разработка подразумевает под сабой работу с комнадной строкой, так что если вы еще думаете, что “черного окошка” можно избежать, то подумайте снова ^_^ Первым делом ставим nodejs и npm – процесс установки зависит от вашей операционной системы. Активируем npm

Добавление дефолтивной опции в select – AngularJS

Создание стандартного выпадающего при помощи тега select в ангулар достаточно интересна и обладает огромным потенциалом. Преимущество на лицо – ангулар сам заполняет список, мы получаем выбранный пользователем объект, со всеми данными и не нужно самому сопоставлять их. Однако, один из камней преткновения – это как же добавить дефолтивную опцию в список. По-умолчанию это не встроено

Как использовать ng-model в новой директиве – AngularJs

В своем прошлом посте я рассказывал о том, как сделать выпадающий список с поиском. В итоге получалась новая директива , которую можно было использовать в своем проекте. Сегодня я хочу рассказать о том, как данные из этой директивы могут быть доступны во внешнем скопе. Иными словами как использовать ng-model, только немного другим способом. Итак, ng-model