--Originally published at Calidad y Pruebas de Software
Esta semana estaremos trabajando en pasar la plantilla html a Angular. Al igual que juntar el login y registro que ya tenemos en Angular con la plantilla html. Dándole el mismo estilo a todo y que poco a poco vaya tomando forma. También estaremos investigando acerca del testing, como podemos hacerlo y con que herramienta.
--Originally published at Calidad y Pruebas de Software
Después de juntas con el cliente y varias pruebas de mockups podemos decir que ya sabemos como va a ser exactamente la pagina.
Paso realizados esta semana:
También, tuvimos nuestra peresentación de avance de proyecto el pasado viernes 26. Fue una presentación bastanet exitosa ya que pudimos escuchar los consejos que nuestros compañeros y Ken nos compartieron. Así podemos ir enriqueciendo cada vez mas nuestro proyecto.
Referencias:
https://mockingbot.com/downloads
--Originally published at Calidad y Pruebas de Software
Esta semana estaremos trabajando en el diseño de la página web. Nos reunimos con el cliente para hablar de que es lo que quiere exactamente. Ahora, con la información obtenida haremos unos mockups para mostrárselos al cliente y que nos de su aprobación. Yo estaré trabajando en los mockups de la página de inicio y el catalogo en linea.
Para la creación de los mockups utilizaremos mockingbot:
También, una vez que tengamos los mockups iremos haciendo el fron-end de la página web.
Referencias:
https://mockingbot.com/downloads
--Originally published at Calidad y Pruebas de Software
Después de haber visto el curso mencionado en el blog anterior, puedo afirmar que mi conocimiento de Angular mejoro bastante. Fue un curso bastante entretenido y de mucho aprendizaje. Lo que mas me gusto es que te explican todo con peras y manzanas, lo cual para mi es ideal ya que, me cuesta mucho entender algo cuando la explicación es muy técnica.
A continuación, mencionare algunos de los conocimientos que aprendí sobre el curso.
Para instalar angular utilizamos el siguiente comando:
npm install -g @angular/cli
Crear aplicación angular
ng new ngcurso
Angular utiliza componentes, un componente controla una zona de espacio de la pantalla que podríamos denominar vista. Para crear un componente utilizamos el siguiente comando:
ng generate component nuevo
Toda aplicación de Angular tiene un modulo de Angular. Un módulo de Angular, es un conjunto de código dedicado a un ámbito concreto de la aplicación, o una funcionalidad específica y se define mediante una clase decorada con @NgModule. El uso de NgModule nos permite organizar nuestro código de un modo más efectivo.
Integrar Bootstrap con Angular
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/css/bootstrap.min.css" integrity="sha384-Zug+QiDoJOrZ5t4lssLdxGhVrurbmBWopoEl+M6BdEfwnCJZtKxi1KgxUyJq13dy" crossorigin="anonymous">Para crear features principales como barras de navegación o galerías de imágenes creamos componentes. Para crear una barra de navegación creamos un nuevo componente llamado navbar:
ng g c navbar -is –flat
Abrimos navbar.componnet.html y pegamos el código de una navbar de bootstrap. Tenemos que incluir <ng-navbar></ng-navbar> dentro del componente principal app.component.html
Referencias:
https://christianliebel.com/tag/angular/
--Originally published at Calidad y Pruebas de Software
Como ya se menciono en el blog anterior, nuestro plan para el proyecto es realizar una aplicación web sobre e-commerce para una ferretería. El framework que utilizaremos para realizar la aplicación web, es Angular. Mis conocimientos en angular son muy pocos por lo que esta semana estará dedicada en aprender mas a fondo sobre el tema.
Mi aprendizaje estará basado en el siguiente curso:
Una vez completado el curso, pensare en ideas que nos sirvan para nuestro proyecto, creando contenido que enriquezca nuestra aplicación web.
Referencias:
https://christianliebel.com/tag/angular/
--Originally published at Calidad y Pruebas de Software
E-commerce para ferretería (HEMEL)
Definición de Proyecto
Aplicación Web para venta de productos de ferretería. Las características principales son las siguientes:
El principal objetivo de esta aplicación web es la venta de productos de ferretería no solo de un proveedor en específico, sino, de varios proveedores. Dándole así al cliente, la libertad de comparar productos de distintos proveedores y elegir el que mejor cumple con sus expectativas.
Herramientas a utilizar:
Equipo:
--Originally published at Calidad y Pruebas de Software
Honestly, I don´t know much about what is this class about so my expectations are not that interesting. There are two thing that I know about this course. First, there are tons of hours of class per week. And second, it used to be a theory class. But after the first day of class, I learned that now this course is going to be a lot more practice than theory. By reading the name of this course I think it´s going to be about making better code. Test our code to assure that it is the best quality.
I´m kind of skeptical about the way that I will be graded in this course. I still don´t understand it completely. But with what I understood I think is a little bit unfair. Let´s see if I´m right, if I want a 90 I need to complete a total of 26 blogs (13 and 13), 4 satisfactory project deliveries and a maximum of 2 absences. But what if I got 30 blogs, 5 satisfactory project deliveries and 3 absences? It still a 90 just for an extra absence? Maybe I´m wrong, maybe I didn´t completely understood. Anyway, it is a new thing for me so I´m willing to be positive and give it a try.
