Recipes App – Parte 4 – Refactorización usando Servicios

recipes app proyecto portada

4ª parte de nuestro proyecto con Angular, que consiste en una sencilla app de recetas donde podrás buscar recetas y apuntar ingredientes en una «lista de la compra». Si acabas de aterrizar aquí, puedes ver las partes #1,  #2 y #3 antes . Hasta ahora hemos creado y ordenado nuestra app en componentes y creado una Directiva propia … Leer más

Si crees que este post puede serle útil a alguien, ¡compártelo!:

Recipes App – Parte 3

recipes app proyecto portada

Retomamos este proyecto con Angular, donde estamos construyendo una recipes app, con la que podrás buscar recetas y tener un sistema que te permita apuntar tu «lista de la compra». Si acabas de aterrizar aquí, puedes ver las partes #1 y #2 antes . En esta tercera parte vamos a crear nuestra propia directiva (en inglés, custom … Leer más

Si crees que este post puede serle útil a alguien, ¡compártelo!:

Recipes App – Parte 2

recipes app proyecto portada

Índice Cómo añadir la navegación usando event binding y ngIfCómo convertir una receta en un componente y pasarle información desde su parent componentCómo mostrar los detalles de una receta a partir de nuestra lista de recetasCómo añadir ingredientes a la shopping listMás recursos de aprendizaje Retomamos nuestra Recipes app donde la dejamos. Aquí tienes la parte #1 si … Leer más

Si crees que este post puede serle útil a alguien, ¡compártelo!:

Recipes App – Parte 1

recipes app proyecto portada

Índice ¿Qué vamos a construir?Conocimientos previos necesariosPlanificación inicialCreación del esqueleto de un proyecto e instalación de BootstrapCreación de los componentes de la appPosicionando los componentesDando forma al HeaderComponentConstrucción de nuestro primer modelo: el Recipe modelAñadiendo contenido estático al RecipeListComponentCómo añadir contenido dinámico a la lista de recetasCómo mostrar los detalles de una receta de manera estáticaTrabajando … Leer más

Si crees que este post puede serle útil a alguien, ¡compártelo!:

Angular Drum Kit

angular-drum-kit-ui-2

 Curso de Wes Bos: Javascript30. Al ser el primer proyecto del curso, también sirve para pillarle el estilo a Wes y ver cómo explica, y la verdad que estoy encantada. Esta es mi forma de huir del “tutorial hell”, porque si sólo me limitara a hacer el proyecto en JS puro, nunca sabría a ciencia cierta si … Leer más

Si crees que este post puede serle útil a alguien, ¡compártelo!:

Construye Minioland: Tu primera aplicación con Angular | Parte #3

construye minioland

Índice Tuneando los parámetros del MinionComponent para mostrar una página individual por cada minionDando forma al template del MinionComponentCreando un buscador de minionsCreando la pantalla de nuestros resultados de búsquedaConfigurando la parte visual del BrowserComponentAplicando el DRY principle usando la lógica del componente padre y el componente hijoAplicación de nuestro nuevo componente MinionCardComponent a otros componentesUtilizando @Output para comunicarnos entre el child … Leer más

Si crees que este post puede serle útil a alguien, ¡compártelo!:

Construye Minioland: Tu primera aplicación con Angular | Parte #2

construye minioland

Índice Trabajando con las routes de AngularAñadiendo routerLink y routerLinkActivePequeñas animaciones con CSSDiseñando el componente minionsIntroducción y creación de services en AngularAplicando el *ngFor para generar minionsConfigurando la navegación entre nuestras páginasMás recursos de aprendizaje NOTA​Esta es la parte #2 de la serie sobre la creación de Minioland, una aplicación sencilla con Angular. Si te perdiste la parte #1, aquí … Leer más

Si crees que este post puede serle útil a alguien, ¡compártelo!:

Construye Minioland: Tu primera aplicación con Angular | Parte #1

construye minioland

Índice ¿Qué vamos a construir?¿Cómo vamos a construirla?¿Y esto a qué viene?Consideraciones previas y materialesInicio de la appProceso de carga de una aplicación en AngularCreación de la estructura de nuestro proyectoAñadiendo Bootstrap a nuestro proyecto Primeras configuraciones del navbar componentPrimeras configuraciones del home componentCreación del about component y del minions componentMás recursos de aprendizaje ¿Qué vamos a construir?Minioland, o … Leer más

Si crees que este post puede serle útil a alguien, ¡compártelo!:

Esta web utiliza cookies para asegurar que se da la mejor experiencia al usuario. Si continúas utilizando este sitio se asume que estás de acuerdo. más información

Los ajustes de cookies en esta web están configurados para «permitir las cookies» y ofrecerte la mejor experiencia de navegación posible. Si sigues usando esta web sin cambiar tus ajustes de cookies o haces clic en «Aceptar», estarás dando tu consentimiento a esto.

Cerrar