Documentos de Académico
Documentos de Profesional
Documentos de Cultura
Practica
Practica
INGENIERÍA INFORMÁTICA.
PRACTICA 2.
14050034
2
INTRODUCCIÓN
3
HERRAMIENTAS A UTILIZAR
Computadora
Sublime Text o algún otro editor de texto
Navegador
WampServer o Xammp.
4
PROCEDIMIENTO
5
3.- Ahora nos vamos a WWW.
4.- Dentro de la carpeta de “WWW” vamos a hacer una nueva carpeta, llamada
Practica3.1_Angular
6
5.- Aquí está la nueva carpeta llamada: practica3.1_Angular
7
7.- Esta nueva carpeta tendrá el nombre de js.
8.- Nos vamos a nuestro navegador y descargaremos el Framework que vamos a utilizar que es
ANGULARJS.
8
9.- Una vez que este descargado nuestro Framework, lo vamos a seleccionar y lo copiaremos.
9
Como aquí se observa.
11.- Ahora empezaremos a trabajar en nuestra área de trabajo, abrimos Sublime Tex y
escribiremos HTML: para que empiece la interfaz de HTML.
10
12.- Lo que sigue es empezar a trabajar en Sublime Text, lo primero que realizaremos es escribir
ng-app =”practica”, ng-app es una directiva de angularJs, que nos va a permitir anotar cualquier
elemento existente, permite modificar una sección en particular.
13.- Ahora vamos a dar el título de la práctica y vamos a especificar el tipo de Framework con el
que se estará trabajando, así mismo la ubicación de este.
11
14.- Ahora escribiremos la etiqueta ng-controller, ya que esta etiqueta nos dará disponibilidad a
todos sus datos, los cuales asociaremos en esta práctica.
12
15.- Ahora lo que haremos será escribir el título de nuestra tabla.
16.- Ahora vamos a utilizar la etiqueta ng-repeat, con esta etiqueta estamos haciendo referencia a
la repetición de veces de alguna instancia o para mostrar una fila de tabla para cada objeto y una
tabla de datos para cada propiedad del objeto.
13
17.- Ahora vamos a decir que es lo que queremos que se repita.
18.- Ahora lo que se hará será, guardar la practica con Ctrol+s o en File, Save As.
14
19.- Lo vamos a guardar con el nombre de index.html y con el tipo de HTML.
15
21.- Lo primero que haremos será guardar el New File y le daremos de nombre controller.js
16
23.- Ahora vamos a realizar las tablas generando dos veces el mismo usuario, contraseña, nombre
y fecha de nacimiento.
17
23.-Ahora solo ejecutamos en nuestro navegador
18
25.- Ahora vamos a editar el código en index.html para hacer un nuevo registro y acomodar la
tabla.
19
RESULTADO
27.-Aquí está el resultado.
20