Создаем моно репозиторий на основе angular/cli без Nx или Lerna https://link.medium.com/z7BxLbUwF2 #angular #monorepo #webdevelopment #frontend #nx
Medium
Создаем моно репозиторий на основе angular/cli без Nx или Lerna
Рассмотирим управление алиасами Typescript’а на базе стандартных инструментов angular’а, без использования стороних решений таких как Nx…
Angular 9, Universal и Nx. Новые правила сборки SSR приложения. https://link.medium.com/5yZQVyxW33 #angular #ssr #universal #webdevelopment #nx #javascript #frontend
Medium
Angular 9, Universal и Nx. Новые правила сборки SSR приложения.
В данной статье поговорим о особенностях сборки SSR (Server-side Rendering) приложений в Angular 9.
Мультиязычность ngx-translate в Angular 9 c монорепозиторием Nx. https://link.medium.com/Zi29xX9za4 #angular #internationalization #i18n #localization #universal #ssr #nx #webdevelopment #frontend #javascript
Medium
Мультиязычность ngx-translate в Angular 9 c монорепозиторием Nx.
Механизмы локализации в Angular и разработка решения для мультиязычности с интеграцией Angular Universal и Nx.
Разбиение локализации ngx-translate на несколько файлов в Nx https://link.medium.com/xj2nOxFPd4 #angula #i18n #nx #internationalization #webpack #webdevelopment #frontend #javascript
Medium
Разбиение локализации ngx-translate на несколько файлов в Nx
Объединение файлов локализации в монорепозитории Nx
Redux в Angular. Управление состояниями в Angular с помощью Ngrx и Nx. https://link.medium.com/1fjSQhN4l4 #angular #redux #ngrx #nx #javascript #webdevelopment #frontend
Medium
Redux в Angular. Управление состояниями в Angular с помощью Ngrx и Nx.
Обзор реализаций Redux в Angular. Настройка Ngrx в Angular приложении.
Структура и подходы к организации экшенов, селекторов, редьюсеров и эффектов в Ngrx и Nx https://link.medium.com/R84lBaOGt4 #angular #redux #ngrx #nx #javascript #webdevelopment #frontend
Medium
Структура и подходы к организации экшенов, селекторов, редьюсеров и эффектов в Ngrx и Nx
Создание state в Ngrx и Nx. Основные принципы и подходы управлением состояними в Angular
Тестирование сервисов в Angular с помощью Jest. Тестирование реактивной/асинхронной логики. https://link.medium.com/k43lShO5K4 #angular #jest #testing #nx #webdevelopment #javascript #frontend
Medium
Тестирование сервисов в Angular с помощью Jest. Тестирование реактивной/асинхронной логики.
Основы тестирования в Angular. Техники тестирования Service’ов, а также тестирование реактивной логики с помошью marble тестирования.
Локализация в Angular 9 с помощью @angular/localize https://link.medium.com/thqBX2RTI5 #angular #internationalization #i18n #nx #universal #localization #frontend #webdevelopment #javascript
Medium
Локализация в Angular 9 с помощью @angular/localize
Стандартные механизмы локализации в Angular. Установка, настройка и использование в Angular Universal.
Архитектура enterprise Angular приложений с использованием монорепозитория Nx https://link.medium.com/nfP3TVGjZ5 #angular #nx #monorepo #webdevelopment #frontend #javascript
Medium
Архитектура enterprise Angular приложений с использованием монорепозитория Nx
Основные методы и подходы для построения гибридных, переиспользуемых фронтенд приложений
Angular миграция с tslint на eslint. Перевод монорепозитория Nx на eslint. https://link.medium.com/yHujEW1G86 #angular #eslint #nx #tslint #codelinters #javascript #webdevelopment #frontend
Medium
Angular миграция с tslint на eslint. Перевод монорепозитория Nx на eslint.
Пошаговая инструкция по миграции с tslint на eslint. Настройка правил и установка плагинов в eslint
Banx. Настройка базовых правил в eslint в Nx в Angular https://link.medium.com/1XzFFQqDVeb #angular #eslint #nx #frontend #webdevelopment #javascript
Medium
Banx. Настройка базовых правил в eslint в Nx в Angular
Обзор рекомендованных правил и составление полного списка правил для Angular
Banx. Структура Angular приложения в монорепозитории Nx https://link.medium.com/vLAL2l7BXeb #angular #nx #monorepo #frontend @webdevelopment #javascript
Medium
Banx. Структура Angular приложения в монорепозитории Nx
Обзор структуры проекта и библиотек при использовании монорепозитория. Изменение структуры проекта при добавлении новой функциональности.
Banx. Создание API сервера с помощью NestJS, TypeOrm и Mariadb. https://link.medium.com/nOmrM84eoib #nestjs #nx #typeorm #jwt #javascript
Medium
Banx. Создание API NestJS+TypeOrm+Mariadb.
Настройка REST API сервера с помощью монорепозитория Nx,
Выпустил новый цикл статей - "Сайт визитка на Angular".
В цикле 15 статей, которые посвящены полноценной разработке приложения на Angular, с добавлением SSR, пререндера и SEO оптимизацией.
#angular #nx #universal #ngrx #material #uikit #frontend #webdevelopment #javascript
Ссылки на все статьи:
Введение
https://medium.com/fafnur/%D1%81%D0%B0%D0%B9%D1%82-%D0%B2%D0%B8%D0%B7%D0%B8%D1%82%D0%BA%D0%B0-%D0%BD%D0%B0-angular-%D0%B2%D0%B2%D0%B5%D0%B4%D0%B5%D0%BD%D0%B8%D0%B5-9bc18c25fe37
Создание приложения
https://medium.com/fafnur/%D1%81%D0%B0%D0%B9%D1%82-%D0%B2%D0%B8%D0%B7%D0%B8%D1%82%D0%BA%D0%B0-%D0%BD%D0%B0-angular-%D1%81%D0%BE%D0%B7%D0%B4%D0%B0%D0%BD%D0%B8%D0%B5-angular-%D0%BF%D1%80%D0%B8%D0%BB%D0%BE%D0%B6%D0%B5%D0%BD%D0%B8%D1%8F-a113021c70d3
Создание core библиотек
https://medium.com/fafnur/%D1%81%D0%B0%D0%B9%D1%82-%D0%B2%D0%B8%D0%B7%D0%B8%D1%82%D0%BA%D0%B0-%D0%BD%D0%B0-angular-%D1%81%D0%BE%D0%B7%D0%B4%D0%B0%D0%BD%D0%B8%D0%B5-core-%D0%B1%D0%B8%D0%B1%D0%BB%D0%B8%D0%BE%D1%82%D0%B5%D0%BA-8fbe0a7f9608
Создание UI KIT
https://medium.com/fafnur/%D1%81%D0%B0%D0%B9%D1%82-%D0%B2%D0%B8%D0%B7%D0%B8%D1%82%D0%BA%D0%B0-%D0%BD%D0%B0-angular-%D1%81%D0%BE%D0%B7%D0%B4%D0%B0%D0%BD%D0%B8%D0%B5-ui-kit-75c02751900e
Реализация модуля товаров
https://medium.com/fafnur/%D1%81%D0%B0%D0%B9%D1%82-%D0%B2%D0%B8%D0%B7%D0%B8%D1%82%D0%BA%D0%B0-%D0%BD%D0%B0-angular-%D0%BC%D0%BE%D0%B4%D1%83%D0%BB%D1%8C-%D1%82%D0%BE%D0%B2%D0%B0%D1%80%D0%BE%D0%B2-659cd5599e93
Реализация модуля корзины
https://medium.com/fafnur/%D1%81%D0%B0%D0%B9%D1%82-%D0%B2%D0%B8%D0%B7%D0%B8%D1%82%D0%BA%D0%B0-%D0%BD%D0%B0-angular-%D0%BC%D0%BE%D0%B4%D1%83%D0%BB%D1%8C-%D0%BA%D0%BE%D1%80%D0%B7%D0%B8%D0%BD%D1%8B-1644d9cc493d
Реализация модуля заказа
https://medium.com/fafnur/%D1%81%D0%B0%D0%B9%D1%82-%D0%B2%D0%B8%D0%B7%D0%B8%D1%82%D0%BA%D0%B0-%D0%BD%D0%B0-angular-%D0%BC%D0%BE%D0%B4%D1%83%D0%BB%D1%8C-%D0%BE%D1%84%D0%BE%D1%80%D0%BC%D0%BB%D0%B5%D0%BD%D0%B8%D1%8F-%D0%B7%D0%B0%D0%BA%D0%B0%D0%B7%D0%B0-f2f0051ab82
Реализация модуля чата
https://medium.com/fafnur/%D1%81%D0%B0%D0%B9%D1%82-%D0%B2%D0%B8%D0%B7%D0%B8%D1%82%D0%BA%D0%B0-%D0%BD%D0%B0-angular-%D0%BC%D0%BE%D0%B4%D1%83%D0%BB%D1%8C-%D1%87%D0%B0%D1%82%D0%B0-e0fad0d09778
Страницы ошибок
https://medium.com/fafnur/%D1%81%D0%B0%D0%B9%D1%82-%D0%B2%D0%B8%D0%B7%D0%B8%D1%82%D0%BA%D0%B0-%D0%BD%D0%B0-angular-%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%86%D1%8B-%D0%BE%D1%88%D0%B8%D0%B1%D0%BE%D0%BA-cc71d573f7ca
Локализация
https://medium.com/fafnur/%D1%81%D0%B0%D0%B9%D1%82-%D0%B2%D0%B8%D0%B7%D0%B8%D1%82%D0%BA%D0%B0-%D0%BD%D0%B0-angular-%D0%BD%D0%B0%D1%81%D1%82%D1%80%D0%BE%D0%B9%D0%BA%D0%B0-%D0%BB%D0%BE%D0%BA%D0%B0%D0%BB%D0%B8%D0%B7%D0%B0%D1%86%D0%B8%D0%B8-4eb6ce8b2aac
Настройка SEO
https://medium.com/fafnur/%D1%81%D0%B0%D0%B9%D1%82-%D0%B2%D0%B8%D0%B7%D0%B8%D1%82%D0%BA%D0%B0-%D0%BD%D0%B0-angular-%D0%BD%D0%B0%D1%81%D1%82%D1%80%D0%BE%D0%B9%D0%BA%D0%B0-seo-69d1a329cd41
Настройка SSR
https://medium.com/fafnur/%D1%81%D0%B0%D0%B9%D1%82-%D0%B2%D0%B8%D0%B7%D0%B8%D1%82%D0%BA%D0%B0-%D0%BD%D0%B0-angular-%D0%BD%D0%B0%D1%81%D1%82%D1%80%D0%BE%D0%B9%D0%BA%D0%B0-ssr-e7d61b03c24e
Тестирование
https://medium.com/fafnur/%D1%81%D0%B0%D0%B9%D1%82-%D0%B2%D0%B8%D0%B7%D0%B8%D1%82%D0%BA%D0%B0-%D0%BD%D0%B0-angular-unit-%D1%82%D0%B5%D1%81%D1%82%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5-801760969790
Заключение
https://medium.com/fafnur/%D1%81%D0%B0%D0%B9%D1%82-%D0%B2%D0%B8%D0%B7%D0%B8%D1%82%D0%BA%D0%B0-%D0%BD%D0%B0-angular-%D0%B7%D0%B0%D0%BA%D0%BB%D1%8E%D1%87%D0%B5%D0%BD%D0%B8%D0%B5-1c5b9dec26fc
В цикле 15 статей, которые посвящены полноценной разработке приложения на Angular, с добавлением SSR, пререндера и SEO оптимизацией.
#angular #nx #universal #ngrx #material #uikit #frontend #webdevelopment #javascript
Ссылки на все статьи:
Введение
https://medium.com/fafnur/%D1%81%D0%B0%D0%B9%D1%82-%D0%B2%D0%B8%D0%B7%D0%B8%D1%82%D0%BA%D0%B0-%D0%BD%D0%B0-angular-%D0%B2%D0%B2%D0%B5%D0%B4%D0%B5%D0%BD%D0%B8%D0%B5-9bc18c25fe37
Создание приложения
https://medium.com/fafnur/%D1%81%D0%B0%D0%B9%D1%82-%D0%B2%D0%B8%D0%B7%D0%B8%D1%82%D0%BA%D0%B0-%D0%BD%D0%B0-angular-%D1%81%D0%BE%D0%B7%D0%B4%D0%B0%D0%BD%D0%B8%D0%B5-angular-%D0%BF%D1%80%D0%B8%D0%BB%D0%BE%D0%B6%D0%B5%D0%BD%D0%B8%D1%8F-a113021c70d3
Создание core библиотек
https://medium.com/fafnur/%D1%81%D0%B0%D0%B9%D1%82-%D0%B2%D0%B8%D0%B7%D0%B8%D1%82%D0%BA%D0%B0-%D0%BD%D0%B0-angular-%D1%81%D0%BE%D0%B7%D0%B4%D0%B0%D0%BD%D0%B8%D0%B5-core-%D0%B1%D0%B8%D0%B1%D0%BB%D0%B8%D0%BE%D1%82%D0%B5%D0%BA-8fbe0a7f9608
Создание UI KIT
https://medium.com/fafnur/%D1%81%D0%B0%D0%B9%D1%82-%D0%B2%D0%B8%D0%B7%D0%B8%D1%82%D0%BA%D0%B0-%D0%BD%D0%B0-angular-%D1%81%D0%BE%D0%B7%D0%B4%D0%B0%D0%BD%D0%B8%D0%B5-ui-kit-75c02751900e
Реализация модуля товаров
https://medium.com/fafnur/%D1%81%D0%B0%D0%B9%D1%82-%D0%B2%D0%B8%D0%B7%D0%B8%D1%82%D0%BA%D0%B0-%D0%BD%D0%B0-angular-%D0%BC%D0%BE%D0%B4%D1%83%D0%BB%D1%8C-%D1%82%D0%BE%D0%B2%D0%B0%D1%80%D0%BE%D0%B2-659cd5599e93
Реализация модуля корзины
https://medium.com/fafnur/%D1%81%D0%B0%D0%B9%D1%82-%D0%B2%D0%B8%D0%B7%D0%B8%D1%82%D0%BA%D0%B0-%D0%BD%D0%B0-angular-%D0%BC%D0%BE%D0%B4%D1%83%D0%BB%D1%8C-%D0%BA%D0%BE%D1%80%D0%B7%D0%B8%D0%BD%D1%8B-1644d9cc493d
Реализация модуля заказа
https://medium.com/fafnur/%D1%81%D0%B0%D0%B9%D1%82-%D0%B2%D0%B8%D0%B7%D0%B8%D1%82%D0%BA%D0%B0-%D0%BD%D0%B0-angular-%D0%BC%D0%BE%D0%B4%D1%83%D0%BB%D1%8C-%D0%BE%D1%84%D0%BE%D1%80%D0%BC%D0%BB%D0%B5%D0%BD%D0%B8%D1%8F-%D0%B7%D0%B0%D0%BA%D0%B0%D0%B7%D0%B0-f2f0051ab82
Реализация модуля чата
https://medium.com/fafnur/%D1%81%D0%B0%D0%B9%D1%82-%D0%B2%D0%B8%D0%B7%D0%B8%D1%82%D0%BA%D0%B0-%D0%BD%D0%B0-angular-%D0%BC%D0%BE%D0%B4%D1%83%D0%BB%D1%8C-%D1%87%D0%B0%D1%82%D0%B0-e0fad0d09778
Страницы ошибок
https://medium.com/fafnur/%D1%81%D0%B0%D0%B9%D1%82-%D0%B2%D0%B8%D0%B7%D0%B8%D1%82%D0%BA%D0%B0-%D0%BD%D0%B0-angular-%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%86%D1%8B-%D0%BE%D1%88%D0%B8%D0%B1%D0%BE%D0%BA-cc71d573f7ca
Локализация
https://medium.com/fafnur/%D1%81%D0%B0%D0%B9%D1%82-%D0%B2%D0%B8%D0%B7%D0%B8%D1%82%D0%BA%D0%B0-%D0%BD%D0%B0-angular-%D0%BD%D0%B0%D1%81%D1%82%D1%80%D0%BE%D0%B9%D0%BA%D0%B0-%D0%BB%D0%BE%D0%BA%D0%B0%D0%BB%D0%B8%D0%B7%D0%B0%D1%86%D0%B8%D0%B8-4eb6ce8b2aac
Настройка SEO
https://medium.com/fafnur/%D1%81%D0%B0%D0%B9%D1%82-%D0%B2%D0%B8%D0%B7%D0%B8%D1%82%D0%BA%D0%B0-%D0%BD%D0%B0-angular-%D0%BD%D0%B0%D1%81%D1%82%D1%80%D0%BE%D0%B9%D0%BA%D0%B0-seo-69d1a329cd41
Настройка SSR
https://medium.com/fafnur/%D1%81%D0%B0%D0%B9%D1%82-%D0%B2%D0%B8%D0%B7%D0%B8%D1%82%D0%BA%D0%B0-%D0%BD%D0%B0-angular-%D0%BD%D0%B0%D1%81%D1%82%D1%80%D0%BE%D0%B9%D0%BA%D0%B0-ssr-e7d61b03c24e
Тестирование
https://medium.com/fafnur/%D1%81%D0%B0%D0%B9%D1%82-%D0%B2%D0%B8%D0%B7%D0%B8%D1%82%D0%BA%D0%B0-%D0%BD%D0%B0-angular-unit-%D1%82%D0%B5%D1%81%D1%82%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5-801760969790
Заключение
https://medium.com/fafnur/%D1%81%D0%B0%D0%B9%D1%82-%D0%B2%D0%B8%D0%B7%D0%B8%D1%82%D0%BA%D0%B0-%D0%BD%D0%B0-angular-%D0%B7%D0%B0%D0%BA%D0%BB%D1%8E%D1%87%D0%B5%D0%BD%D0%B8%D0%B5-1c5b9dec26fc
Medium
Сайт визитка на Angular. Введение
Цикл статей посвященный разработке сайта визитки на Angular. Описание проекта.
👍5🔥4❤1
Обзорная статья на habr про цикл статей - Сайт визитка на Angular. https://habr.com/ru/post/658787/ #angular #universal #nx #frontend #webdevelopment
Хабр
Как я делал сайт визитку на Angular
Несколько месяцев назад я загорелся желанием написать небольшой pet-проект, который был бы посвящен разработке сайта визитки на Angular. И так как Angular достаточно громоздкий фреймворк, в котором...
👍4❤1