Recursos oficiales Representación del lado del servidor
- Repositorio universal angular (GitHub)
- SPA angular compatible con SEO: Tutorial de renderizado del lado del servidor universal
- ng-web-apis / universal: un conjunto de código abierto de resguardos y códigos auxiliares de API nativos
- Guide to Angular Universal: una guía completa sobre cómo perfeccionar sus habilidades universales
Diseño de materiales
- Diseño oficial de material angular (GitHub)
- Los componentes, las directivas y los servicios de Material Design basados en md2 Angular2 son Accordion, Autocomplete, Collapse, Colorpicker, Datepicker, Dialog (Modal), Menu, Multiselect, Select, Switch, Tabs, Tags (Chips), Toast y Tooltip.
- ng2-material conjunto de ejemplos de material2 y componentes adicionales (tabla de datos, diálogo, …) construido sobre @ angular2-material / core
- Angular2-mdl Componentes, directivas y estilos de Angular 2 basados en Material Design Lite
- mdl-ext Material Design Lite Ext (carusel, grid, lightbox, selectfield, sticky header, …)
- ng2-materialize Una envoltura de Angular 2 alrededor de la biblioteca Materialise
- Material Light Componentes de Material Design ligeros, rápidos y fáciles de usar para Angular 2+ (especialmente para UI móviles). Hay varias alternativas, pero esta tiene un valor agregado y ventajas en mi opinión (obtenga un botín en Readme.md para más detalles). También hay una demostración en línea para verlo en acción. (La documentación de la API aún falta, pero está en proceso).
- Blox Material Una biblioteca ligera de diseño de materiales para Angular, basada en los componentes de materiales de Google para la Web.
- Componentes web de materiales Componentes web de materiales para Angular. Una representación fiel y precisa del Material Design según lo previsto en la web.
- MDBootstrap Creado con Angular 7, Bootstrap 4 y el poderoso KIT de interfaz de usuario de TypeScript que proporciona un conjunto de plantillas de página, diseños, componentes y widgets elegantes y receptivos para crear rápidamente sitios web y aplicaciones que responden primero a los dispositivos móviles.
Hoja de trucos
- Hoja de referencia oficial de Angular
- Hoja de referencia de la API de Dart
- Hoja de referencia de Angular Dart
- Lista de verificación de rendimiento angular
- Lista de 100 preguntas y respuestas de la entrevista angular
- Referencias angulares
Características
Directivas
Las directivas le permiten adjuntar comportamiento a elementos en el DOM.
Componentes
Un componente es una directiva que usa shadow DOM para crear un comportamiento visual encapsulado. Los componentes se utilizan normalmente para crear widgets de IU o para dividir la aplicación en componentes más pequeños.
Vista
Una vista es una primitiva básica utilizada por angular para representar el árbol DOM.
Plantillas
Las plantillas son marcas que se agregan a HTML para describir de manera declarativa cómo se debe proyectar el modelo de aplicación en DOM, así como qué eventos DOM deben invocar qué métodos en el controlador.
Detección de cambios
Cada componente recibe un detector de cambios responsable de verificar los enlaces definidos en su plantilla.
Inyección de dependencia
Angular 1.x tiene dos API para inyectar dependencias en una directiva. Angular 2 unifica las dos API, lo que hace que el código sea más fácil de entender y probar.
Tubería
Se pueden agregar tuberías al final de las expresiones para traducir el valor a un formato diferente.
Trabajadores web
El soporte de WebWorker en Angular está diseñado para facilitar el aprovechamiento de la paralelización en su aplicación web. Cuando elige ejecutar su aplicación en un WebWorker angular, se ejecuta tanto la lógica de su aplicación como la mayoría del marco angular central en un WebWorker.
HTTP
HttpClient ofrece una API HTTP de cliente simplificada para aplicaciones angulares que se basa en la interfaz XMLHttpRequest expuesta por los navegadores. Los beneficios adicionales de HttpClient incluyen funciones de capacidad de prueba, objetos de solicitud y respuesta escritos, interceptación de solicitudes y respuestas, API observables y manejo de errores optimizado.
Enrutador
Prueba
- Prueba de servicios Http en Angular 2 con Jasmine
- Prueba de componentes de la interfaz de usuario con TestComponentBuilder
- Prueba de mármol para observables RxJS en Angular
- Prueba de Angular: una guía para aplicaciones angulares robustas
Compilación anticipada
- Documentación oficial
- Compilación anticipada en Angular
- Creación de una aplicación angular para producción
- Desmitificando la compilación anticipada en Angular 2
- Múltiples soluciones para la compilación Angular Ahead of Time (AOT)
- Ejemplo de código con Webpack
- Ejemplo de código con paquete acumulativo
CLI angular
- Pagina web oficial
- Repositorio oficial
- ng-cli-hooks : ganchos para la CLI de Angular para personalizar la compilación
Webpack
- Pagina web oficial
- Inicio de paquete web angular de PatrickJS
- Webpack angular desde prearranque
- Inicio de paquete web nocturno angular
- Paquete web angular con Visual Studio ASP.NET Core de Damien Bowden
- Webpack Angular TypeScript de Schempy
- Angular Webpack Tour of Heroes de michaelbazos – Tutorial oficial de mecanografiado de Tour of Heroes creado con webpack
- Módulos Angular Webpack + rxjs +
Serie
- Iónico
- Angular
- Introducción
- Componentes
- Auth0
- Tranvía
- Desmitificación de la sintaxis de la plantilla angular
- Parte 1
- letsboot.com
- Desarrollo basado en pruebas
- Parte 1 TDD angular, Karma, Jasmine, PhantomJS, Gitlab-CI
- Angular y Firebase
- Parte 1 Aprendamos a instalar y configurar AngularFire2 4.0
Tutoriales en vídeo
- Egghead.io – Angular
- Egghead.io: cree aplicaciones de estilo Redux con Angular2, RxJS y ngrx / store
- udemy – Introducción a Angular 2
- udemy – Angular 2 con TypeScript para principiantes: la guía pragmática
- udemy – La guía completa de Angular 2
- Pluralsight – Angular 2: Primera vista
- Pluralsight – Angular 2: Introducción
- Channel9 – El futuro de TypeScript: ECMAScript 6, Async / Await y Bibliotecas más ricas
- Channel9 – Creación de aplicaciones multiplataforma con Angular 2
- Escuela de código – Acelerando a través de Angular 2
- Screencast de Angular Pro
- Tienda de tipo angular
- Consejos y trucos avanzados de Angular
- Canal JavaScript de pila completa angular
- Clase magistral de Angular 4: principiante a avanzado
- Lista de más de 140 cursos angulares (gratuitos y de pago) en Classpert
Guías de estilo
Conexión angular
- Conferencia magistral – Brad Green, Igor Minar y Jules Kremer
- Probando estrategias con Angular 2 – Julie Ralph
- Creación de aplicaciones móviles nativas con Angular 2 0 y NativeScript – Sebastian Witalec
- Flujo de datos de Angular 2: Jeff Cross, Rob Wormald y Alex Rickabaugh
- Estrategias de actualización de versiones iterativas para grandes aplicaciones angulares – Jen Bourey
- Depuración de aplicaciones de Angular 2 con Batarangle: Yuri Takhteyev e Igor Krivanov
- Creación de aplicaciones con Firebase y Angular 2 – Sara Robinson
- Mejores conceptos, menos código en Angular 2 – Victor Savkin y Tobias Bosch
- Modularidad y empaquetado para aplicaciones Angular2 – Pawel Kozlowski
- Creación de aplicaciones en tiempo real con Angular 2 y Meteor – Uri Goldshtein
Libros
- ng-libro 2
fullstack.io
- Conviértete en un ninja con Angular 2
Ninja Squad
- Desarrollo angular con TypeScript
Manning Publications
- Angular en acción
Manning Publications
- Práctico Angular 2
Leanpub
- Cambiar a Angular 2
Packt Publishing
- Entrenamiento Angular 2 de Rangle
Rangle.io
- Prueba de aplicaciones angulares
Manning Publications
- Angular-Buch (alemán)
dpunkt.verlag
- Instituto Angular
angular.institute
- Cree una aplicación web de pila completa con Angular y Firebase
Ankit Sharma
En el lugar de entrenamiento
- Boot Camp angular
- Tranvía
- ng-libro
- Taller de Angular 2
- Soluciones Web Age
- Letsboot.com
- Angular.Schule (en Alemania)
- Angular.DE (Alemania)
- Workshops.DE (Alemania)
Enfoque y explicación
- Victor Savkin
- Inyección de dependencia en Angular 1 y Angular 2
- Escribir angular en mecanografiado
- Sintaxis de plantilla angular
- Los conceptos básicos de Angular 2
- Dos fases de las aplicaciones de Angular 2
- Detección de cambios en Angular 2
- Mejor soporte para programación funcional en
- Inyección de dependencia unificada angular de 2 bits
- Enrutador Angular 2
- Tranvía
- Desarrollando un componente de pestañas en Angular 2
- Desarrollando un componente zippy en Angular 2
- Resolución de dependencias de servicio en Angular 2
- Reenviar referencias en Angular 2
- Host y visibilidad en la inyección de dependencia de Angular 2
- Inyección de dependencia en Angular 2
- Enrutamiento en Angular 2 obsoleto
- Enrutamiento en Angular 2 revisado
- Desmitificación de la sintaxis de la plantilla de Angular 2 – Parte 1
- Ver encapsulación en Angular 2
- Diseño de componentes de Angular 2
- Aún mejor código ES5 para Angular 2
- Escribiendo código Angular 2 en ES5
- La diferencia entre anotaciones y decoradores
- Hristo Georgiev
- Consultoría Helgevold
- Burak Tasci (fulls1z3)
Integraciones
- FalcorJS + Angular2 (video)
- Angular2-Meteor
- nativescript-angular
- reaccionar-nativo-renderizador
- ng-sapphiredb : implementación del cliente de SapphireDb, un marco para el desarrollo fácil de aplicaciones con sincronización de datos en tiempo real y una alternativa autohospedada a la base de datos / firestore en tiempo real de firebase para asp.net core y ef core. Consulte la documentación para obtener más detalles: Documentación
- GraphQL + Angular
- ckeditor5-angular : un componente oficial de editor de texto enriquecido de CKEditor 5 para Angular 2+
- ckeditor4-angular : un componente oficial de editor de texto enriquecido de CKEditor 4 para Angular 2+
Decoradores
- segal-decorators ¡ Montón de decoradores útiles para la web!
- Conexión de la propiedad del componente ng-portal en la aplicación Angular.
- ng-lock Decorador angular para bloquear una función y una interfaz de usuario mientras se ejecuta una tarea.
Plantillas del sitio
- NG-Dashboard – Tablero para Angular 4+. Componentes UI basados en Material Light . Componente de gráfico basado en MetricsGraficsJS . Directiva de mapas basada en LeafletJS . DEMO ONLINE
- HowToKeepAngularDeploymentSizeSmall : una muestra incluida en la página de inicio y el tablero para Angular 7 y una demostración de Cómo mantener pequeño el tamaño de implementación de Angular
Tubería
- fuel-ui OrderBy y tuberías de rango transferidas desde Angular 1.xa Angular 2
- ngx-filter-pipe Tubería para filtrar matrices
- ngx-pipe ¡ Montón de tuberías útiles para Angular y más allá!
- ngx-order-pipe OrderBy pipe para Angular4 + – ordenar la colección por un campo
- Angular2-camelcase Tubo Angular2 para convertir cadenas camelCase en cadenas legibles por humanos Editar
- ng-generic-pipe Tubería genérica para aplicación Angular.
Generadores
- Node.js
- Fango
- TheVelourFog / aguanieve-angular2
- Hacendado
- swirlycheetah / generador-angular2
- ngX-Rocket: Generador y herramientas de nivel empresarial Extensible Angular 4+
- cohete ngx / cohete generador ngx
- cohete ngx / cli
- ngx-cohete / núcleo
- Dardo
- Stagehand
- dardo-lang / tramoyista
- Andamio
- ScaffoldHub.io : Genere aplicaciones completas de Angular Material con bases de datos MongoDB, SQL o Firebase Firestore.
Herramientas de documentación
- Storybook : “El entorno de desarrollo de la interfaz de usuario que le encantará usar”
- Compodoc : “La herramienta de documentación que falta para su aplicación Angular 2”, se integra bien con los scripts npm
- NgModule-Viz : visualice las dependencias entre los NgModules en su aplicación Angular 2+.
- ng-app-counter : cuente el número de módulos, módulos perezosos, tuberías, proveedores, directivas y componentes utilizados en una aplicación angular.
Herramientas de desarrollo
- Inspector de estado angular : lo ayuda a depurar el estado del componente angular. Soporta Angular 1/2 + / Ivy.
- Augury : extensión del navegador para depurar y perfilar aplicaciones angulares.
- CodeSandbox : un IDE en línea y una herramienta de creación de prototipos para un desarrollo angular rápido.
- Bugfender : un servicio en la nube para recopilar registros y errores angulares en tiempo real.
TodoMVC
Esquemas
- Cypress : agregue Cypress a una aplicación CLI angular
- Jest : configure Angular para ejecutar pruebas unitarias con Jest en lugar de Karma + Jasmine
- Prettier : agregue Prettier y un gancho de confirmación previa para formatear archivos en etapas en una aplicación Angular
- Tailwind CSS : agregue Tailwind CSS a una aplicación angular
- Threejs : nueva aplicación de inicio three.js
Componentes de terceros
Animaciones
- lottie-angular2 : renderiza animaciones de After Effects en Angular2 basadas en Bodymovin.
- ng-animate -? Una colección de animaciones geniales, reutilizables y flexibles para Angular
- ngx-interactive-paycard : biblioteca interactiva de tarjetas de pago con animaciones fluidas
- ng-partículas : un componente para agregar fácilmente animaciones de partículas a su aplicación Angular
Componentes de autenticación
- casl-angular – Módulo que integra la biblioteca de administración de permisos isomórficos CASL con Angular2 +
- ng2-permiso : control de acceso basado en permisos con todas las funciones para sus aplicaciones angulares 4+. Este módulo inspirado en
angular-permission
. - ngx-auth-firebaseui : componente de interfaz de usuario de material angular para
firebase
authentication
- ngx-auth -Utilidad de autenticación para Angular por @ fulls1z3
- ngx-permissions : control de acceso basado en permisos y roles para sus aplicaciones angulares (angular 2, angular 4,5+) (AOT, compatible con módulos perezosos)
Componentes de backend
- Cloudinary : SDK de Angular2 para la gestión de imágenes y videos en la nube
- ng-s-resource : simplifica el generador de recursos http RESTful para Angular 4+.
- ngx-restangular – Restangular para Angular 2 y versiones superiores.
Calendarios
- angular-calendar : un componente de calendario flexible para angular 6.0+ que puede mostrar eventos en una vista de mes, semana o día.
- ng-data-picker – ?? Un selector de datos basado en Angular 4+ (como el selector de fecha y hora nativo de iOS)
- ng-fullcalendar Módulo de calendario completo para Angular
Gráficos
- @ ctrl / ngx-chartjs – Contenedor funcional Chart.js para Angular
- dl-chart : biblioteca de gráficos simple y liviana sin dependencias externas
- ng2-charts Hermosos gráficos para Angular2 basados en Chart.js
- ngx-charts – ¡Marco declarativo de gráficos para Angular2 y más allá!
- ngx-f2 : envoltorio Angular2 + para gráficos orientados a dispositivos móviles antv f2
- ngx-trend -? Líneas de chispa simples y elegantes para Angular
Arrastrar y soltar
- angular2-grid Una directiva de complemento basada en cuadrícula de arrastrar / soltar / redimensionar para angular2.
- ng2-dragula ¡ Arrastra y suelta tan simple que duele!
Componentes del editor
- @ ctrl / ngx-codemirror – Codemirror Wrapper para Angular
- @ instechnologies / ng-rooster – Contenedor angular de roosterjs, un editor de texto enriquecido
- Angular2-froala-wysiwyg Contenedor angular 2 para Froala WYSIWYG HTML Editor
- ng2-ace Ace editor directivo hecho para Angular 2
- ng2-quill-editor – Componente del editor de quill para Angular2
Subir archivo
- @ ctrl / ngx-droppable – Otorga la capacidad de soltar archivos a cualquier elemento o componente
- file-droppa Componente de carga y descarga de archivos simples con lista de archivos
- ng2-file- upload Directivas de carga de archivos fáciles de usar
- ngx-awesome-uploader Angular Library para cargar archivos. Admite: Carga y vista previa de archivos (además, vista previa de imágenes con caja de luz), validación, recorte de imágenes, arrastrar y soltar con soporte en varios idiomas.
- ngx-dropzone : componente altamente personalizable para manejar archivos y selección.
- ngx-flow : contenedor de Angular7 + para flow.js para la carga de archivos
Controles de formulario
- @ ctrl / ngx-emoji-mart – Selector de emoji personalizable similar a Slack para Angular
- Máscara de entrada angular-imask Angular 4+
- angular2-multiselect- dropdown Componente desplegable de selección múltiple de Angular 2 para aplicaciones web
- angular2-text- mask Directiva de máscara de entrada angular 2
- ng-fveh – Asistente de errores de validación de formularios – Algunos ayudantes para ayudarlo con la validación de formularios ?
- ng-select Angular ng-select – All in One UI Select, Multiselect y Autocomplete
- ng2-dropdown Menú desplegable para angular2 y bootstrap 3
- Directivas ng2-radio-group Angular2 para entradas de radio y checkbox y grupos de entrada de radio
- ng2-select reemplazo basado en Angular2 para cajas de selección
- ngx-color -? Selectores de color de Sketch, Photoshop, Chrome, Github, Twitter y más
- ngx-credit-cards : un paquete de directivas de tarjetas de crédito y validadores de formularios para Angular X (4+).
- selector-de-bandera-ngx -? Componente angular personalizable que contiene un menú desplegable con banderas de países
- ngx-flexible-select : la selección más flexible y personalizada
- ngx-recursive-form : forma recursiva angular en cualquier nivel según su entrada json.
Iconos
- Angular2-fontawesome Componentes y directivas de Angular2 para Fontawesome
- ng2-fontawesome Una pequeña directiva que hace que la fuente asombrosa sea aún más fácil de usar.
- ngx-icon-blur Un componente angular que se puede usar para crear un efecto de vidrio esmerilado de iconos.
Ratón del teclado
- @ ctrl / ngx-rightclick – Servicio de menú contextual para Angular
- clic angular en el que se puede hacer clic : establece el cursor del puntero en los elementos que utilizan la
(click)
salida estándar y permite deshabilitar dichos eventos - angular-esc : agrega la
(esc)
salida disparada por la tecla Escape - ngx-konami : directiva simple para agregar huevos de pascua en aplicaciones Angular 2+
Componentes de diseño
- angular-fullpage Componente oficial para fullPage.js, una biblioteca de desplazamiento a pantalla completa.
- componente de división angular de división angular
- angular2-infinite-scroll : una directiva de desplazamiento infinito para Angular2 (basada en Observables)
- egjs-infinitegrid : organiza elementos de tarjeta infinitos de acuerdo con varios tipos de diseño, como mampostería para Angular.
- ng2-card – Componente de vista de tarjeta para Angular2
- ng2-fullpage Desplazamiento de página completa para Angular2 basado en fullPage.js
- ng2-sheet Angular2 Components para agregar sus componentes dentro de una ventana de hoja y repetidamente
- ng2-swipeable-card – Componente de tarjeta deslizable para Angular2
- ngx-scrolltop – Botón ligero inspirado en Material Design para desplazarse hacia la parte superior de la página.? Sin dependencias. Pure Angular! (Compatibilidad: Angular 9, Ivy, Universal,
ng add
) - od-virtualscroll Implementación de desplazamiento virtual basada en observaciones en Angular
Cargadores
- @ kken94 / ngx-progress La barra de progreso más potente y personalizable para Angular✨
- angular-epic-spinners Componentes de spinner reutilizables para angulares
- angular2-busy Muestra indicadores de ocupado / cargando en cualquier promesa o en cualquier suscripción de Observable
- angular2-promise-buttons – Botones de carga para Angular 2 por @johannesjo
- ¿esta cargando? service : un servicio de indicador de carga simple y flexible para aplicaciones Angular.
- ng-spinners : increíble colección de componentes de hiladores angulares CSS puros.
- ng2-progress-bar Barra de progreso simple para angular2 y bootstrap 3
- ngx-config – Utilidad de configuración para Angular (incl. Cargador Universal Angular) por @ fulls1z3
- ngx-img-fallback Cargar imagen de marcador de posición en error de imagen
- ngx-progressbar : barra de progreso nanoscópica, con animaciones de goteo realistas.
Mapas
- angular-cesium Creación de aplicaciones web basadas en mapas utilizando Cesium y Angular
- Angular2-google-maps Directivas Angular2 para Google Maps
- ngx-mapbox-gl – Enlace angular de mapbox-gl-js
Notificaciones
- ng-snotify – Centro de notificaciones de Angular 4
- ng2-sweetalert2 Un contenedor de sweetalert2 para usar con Angular 2.
- ngx-popper : gestión de información sobre herramientas, contenedor para popper.js ( https://popper.js.org/ )
- ngx-toastr – Notificaciones / Toastr
Administración del Estado
- angular2-query-builder Generador de consultas modernizado basado en jquery QueryBuilder
- Biblioteca angular2-jwt para enviar solicitudes HTTP autenticadas y decodificar JWT
- Biblioteca angular2-cookie que implementa el servicio de cookies Angular 1.x $ en Angular 2
- Envoltura de protección angular alrededor de cookies / sessionStorage / localStorage para angular2. Si no todos están disponibles, se utilizará un almacenamiento en memoria.
- ng2-storage Un contenedor localStorage y sessionStorage escrito usando los proxies ES6 para Angular 2
- NGX-store – Complejo biblioteca para la gestión
localStorage
,sessionStorage
y las cookies, permite ver los cambios de datos, ofrece decoradores y API se basa en Builder - ngx-liquid-cache : un sistema de caché Angular 2 potente, automático y optimizado que cabe en todas partes.
- ng-http-cache : acelere sus solicitudes remotas almacenándolas en caché automáticamente en el cliente.
- ngx-cache : utilidad de caché para Angular (incluidas implementaciones de plataforma de navegador y servidor) de @ fulls1z3
- universal-model-angular – Gestión de almacenamiento y estado para Angular
- ng-http-caching : caché para solicitudes HTTP en la aplicación Angular.
Mesas
- Ag-grid Advanced Datagrid para Pure Javascript / AngularJS 1.x / AngularJS 2 / Componentes Web
- ng2-handsontable cuadrícula de datos / hoja de cálculo similar a Excel
- ng2-smart-table Biblioteca de tablas de datos inteligentes con funciones de clasificación, filtrado, paginación y agregar / editar / eliminar.
- ng2-table Extensión de tabla simple con clasificación, filtrado, paginación … para aplicaciones Angular2
- ngfb-sortable-table : tabla ordenable de Angular Firebase. Capacidad para filtrar y ordenar datos con sus propias herramientas de búsqueda de base de fuego.
- ngx-datatable ¡ Una tabla de datos liviana y rica en funciones diseñada para Angular2 y más allá!
- cuadrícula de ignite-ui-angular: la cuadrícula de datos, la cuadrícula de árbol, la cuadrícula jerárquica en Ignite UI para Angular proporcionan filtrado de estilo excel, datos en vivo, clasificación, fila arrastrable y otras barras de herramientas.
Bibliotecas de UI
General
- @ ngx-kit / sula – Conjunto de componentes temáticos para Angular.
- Axponents: de componentes web accesibles (Dylan Barrell)
- Element Angular : componentes de Element Design construidos sobre Angular 2
- Essential JS 2 para Angular de Syncfusion : más de 60 componentes de interfaz de usuario de alto rendimiento, ligeros, modulares y receptivos para Angular.
- Nebular : conjunto de módulos esenciales (tema, kit de interfaz de usuario, autenticación, seguridad) para aplicaciones angulares complejas
- NG ZORRO MOBILE : un componente de interfaz de usuario móvil de clase empresarial basado en Ant Design Mobile y Angular.
- NG ZORRO : un componente de interfaz de usuario de clase empresarial basado en Ant Design y Angular.
- ng-lightning Native Angular 2 componentes y directivas para Lightning Design System
- ng-metro4 – Implementación angular del marco de interfaz de usuario Metro4
- ng-sq-ui : kit de interfaz de usuario de calidad simple para Angular. ¡Construido por desarrolladores para desarrolladores
- ngSemantic : componentes de la interfaz de usuario basados en la interfaz de usuario semántica
- ngx-qrcode2 : una biblioteca de componentes Angular 4+ para generar códigos QR (respuesta rápida)
- ngx-ui – ¡Biblioteca de estilos y componentes para Angular2 y más allá!
- Colección prime-ng de componentes de interfaz de usuario enriquecidos para Angular 2
- Claridad de vmware : principalmente un marco de CSS solo, pero algunos componentes se transfieren a Angular 2
- Wijmo 5 : conjunto de componentes de interfaz de usuario para Angular2
Basado en material
- @ angular-material-extensions / contactos – Biblioteca angular para administrar contactos y usuarios con un diseño de material
- @ angular-material-extensions / faq : biblioteca angular construida con material design para proporcionar un componente de preguntas frecuentes reutilizable (preguntas frecuentes) para cada proyecto. Pregunte, responda y enumere
- @ angular-material-extensions / google-maps-autocomplete – Componente de entrada de autocompletar y directiva para google-maps construido con diseño de material angular
- @ angular-material-extensions / link-preview : biblioteca de interfaz de usuario de código abierto angular para obtener una vista previa de los enlaces web
- @ angular-material-extensions / pages : biblioteca de código abierto para aplicaciones angulares para ilustrar el contenido de páginas de material personalizado con pasos (ideal para tutoriales y explicaciones )
- @ angular-material-extensions / password- Strength: biblioteca de interfaz de usuario angular para ilustrar y validar la fortaleza de una contraseña con material design
- angular-jqwidgets Componentes angulares avanzados con diseño de materiales.
- Covalent : una plataforma de interfaz de usuario basada en Angular 2.0 + Material Design
- Material 2 : componentes de Material Design del equipo de Angular construidos sobre Angular 2
- Teradata covalent : plataforma de interfaz de usuario basada en @ angular / material 2.0
Basado en Bootstrap
- @ firebaseui / ng-bootstrap – Biblioteca de interfaz de usuario de Bootstrap angular para la
firebase
authentication
tecnología @ ng-bootstrap - diseño de material angular-bootstrap-md para Bootstrap 4 (angular)
- Fuel-ui Bootstrap 4 componentes y directivas para usar en Angular 2
- ng-bootstrap – Directivas de Angular 4 para Bootstrap 4 por el equipo de ui-bootstrap
- ng2-bootstrap Native Angular2 Bootstrap 3 y 4 componentes
- ng2-bs Experimentos con directivas de Angular 2 para Bootstrap.
- ng2-modal Ventana modal para angular2 y bootstrap 3
- ng2-paginator Control de paginación para angular2 y bootstrap 3
- ng2-tabs Control de pestañas para angular2 y bootstrap 3
Componentes UX
- angular-shepherd – Servicio Angular 7 que envuelve la biblioteca de visitas del sitio Shepherd
- ng2-archwizard – Componente asistente para Angular 2
- ngx-app-tour : complemento de Angular2 + para crear un recorrido, un escaparate o un recorrido para su aplicación
Espectadores
- egjs-flicking : es un carrusel confiable, flexible y extensible para Angular.
- componente visor de PDF ng2-pdf-viewer
- ng2-safe-img img muy pequeña y segura para Angular 2
- ngu-carousel – Carrusel universal angular.
- ngx-siema – Carrusel ligero y sencillo sin dependencias.
Componentes misceláneos
- @ ngx-context – Contexto angular: enlace de propiedad fácil para la salida del enrutador y los árboles de componentes anidados.
- Angular SizeObserver : elementos DOM de estilo según su tamaño de visualización (en lugar del tamaño de la pantalla del navegador).
- angular2-simple-countdown : una directiva angular2 simple de cuenta regresiva con varios idiomas
- ng-chat : un sencillo módulo de chat similar a facebook / linkedin para aplicaciones angulares
- ng-google-sheets-db ? Utilice Hojas de cálculo de Google como su backend (de solo lectura).
- ng-katex Módulo angular para escribir hermosas expresiones matemáticas con sintaxis TeX impulsada por la biblioteca KaTeX
- ng-wormhole : renderiza componentes en otro lugar del DOM
- ng2-adsense : AdSense sencillo para aplicaciones angulares
- ngx-avatar – Componente Avatar que permite generar / buscar avatar en base a la información que tiene sobre el usuario.
- ngx-cdmon : biblioteca para monitorear el rendimiento de detección de cambios angulares.
- ngx-countdown : cuenta regresiva simple, fácil y de rendimiento para angulares
- @ ngneat / transloco -? ? La biblioteca de internacionalización (i18n) para Angular
- ngx-i18n-router : utilidad de internacionalización de rutas para Angular por @ fulls1z3
- ngx-linkifyjs : contenedor Angular V6 para linkifyjs: biblioteca para encontrar enlaces en texto plano y convertirlos en etiquetas HTML a través de linkifyjs
- ngx-meta : utilidad dinámica de título de página y metaetiquetas para Angular (con representación del lado del servidor) por @ fulls1z3
- ngx-wheel – ¡Componente de rueda premiadora angular!
- xng-breadcrumb – Solución de migas de pan de configuración cero. Un pan rallado ligero, configurable y reactivo para Angular 6 y más allá.
Pila de mermelada
- scully : Scully es un generador de sitios estáticos para proyectos angulares que buscan adoptar Jamstack.
Universal Angular 2
Soporte javascript universal (isomórfico) para Angular 2
Cursos y tutoriales universales
Recursos generales universales
Proyectos de semillas universales
- universal-starter – Kit de inicio universal Angular 2 de @ Angular-Class
- ng-seed / universal : proyecto semilla para aplicaciones Angular Universal con renderización del lado del servidor (SSR), Webpack, modos dev / prod, DLL, compilación AoT, HMR, compilación SCSS, carga diferida, configuración, caché, i18n, SEO y TSLint / codelyzer por @ fulls1z3
- angular-universal – Kit de inicio rápido, sin pinchazos y minimalista para Angular Universal 100% impulsado por Angular CLI
- angular-universal-heroku-starter – Angular 7 Universal Starter Kit con Server-Side Rendering (SSR) y fácil implementación en Heroku
Angular 2 en TypeScript
TypeScript te permite escribir JavaScript de la forma que realmente quieras. TypeScript es un superconjunto escrito de JavaScript que se compila en JavaScript simple.
Recursos generales de TypeScript
- Letra de imprenta Página oficial de mecanografiado
- REPL REPL oficial de TypeScript que se ejecuta completamente en su navegador
- Repositorio de TypeScript (GitHub) Repositorio oficial de GitHub para TypeScript
- Repositorio DefinitelyTyped (GitHub) El repositorio para definiciones de tipos de TypeScript de alta calidad.
Proyectos semilla de TypeScript
- Proyecto de semilla de semilla angular para aplicaciones angulares
- ng2-play Un patio de juegos mínimo de Angular2 usando TypeScript y el cargador SystemJS
- Angular Lab Una configuración simple de Angular 2+ usando Angular CLI , TypeScript , Angular Flex Layout , Material 2 , AOT y pruebas unitarias y e2e en Travis CI y Saucelabs .
- Componentes de muestra de Angular 2 Samples Angular 2.0
- Aplicación Todo con Firebase, OAuth e Immutable
- Tutorial de Spring Boot y Angular2 Ejemplo práctico de Angular2 basado en el tutorial de Rails .
- Semilla de Ricitos de oro de Angular 2 : un proyecto de semilla para Angular 2 y TypeScript que no es demasiado simple, pero tampoco demasiado complejo. De hecho, ¡es perfecto!
- Angular 2 Starter – Simple Angular 2 Starter con flujo de trabajo Gulp y Travis CI
- Inicio de folleto de Angular 2 : un iniciador de aplicación de mapas basado en Angular 2 y Leaflet
- Angular 2 MapboxGL Starter : otro iniciador de aplicaciones de mapas basado en Angular 2 y MapboxGL JS
- Inicio rápido de conexión de websockets de Angular 2 : contador simple que utiliza la comunicación de websockets de reconexión bidireccional o unidireccional
- ng2-start : configuración mínima para comenzar a crear una aplicación angular2
- ng-kitchen-sink : la mejor aplicación de una sola página bootstrap de Angular 2: toca todos los aspectos clave y avanzados de Angular
- ng-skeleton : la semilla angular definitiva con ngrx, bootstrap y autenticación de dos factores
- angular2-demo Minimal Angular2 Demo usando TypeScript / Sass / Npm Tasks
- Angular 2 Dashboard Starter : proyecto inicial del panel de control listo para usar basado en Angular 2 y el tema de arranque de AdminLTE.
- ngx-admin : plantilla de administración basada en el marco Nebular (Angular 4+, Bootstrap 4+)
- Semilla de inicio rápido de Angular 2
- Cobertura de código completo de Angular 2 : SystemJS probado de manera sólida y flujo de trabajo de gulp listo para su código utilizando la versión final de Angular2 (2.1.0). Demuestra la cobertura de código completo y de unidad
- Paquete web de Angular 2 : tutorial oficial de mecanografiado de Tour of Heroes creado con el paquete web
- ng2-boiler : un iniciador simple y básico con Angular2, TypeScript y Webpack configurados.
- Angular Webpack Starter : Angular Webpack Starter con compilación AoT, carga diferida y agitación de árboles
- Reaper – Angular 2 Webpack Starter Boilerplate sin dependencias 2269
- famn – Marco de aplicación Angular 2 + FeathersJS tanto para el lado del cliente como para el del servidor
- Semilla de módulo Angular NPM : punto de partida para desarrollar módulos angulares y publicarlos en NPM.
- Angular2 D3v4 Seed – Implementación de Angular2 D3v4 de diagramas, gráficos, área y vista del proyecto semilla porting
- ng-seed / spa : proyecto semilla para aplicaciones angulares con Webpack, modos dev / prod, DLL, compilación AoT, HMR, compilación SCSS, carga diferida, configuración, caché, i18n, SEO y TSLint / codelyzer por @ fulls1z3
- Reboard : panel de inicio de Angular 4 + Material 2 con ngx-charts, basado en generator-ngx-rocket (Typecript, SASS, Webpack, Jasmine + Karma, Transportador, TSLint, Codelyzer, Stylelint, ngx-translate, Lodash, Angular Flex-Layout )
- Inicio rápido de Angular5 + Redux + Graphql + MySQL – Aplicación GraphQL de pila completa simple con Angular CLI + Redux + Express + GraphQL + Sequelize (compatible con MySQL, Postgres, Sqlite y MSSQL).
- Angular5 + Firebase + Structure – Angular 5 + Firebase + una muy buena estructura de enrutador / módulo para que sea tuyo tan fácil
- angular-app-example – Angular latest + material + sass themes + more beautiful features, a dashboard app example
- NG-MATERO : este Ng-Matero es una plantilla de administración angular hecha con componentes de materiales.
- TinkoffCreditSystems / angular-open-source-starter : un proyecto inicial para crear bibliotecas de código abierto para Angular
- truonghungit / arrancador angular -? Un proyecto de inicio completo de Angular 10, NgRx, Angular CLI y Angular Material
- {{ add_your_repo }}
Ionic 2 en Angular 2
Ionic es el hermoso SDK de front-end de código abierto para desarrollar aplicaciones móviles híbridas con tecnologías web.
- Marco iónica página oficial de Marco iónica
- Oficial de documentación iónica para Ionic Framework
Recursos generales de Ionic 2
Angular 2 en Córdoba
Apache Cordova es un marco de desarrollo de aplicaciones móviles popular que utiliza CSS3, HTML5 y JavaScript en lugar de depender de API específicas de la plataforma.
- Sitio web oficial de Cordova Framework para Apache Cordova
- Documentación de Cordova Documentación oficial para Apache Cordova
Proyectos Semilla de Córdoba
- Angular 2 Seed CLI Admin (Plantilla) Proyecto multiplataforma Angular 2 (Web / PWA, Móvil y Escritorio) con Ionic 2 (y opcionalmente Bootstrap).
Angular 2 en Dardo
Dart es un lenguaje de programación escalable y de código abierto, con bibliotecas y tiempos de ejecución robustos, para crear aplicaciones web, de servidor y móviles.
Recursos generales de Dart
- Dardo página oficial de dardo
- Dartpad Dartpad permite jugar con Dart en línea, en un entorno de instalación cero y configuración cero.
- Organización de Dart (GitHub) Organización oficial de GitHub para Dart
- Pub Repositorio de paquetes de software para el lenguaje de programación Dart.
- Dartisans La comunidad oficial de Dart en Google+
- Dart Slack Channel El canal oficial de Dart Slack.
Proyectos de semillas de dardos
- Inicio rápido de Angular 2 Dart Un proyecto de inicio rápido mínimo.
Demostración, muestras y ejemplos de Dart
- Aplicación Hackernews Una aplicación HackerNews creada con Angular 2 para Dart
- Demostración de enrutador Un ejemplo básico de enrutador Angular 2.
- {{ add_your_repo }}
Angular 2 en Traceur
Traceur es un compilador JavaScript.next-to-JavaScript-of-today
Recursos generales de Traceur
- Repositorio de Traceur (GitHub) Repositorio oficial de GitHub para Traceur
Proyectos de semillas de Traceur
Angular 2 en Babel
El compilador para escribir JavaScript de próxima generación.
Recursos generales de Babel
- Babel Página oficial de Babel
- REPL REPL oficial de Babel que se ejecuta completamente en su navegador
- Repositorio de Babel (GitHub) Repositorio oficial de GitHub para Babel
Zona de juegos en línea de Babel Angular 2
Proyectos Semilla de Babel
- babel-angular2-app Una aplicación esqueleto de Angular 2 construida con Babel y Browserify .
- angular2-fullstack-starter Una aplicación esqueleto de pila completa Angular 2 construida con Webpack / Babel.
- angular2-es6-starter Una aplicación esqueleto Angular 2 ES6 construida con Babel, Webpack, Gulp.
- angular-babel-seed El inicio rápido angular súper simple con ES6
- {{ add_your_repo }}
Demostración, ejemplos y ejemplos de Babel
- angular2-es6-todomvc Implementación de Angular 2 TodoMVC con ES6.
- ng1-ng2-webpack-lazy-uirouter Híbrido de carga diferida Angular1 + Angular2 usando UI-Router, Webpack2 y Babel.
- {{ add_your_repo }}
Complementos de Babel
- babel-preset-angular2 Babel presets para Angular2
- babel-plugin-type-assertion Un complemento transformador de babel experimental para rtts_assert
Angular 2 en ES5
Un lenguaje ECMAScript que incluye características estructuradas, dinámicas, funcionales y basadas en prototipos.
Recursos generales de ES5
Proyectos Semilla ES5
Kit de inicio angular2-es5 Kit de
inicio Angular2 ES5
Meteor en Angular 2
Cree aplicaciones web y móviles en tiempo real con Angular y Meteor
Recursos generales de meteoritos
- Meteor angular Página oficial de angular Meteor
- Meteorito angular 2
Proyectos de semillas de meteoritos
Angular 2 en NativeScript
Cree aplicaciones verdaderamente nativas para iOS, Android y Windows Phone con Javascript y CSS. Pruebe el marco de código abierto NativeScript para el desarrollo multiplataforma.
Recursos generales de NativeScript
- NativeScript página oficial de NativeScript
- Usando NativeScript
Proyectos semilla de NativeScript
Angular 2 en React Native
React Native le permite crear experiencias de aplicaciones de clase mundial en plataformas nativas utilizando una experiencia de desarrollador consistente basada en JavaScript.
Reaccionar recursos generales nativos
- Reaccionar nativo página oficial para reaccionar nativo
Reaccionar proyectos nativos
Reaccionar proyectos de semillas nativas
Angular 2 en Haxe
Haxe es un conjunto de herramientas de código abierto basado en un lenguaje de programación moderno, de alto nivel y estrictamente escrito, un compilador cruzado, una biblioteca estándar multiplataforma completa y formas de acceder a las capacidades nativas de cada plataforma. Lenguaje de propósito general, con Haxe, puede crear fácilmente herramientas multiplataforma dirigidas a todas las plataformas principales de forma nativa. “Escriba una vez compile en cualquier lugar”, con un sólido sistema de macros fácilmente ampliable y un compilador potente y altamente optimizador con DCE (y fe usando constructores en línea). Se puede usar para la representación del lado del servidor y de manera isomórfica; es posible compartir el mismo código fuente compilando en el lado del cliente en javascript y en el lado del servidor en pyhton (o java / php / node; se puede elegir más adelante / cambiar en la escala). El código Haxe puede contener (en línea) cualquier fragmento del idioma de destino (se puede usar para realizar la migración paso a paso), El mecanismo externo proporciona acceso a las API y bibliotecas nativas de forma segura. Servidor, cliente, móvil (Android e iOS a la vez), escritorio, integrado (Raspbery, decodificadores TIVO premiados), Playstation … todos se pueden acceder de forma nativa con mucho menos mecanografía, más a prueba de errores, más estable y compilado código verificado de tipo-time incluso para objetivos no seguros de tipo (fe JavaScript, PHP)!
Recursos generales de Haxe
- Haxe.org
- Haxe en Wikipedia
- Zona de juegos Haxe
- El compilador de Haxe se dirige a los objetivos del compilador: C ++, C #, Java, Python, PHP, ActionScript 3 y código de bytes Flash o Neko
- Resultados de la encuesta de uso de Haxe
- Grupo de discusión haxe – comunidad
- Haxe y Node.js
- Haxe: trabajar con bibliotecas de JavaScript
- Aprende haxe en Y minutos
- Una historia de éxito para Haxe – acerca de la migración de JavaScript a Haxe apuntando tanto a JavaScript como a C # “¡sin interrumpir el desarrollo del juego real por parte del resto del equipo!”, “INCREÍBLE BONUS”, “solo hay beneficios”
- Noticias e información para desarrolladores de Haxe
- {{ help_add_resources }}
Proyectos de semillas de Haxe
- Vinculaciones de idioma angular2haxe Haxe para Angular 2
- {{ add_your_repo }}
Angular 2 en Scala
Lenguaje de propósito general; multiparadigma (elementos concurrentes, funcionales, orientados a objetos); tipado estáticamente, con seguridad de tipeo; foco: servicios web.
Recursos generales de Scala
Proyectos Scala Seed
Angular 2 componentes con Bit
Bit es un repositorio virtual de código abierto (base de código) creado para hacer que los componentes sean fácilmente administrables y utilizables en todas las aplicaciones. Puede exportar rápidamente cualquier componente Angular desde cualquier contexto mientras trabaja en cualquier proyecto a un Scope poco distribuido. El entorno de componentes reutilizables de Bit reduce la sobrecarga de configurar entornos de prueba y compilación para exportar cada componente nuevo. El Scope es un repositorio de componentes virtual que almacena, organiza, administra y prueba sus componentes. Una vez modelados en un Scope, sus componentes se pueden encontrar y usar fácilmente en cualquier aplicación Angular. Los componentes se pueden organizar juntos y aún así modificar y usar individualmente sin tener que extraer bibliotecas enteras.
Recursos de bits
- Poco
- Bit-Javascript
- bitsrc : centro comunitario gratuito para compartir, administrar y encontrar componentes de código abierto.
Seguridad
- Guía de seguridad de Angular.io
: breve guía de seguridad que incluye la prevención de secuencias de comandos entre sitios (XSS), la desinfección y la política de seguridad de contenido.
-
¿Entonces pensaste que estabas seguro usando AngularJS? ¡Piensa otra vez!
Diapositivas
,
video
- Lewis Ardern hablando en OWASP London 2017
Autenticación