Angular

Capacitor con Ionic en el Framework de Angular

Objetivos Este proyecto trata de mostrar la gran funcionalidad que nos ofrece Ionic junto con Angular para el desarrollo de una aplicación, no solo de escritorio sino que también para dispositivos móviles, ya sea en android o ios. En este caso, emplearemos el emulador de Android Studio y el plugin de Capacitor para ver el resultado final del proyecto. Ionic y Capacitor Ionic es un Framework de Front-End de código abierto que simplifica enormemente al desarrollo de aplicaciones multiplataforma, pues utiliza la misma base de código, basado en las tecnologías Web (HTML, CSS,…continue reading →

Implementación de puntos destacados y mejoras significativas en Angular 17

Angular 17 trae consigo un conjunto de funciones vanguardistas que establecen nuevos estándares tanto en rendimiento como en la experiencia de desarrollo. En este post vamos a ver como podemos implementarlas en nuestro proyecto. Instalación Para instalar o actualiza a angular 17 abre el símbolo del sistema y ejecuta el siguiente comando: npm install -g @angular/cli Después para actualizar los paquetes del core ( @angular/core, @angular/compiler, y @angular/platform-browser ) de Angular ejecuta este comando: ng update @angular/core Si utilizas algún otro paquete de Angular también tendrás que actualizarlo. Nueva sintaxis Una de las…continue reading →

Descubriendo los Servicios en Angular: Pilares fundamentales para el desarrollo en Angular.

https://youtu.be/Z3Qk3qBoy7s Los Servicios en Angular son elementos cruciales que potencian la modularidad y reutilización de código en el desarrollo de aplicaciones. Se trata de objetos que siguen el patrón de diseño singleton, es decir, se crean una única vez, y son compartidos en toda la aplicación. En este post exploraremos qué son los servicios, cuál es su propósito y cómo podemos aprovecharlos de una manera eficaz. ¿Qué son los Servicios en Angular? Dentro del framework Angular, un servicio es una clase singular con un propósito específico, diseñada para llevar a cabo taras reutilizables…continue reading →

Angular – Manejo de Observables

https://youtu.be/38ZmuMq7o1M Muy Buenas a todos, mi nombre es Juan Carlos Linaje y en esta entrada, veremos cómo trabajar con observables de una manera didáctica, con un ejemplo explicado y detallado paso a paso Lo primero de todo, para poder empezar en nuestro proyecto, lo que vamos a hacer es irnos a Github: https://github.com/desatatufuria/AngularObservers-appNos descargamos el proyecto: Case Study with Binding Una vez nos descarguemos el proyecto, procederemos a preparar el entorno de trabajo. usamos el comando: npm install Levantamos el proyecto.usamos el comando: ng s -o  s, es un alias de server -o, es un argumento…continue reading →

ANGULAR+PRIMENG 2023

En este post se va a enseñar como utilizar la librería de componentes PrimeNG. Esta librería ofrece una variedad de componentes como tablas, formularios y menús con un diseño atractivo y una funcionalidad mejorada. Instalar dependencias Primero necesitas ejecutar los comandos de instalación en tu proyecto. A parte de PrimeNG y PrimeIcons (Librería opcional) añadiremos también PrimeFlex que es una librería de estilos css muy parecida a Bootstrap y compatible con PrimeNG, la razón para añadir esta librería es que Bootstrap sobrescribe los estilo de algunos componentes de PrimeNG obligándonos a retocarlos manualmente…continue reading →

Angular Material y FormControl

ANGULAR MATERIAL INTRODUCCIÓN: Angular Material es una librería de estilos (como Bootstrap) basada en la guía de diseño de Material Design, realizado por el equipo de Angular para integrarse perfectamente con Angular. INSTALACIÓN: Ejecutaremos el siguiente comando en nuestro proyecto para la instalación de Angular Material: ng add @angular/material Con ese comando instalará Angular Material, CDK* y Angular Animations* y a continuación nos hará una serie de preguntas para determinar qué características queremos incluir en nuestro proyecto: Elija un nombre de tema prediseñado o elegir uno personalizado: Si no tienes un tema personalizado…continue reading →