Creación de proyectos web con angular 5

PARCIAL #1

 INDICACIONES: REALICE LO QUE A CONTINUACIÓN SE LE PIDE SOBRE –Angular 5-

1. Crear un proyecto con las siguientes características (30%):

 Recordar que se debe tener instalado Nodejs, Cygwin (aunque se puede realizar con virtualenv, para los que han trabajado con entornos virtuales tal y como lo hace Django), Angular 5 (mediante npm), crear una carpeta de proyectos y dentro de esta crear su proyecto de parcial.

 El proyecto debe tener por nombre: ApellidoNombre-Parcial1.

 Navegar por el directorio del proyecto e ir al componente app.component.html y dejar solamente un mensaje de bienvenida y el logo de Angular.

2. Crear un nuevo componente (35%):

 Sobre app, crear una nueva carpeta y a continuación dentro de ésta, crear un archivo nombrecomponente.component.ts, donde nombrecomponente, es el alias que ustedes decidieron darle a su componente, que se será el de su preferencia.

 Agregar el código basado en la parte III de la guía 4 sobre Angular.

 Importar el componente en app.module.ts, para poder cargarlo. Recordar el nombre de la clase que se creó para poder exportarla a cualquier parte del proyecto.

 Pasarlo en declarations, dentro del decorador @NgModule

 Agregar como etiqueta en app.component.html el componente creado.

3. Características adicionales (35%):

 Pasarle más parámetros que indiquen sus preferencias:

✓ Ejemplo: colocar otras propiedades públicas dentro de nombrecomponente.component.ts, justo debajo de

public nombre = ‘Cualquier cosa que ustedes colocaron’

✓ Agregar un nuevo decorador para la vista.

✓ Intente colocar una imagen diferente del logo de Angular, identificando el componente que creó.

Parte 1

1) En la carpeta que tenemos ya creada “ProyectosWeb” crearemos nuestro proyecto para el parcial.

[pic 1]

2) Creación del proyecto RomeroRonny-Parcial1

[pic 2]

Una vez finalizada la creación del proyecto

[pic 3]

3) Procedemos a correr el servidor y revisar nuestro proyecto en el navegador

[pic 4]

4) Hemos cambiado el título y solo hemos dejado el logo de Angular

[pic 5]

PARTE 2

1) Creamos una nueva carpeta en app de nuestro proyecto el nombre es parcial y dentro de esa carpeta creamos el nuevo componente llamado: parcial1.component.ts

[pic 6]

2) Agregamos el código correspondiente para nuestro componente que sería el siguiente

...