angular

Short typescript imports angular

Как сделать короткие imports в Angular

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

Пример о чем речь:
import { ExportService } from '../../../services/export.service';
превратится в:
import { ExportService } from '@services/export.service';

В статье я расскажу, как настроить IDE, импорты в компонентах и импорты в файлах стилях.

Подробнее »Как сделать короткие imports в Angular

Angular SEO на хостинге Firebase

Разрабатывая Angular приложение, все мы рано или поздно сталкиваемся с проблемой SEO. Существуют различные пути решения, но если вы хотите высокую производительность, легкость обслуживания, отсутствие необходимости в платных NodeJS серверах, то вас вероятно заинтересует Angular Server Side Pre-rendering.Подробнее »Angular SEO на хостинге Firebase

NgRx Store: архитектура для Angular приложений

Чаще всего в туториалах по ngrx можно встретить отличные материалы, которые помогают настроить и запустить Store в вашем приложении, но подобные статьи упускают практики, которые приходят с опытом разработки крупных проектов. Речь пойдет о root store, чистом разделении редьюсеров и селекторов на feature модули и архитектуру в целом.Подробнее »NgRx Store: архитектура для Angular приложений

Отправка файлов POST запросом в Angular 2

Когда возникает такая тривиальнейшая задача как отправка картинки $http запросом, ожидаешь, что ничего сложного возникнуть не может и такой функционал должен бы решаться на уровне фреймворка. Но не все так просто, как хотелось бы. Поэтому хочу поделиться небольшими примерами того, как отправлять файл и как можно отправить его вместе с другими полями формы.Подробнее »Отправка файлов POST запросом в Angular 2

Как подружить Angular 2 и Socket.IO с помощью RxJS

Работая над проектом, в котором как вы догадались, используются Angular 2 и Socket.io, я захотел поделиться способом создания провайдера, который будет содержать методы для подписки и вещания событий, возвращающих Observable переменные. Функционала написаного провайдера хватит на реализацию фактически любого веб-приложения использующего одно socket подключение.Подробнее »Как подружить Angular 2 и Socket.IO с помощью RxJS

Angular 2 интерцептор

Одной из самых распространенных задач при разработке SPA (Single Page Application) является установка постоянных хедеров во всех http запросах к API. Например отправка jwt-токена в методах для авторизированного пользователя. Но в Angular 2 http — интерцепторы не поддерживаются, как это было в Angular первой версии. Как же все таки реализовать в одном месте настройку хедеров для всех запросов приложения? Об этом я расскажу далее.Подробнее »Angular 2 интерцептор

Гибридные приложения, разработка c Ionic

В эру мобильных технологий каждая уважающая себя компания или владельцы сайтов создают мобильные приложения, что бы пользователям было еще удобней, быстрее и приятней воспользоваться их услугами. И это логично, ведь чем удобней доступ к сервису, тем больше у него аудитория, а следовательно и больше возможной прибыли. Но не все заказчики могут себе позволить найм нужного количества разработчиков для создания нескольких нативных приложений для разных платформ, да и не все студии имеют нужных специалистов. Но представьте себе технологию, которая позволит обычным разработчикам сайтов создавать кросс-платформенные приложения зная лишь как верстать и javascript. Круто? И я так думаю. Ниже я хочу поведать вам о невероятном фреймворке, который позволит компилировать html5+css+js код в нативные приложения сразу под несколько платформ.Подробнее »Гибридные приложения, разработка c Ionic

Простой js шаблонизатор

Недавно пришлось столкнуться с уже готовым очень простым проектом, в котором было необходимо добавить вывод дерева категорий и товаров в них. Данные приходили в виде json через запросы к API. В арсенале на фронте был лишь jQuery, а привыкнув к шикарному шаблонизатору Angular’а, я не хотел вновь возвращаться к конкатенации строк, и подключать какой-то фреймворк естественно не имело смысла. Мне необходим был минимальный шаблонизатор, который мог бы повторять куски верстки подобно директивам angular, с условиями и переменными.Подробнее »Простой js шаблонизатор

Генератор домена с проверкой доступности

С каждым днем в сети появляется примерно 140,000 новых сайтов. Каждый из этих сайтов регистрирует свое доменное имя. А это означает, что с каждым днем все сложнее и сложнее получить свободный красивый адрес для своего сайта.

Для решения этой проблемы можно воспользоваться тремя методами:

  1. Регистрироваться в зонах 2-го уровня.
  2. Заплатить приличную сумму за красивый домен в зоне 1-го уровня.
  3. Быть оригинальным и придумать домен, который другие еще не заняли.

Именно для третьего метода мною был давненько разработан простой сервис для генерации оригинальных доменов и мгновенной проверки их доступности в популярных зонах.

Подробнее »Генератор домена с проверкой доступности