Scribd
Cargar
11 vistas5 páginas

TEORIA Angular1

guia 1 ANGULAR

Cargado por

gab yuma
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
11 vistas5 páginas

TEORIA Angular1

guia 1 ANGULAR

Cargado por

gab yuma
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 5

ANGULAR

HISTORIA
Fue creado en 2009 por Misko Hevery, un ingeniero de software de Google,
como una forma de simplificar y mejorar el desarrollo de aplicaciones web
en la empresa, su desarrollo se realiza por medio de TypeScript o
JavaScript. En este último se ofrecen diversas herramientas adicionales al
lenguaje como tipado estático o decoradores.
Su nombre proviene del concepto de paréntesis angulares (< >) que se
utilizan en HTML.

Angular es una plataforma y un framework (especie de plantilla, esquema


o estructura conceptual basada en tecnología que permite trabajar de una
forma mucho más sencilla) para crear aplicaciones de una sola página (SPA)
en el lado del cliente usando HTML y TypeScript, de código abierto, separa el backend y frontend, trabaja por componentes

VERSIONES Ultima versión 17

CARACTERISTICAS
• DOM (Document Object Model) trata un documento XML o HTML como una estructura de árbol en la que cada nodo
representa una parte del documento.
• El enlace de datos (data binding) es un proceso que permite a los usuarios manipular elementos de la página web a
través de un navegador web
• Angular usa el Framework de prueba Jasmine que proporciona múltiples funcionalidades para escribir diferentes
tipos de casos de prueba. Karma es el ejecutor de tareas para las pruebas que usa un archivo de configuración para
configurar la puesta en marcha, los reportes y el framework de prueba

https://docs.angular.lat/guide/architecture

INSTALACION ANGULAR
Primero instalar:
• Node.js →
https://nodejs.org/en
• NPM (paquetes que se instala por defecto con Node) →

• NVM (permite instalar y gestionar versiones de Node)→

Comparar que versión de node se tiene y que versión de Angular debemos instalar

https://angular.io/guide/versions
Instalar la nueva versión de nvm

hasta finish

**verificar la ubicación de node

• Visual Studio Code u otro editor (git bash, comander, etc)


Para Visual studio code
instalar
vscode-icons
ESLint

Ejemplo

Ingresar a
INSTALAR una versión anterior de node

Nvm list Muestra las versiones de node instaladas


Nvm current Muestra la versión actual de node
Nvm use 17 Usa la versión 17 de node

Instalando angular (global o por proyecto)

**** Indica actualizar la versión


ng version Muestra la version de angular
npm i @angular/[email protected]
npm i -g @angular/[email protected] Instalar de forma global la versión 16 de angular
https://www.npmjs.com/package/@angular/cli?activeTab=versions
VERSION DEL CLI

CLI de Angular es una herramienta de línea de comandos que se utiliza para inicializar, desarrollar, estructurar y
mantener aplicaciones de Angular directamente desde la terminal.

Ejemplo
Cambiar una versión de node 18.19.0 → nvm use 18.19.0
Ver la versión de angular → ng versión
Crear de forma global otra versión de angular → npm i -g @angular/[email protected]
Crear un proyecto con esa versión → ng new proyang16

Crear un proyecto
Crear una carpeta proyangular – ingresar a la carpeta y crear el proyecto proyang20

(seleccionar la hoja de estilo a usar: CSS o SCSS y si el proyecto sera configurado con servidor habilitado)
Al final nos muestra el mensaje

ESTRUCTURA DE ARCHIVOS
* se sube el archivo SRC
COMPILAR UN PROYECTO
Ingresar a la carpeta- ng serve -o

En el navegador se abre el localhost:4200

Otras instrucciones
actualizar npm gestor de paquetes de node
npm install -g npm@latest
borrado del cache npm
npm cache clean --force
desactivar las auditorias para evitar fallos
npm set audit false
desinstalar los paquetes anteriores de Angular CLI
npm unistall -g angular-cli
npm unistall -g @angular/cli
borrar la cache de nuevo
npm cache clean --force
instalar la ultima version de angular
npm install -g @angular/cli@latest
n
creamos un nuevo proyecto
ng new

También podría gustarte