Cómo gestionar errores de código en un proyecto de Angular

portada debugging en angular

√ćndice Herramienta #1: Consola (developer tools) del navegadorHerramienta #2: SourcemapsHerramienta #3: Augury Cuando programamos, lo habitual es que cometamos errores, tanto de sintaxis como de l√≥gica. Arreglar esos errores y no entrar en p√°nico es parte del trabajo diario de un programador. Por suerte, en Angular tenemos una serie de herramientas que nos facilitan el trabajo. … Leer m√°s

Si crees que este post puede serle √ļtil a alguien, por favor, ¬°comp√°rtelo!:

Directivas en Angular | Guía de iniciación

angular directives portada

√ćndice ¬ŅQu√© son las directivas?Ejemplo para nuestra demoTipos de directivasngIf directiveA√Īadiendo un else al ngIfngStyle directivengClass directiveConcatenaci√≥nngFor directivengFor + √≠ndiceM√°s recursos de aprendizaje TEN EN CUENTA QUE…En este art√≠culo vamos a introducir un pilar b√°sico de Angular: las directivas. Si acabas de aterrizar aqu√≠ y estos temas te suenan a chino, te recomiendo que eches un … Leer m√°s

Si crees que este post puede serle √ļtil a alguien, por favor, ¬°comp√°rtelo!:

Guía de iniciación al data binding en Angular

data binding poster

√ćndice ¬ŅQu√© es el databinding?Ejemplo para nuestra demoTipos de databindingString interpolationProperty binding¬ŅC√≥mo saber cu√°ndo usar string interpolation y cu√°ndo property binding?Event bindingUso de la palabra clave $eventTwo way data bindingM√°s recursos de aprendizaje ¬ŅQu√© es el databinding?El databinding es la forma que tiene Angular para permitirnos mostrar contenido din√°mico en lugar de est√°tico (en ingl√©s, hardcoded). Podr√≠amos traducir el databinding como ¬ęcomunicaci√≥n¬Ľ entre … Leer m√°s

Si crees que este post puede serle √ļtil a alguien, por favor, ¬°comp√°rtelo!:

Cómo solucionar problemas comunes del Angular CLI

angular cli tips and tricks

√ćndice ProblemaSoluci√≥n paso por pasoM√°s recursos de aprendizaje Problema¬ŅTe ha pasado alguna vez que, al intentar escribir un comando del Angular CLI, a sabiendas de que lo tienes instalado, te ha dado este error? C:\Users\User\workspace\my-first-app (master -> origin) őĽ ng version ‘ng’ is not recognized as an internal or external command, operable program or batch … Leer m√°s

Si crees que este post puede serle √ļtil a alguien, por favor, ¬°comp√°rtelo!:

Entendiendo los componentes en Angular РGuía de iniciación

componentes en angular

√ćndice Introducci√≥nEditando nuestra appC√≥mo crear un componenteEntendiendo el papel del AppModuleC√≥mo usar nuestro componenteCreaci√≥n autom√°tica de componentesAnidando componentesA√Īadiendo CSS a un componente con el apoyo de BootstrapDiferentes formas de usar el selectorM√°s recursos de aprendizaje TEN EN CUENTA QUE…En este art√≠culo vamos a estudiar a fondo un pilar b√°sico de Angular: los componentes. Si acabas … Leer m√°s

Si crees que este post puede serle √ļtil a alguien, por favor, ¬°comp√°rtelo!:

Angular: Entendiendo la Directiva ngModel

ngModel

Angular es un framework que nos permite, entre otras cosas, a√Īadir contenido din√°mico a nuestros archivos HTML. Una de las formas en las que podemos conseguir esto es utilizando la directiva ngModel. ūü§∑‚Äć‚ôÄÔłŹ ¬ŅM√ĀS PERDID@ QUE UN PULPO EN UN GARAJE? ūüźôSi acabas de aterrizar aqu√≠ y estos temas de Angular te suenan a chino, te recomiendo … Leer m√°s

Si crees que este post puede serle √ļtil a alguien, por favor, ¬°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, por favor, ¬°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, por favor, ¬°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, por favor, ¬°comp√°rtelo!:

Guía básica sobre los data types en JavaScript

data types en js

√ćndice Tabla-resumen data typesStringsM√©todos m√°s comunes de los stringsNumbersAtajos para los n√ļmerosObjectsArraysFunctionsUso del returnArrow functionsBooleansM√©todos m√°s comunes que devuelven booleansSymbolsOperadores de comparaci√≥nOtros operadores comunesConversi√≥n de tipos (aka type coercion) Primitive types versus reference typesPrimitive y reference types en la pr√°ctica En JavaScript (en adelante, JS) existen diferentes tipos de datos, clasificados en 7 categor√≠as. Dentro de una categor√≠a existe una sub-categor√≠a llamada reference types, pero nos encargaremos … Leer m√°s

Si crees que este post puede serle √ļtil a alguien, por favor, ¬°comp√°rtelo!:

Como toda web legal que se precie, utilizamos cookies para asegurar que damos la mejor experiencia al usuario en nuestro sitio web. Si contin√ļas utilizando este sitio asumiremos que est√°s de acuerdo. m√°s informaci√≥n

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

Cerrar