Framework Angular

TECNOLÓGICO NACIONAL DE MEXICO
INSTITUTO TECNOLÓGICO DE TAPACHULA
ASIGNATURA:
PROGRAMACIÓN WEB
TRABAJO:
FRAEWORK PARA LADO CLIENTE
DOCENTE:
Lic. Nicolás Cabrera Hidalgo
NOMBRE DEL ALUMNO:

MIGUEL ANGEL GARCIA CAMPUZANO
CARRERA:
INGENIERÍA EN SISTEMAS
COMPUTACIONALES
SEMESTRE:
VIII
FECHA: 15/05/2020
ANGULAR
Angular, es un framework de JavaScript de código abierto, mantenido por Google,
que se utiliza para crear y mantener aplicaciones web de una sola página. Su
objetivo es aumentar las aplicaciones basadas en navegador con capacidad de
Modelo Vista Controlador (MVC), es un esfuerzo para hacer que el desarrollo y las
pruebas sean más fáciles.
La biblioteca lee el HTML que contiene atributos de las etiquetas personalizadas

adicionales, entonces obedece a las directivas de los atributos personalizados y
une las piezas de entrada o salida de la página a un modelo representado por las
variables estándar de JavaScript. Los valores de las variables de JavaScript se
pueden configurar manualmente, o recuperados de los recurso JSON estáticos o
dinámicos.
AngularJS se puede combinar con el entorno de tiempo de ejecución Node.js, el

framework para servidor Express.js y la base de datos MongoDB para formar el
conjunto MEAN.
1. Desarrollo de aplicaciones SPA

Angular es un framework especializado en la creación de aplicaciones SPA. Este
tipo de aplicaciones se muestra en una sola página y sus pantallas son
simplemente vistas que se van intercambiando con ello se obtiene una mejor
experiencia de usuario, más parecida a la de aplicaciones de escritorio.
Para conseguirlo Angular, ofrece un sistema de routing entre sus herramientas. Es

altamente configurable y muy potente, que se puede configurar fácilmente con una
estrategia de Lazy loading. Asi se obtienen aplicaciones muy optimizadas, que
cargan muy rápido, tanto en el primer acceso como cuando se acceden a otras
pantallas, o páginas de la aplicación.
2. Angular y TypeScript
Angular es un framework JavaScript, pero usa TypeScript para la programación.
TypeScript es una extensión del lenguaje JavaScript, que agrega características
importantes para las aplicaciones empresariales, como el tipado de datos o los
decoradores.
En el lanzamiento del framework Angular, el sucesor de AngularJS, se generaron

diversas dudas en la comunidad por el uso de TypeScript e incluso varias
personas intentaron usar Angular solo con JavaScript nativo, evitando usar
TypeScript. Hoy esta polémica podemos decir que está completamente zanjada,
ya que se ha demostrado la utilidad de TypeScript a la hora de mantener el código
de las aplicaciones y obtener ayudas del editor en la etapa de desarrollo, junto con
una detección temprana de los errores. En resumen los desarrolladores de
Angular han adoptado este superset de JavaScript y han valorado positivamente
todo lo que aporta TypeScript en su trabajo diario como desarrolladores.
La compilación de TypeScript a JavaScript compatible con los navegadores se

realiza por medio de las herramientas del Angular CLI, por lo que no agrega
ninguna dificultad en el flujo de desarrollo.
3. Cuando usar Angular

Angular es un completo framework JavaScript con el que desarrollar aplicaciones
frontend modernas. Angular ofrece toda una serie de módulos habituales en el
desarrollo de proyectos web que no tienes que desarrollar desde cero y que, a la
vez, permiten organizar un proyecto de una manera óptima, mantenible y
escalable. Además contiene toda una serie de herramientas para facilitar el inicio y
desarrollo, así como la producción de las aplicaciones.
Todas las ventajas que nos ofrece Angular las podremos valorar más
positivamente en el contexto de una aplicación web mediana o grande. Este tipo
de aplicaciones son las que agradecerán más todas las utilidades que nos ofrece
Angular y las prácticas que promueve para el desarrollo de calidad.
Angular no es adecuado por tanto para todo tipo de proyectos. Por ejemplo, un
sitio web con WordPress (por poner un ejemplo claro) no sería un buen candidato
para incluir Angular en el stack de tecnologías. Hay que darse cuenta que Angular
no es una librería para el desarrollo de componentes dinámicos de interfaz gráfica,
sino todo un framework para el desarrollo de una aplicación completa y más o
menos compleja.
El tipo de aplicaciones que son adecuadas para Angular son las SPA y las PWA.
Pero incluso, si se desea hacer una aplicación pequeña con una funcionalidad
muy limitada es posible que un poco de JavaScript y alguna micro-librería nos
solucione las necesidades, por lo que quizás Angular tampoco sería la solución, a
no ser que el desarrollador o el equipo de desarrolladores esté muy familiarizado
con la herramienta, en cuyo caso sacarán partido a Angular por el simple hecho de
que ofrece muchas piezas ya completamente desarrolladas y permite un flujo
depurado de desarrollo.
4. Instalación de Angular en Windows
Antes de poder realizar la instalación de Angular, necesitamos instalar
previamente:
 Un IDE para poder editar codigo. En este caso vamos a utilizar Visual
Studio Code.
 Git para poder almacenar nuestro codigo.
 Node y npm, para poder instalar Angular.
 CLI Angular, que será lo último a instalarse.
Instalació n de Visual Studio Code

La descarga de Visual Studio Code lo podemos realizar desde la web
https://code.visualstudio.com y pulsando en el botón de descargar.
Una vez descargado, lo instalamos como cualquier otro programa de Windows.
Instalació n de Git
A continuación, debemos instalar Git, para lo que realizamos la descarga desde
https://git.scm.com/downloads elegimos nuestro sistema operativo, descargamos
el instalador y lo ejecutamos.
la instalación la realizaremos sin modificar casi ninguna opción de las que estan
marcadas por defecto.
El primer paso es aceptar las condiciones de licencia. Después elegimos el

directorio de instalación y seleccionamos los componentes marcados por defecto
para instalar, verificando que este la marcada la opción “Git Bash Here”.
A continuación, seguimos avanzando en las siguientes pantallas, pulsando Next

para aceptar las opciones por defecto, hasta que comience la instalación de Git.
Mientras se instala, vamos a crear una carpeta en la que se empezara a construir

el proyecto, que en este caso la hemos llamado “Practica”.
Una vez finalizada la instalación de Git, pulsamos con el botón derecho del ratón
sobre la carpeta anterior, y nos aparecen dos nuevas opciones para abrirla.

Framework Angular

Cargado por

Copyright:

Formatos disponibles

Framework Angular

Cargado por

Información del documento

Descripción original:

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Framework Angular

Cargado por

Copyright:

Formatos disponibles

TECNOLÓGICO NACIONAL DE MEXICO

INSTITUTO TECNOLÓGICO DE TAPACHULA

NOMBRE DEL ALUMNO:

La biblioteca lee el HTML que contiene atributos de las etiquetas personalizadas

AngularJS se puede combinar con el entorno de tiempo de ejecución Node.js, el

1. Desarrollo de aplicaciones SPA

Para conseguirlo Angular, ofrece un sistema de routing entre sus herramientas. Es

En el lanzamiento del framework Angular, el sucesor de AngularJS, se generaron

La compilación de TypeScript a JavaScript compatible con los navegadores se

3. Cuando usar Angular

Instalació n de Visual Studio Code

Una vez descargado, lo instalamos como cualquier otro programa de Windows.

El primer paso es aceptar las condiciones de licencia. Después elegimos el

A continuación, seguimos avanzando en las siguientes pantallas, pulsando Next

Mientras se instala, vamos a crear una carpeta en la que se empezara a construir

También podría gustarte