В этой статье мы покажем вам, как собрать и проверить данные HTML-форм с использованием двустороннего связывания данных AnguarlJS. Также мы расскажем, как реализовать простую пользовательскую регистрационную форму с помощью Angular.

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

Magnific Popup - это бесплатный адаптивный jQuery lightbox-плагин, в котором основной упор сделан на производительность и предоставление наилучшего отображения всплывающего окна в независимости от того с какого устройства пользователь открыл страницу. Большинство lightbox-плагинов требуют указать размеры окна через настройки JS. С Magnific Popup вы можете использовать относительные единицы, такие как EM или изменить размер лайтбокса с помощью CSS media queries. Обновляйте содержимое внутри лайтбокса, не беспокоясь о том, как оно будет изменять размеры и расположение окна.

Парсинг XML по сути означает проход по XML-документу и возвращение соответствующих данных. И хотя все большее число веб-сервисов возвращает данные в формате JSON, но все же большинство по-прежнему использует XML, поэтому важно освоить парсинг XML, если вы хотите использовать весь спектр доступных интерфейсов API.

В этом уроке мы собираемся создать анимированную фотогалерею, которая будет использовать различные типы популярных эффектов при переходе между изображениями. Эффекты реализуются с использованием CSS3, это означает, что они будут корректно работать в современных браузерах и мобильных устройствах. Мы также сделаем автоматическую смену изображений, так что вы сможете использовать это в качестве слайд-шоу.