DOM Saga: Guía básica sobre el Document Object Model | Parte #3

el DOM

√ćndice Eventos del DOM relacionados con formulariosPrimeros pasos con un evento de tipo ‚ÄčsubmitIntroducci√≥n a las Regular ExpresionsValidando la informaci√≥n enviada por el usuario usando Regular ExpresionsEventos de teclado ‚ƮԳŹ ¬°Por fin llegamos a la √ļltima parte de esta DOM saga! ūüöÄ  Si acabas de aterrizar aqu√≠, puedes ver las partes #1 y #2 antes.Eventos del DOM relacionados con … Leer m√°sDOM Saga: Gu√≠a b√°sica sobre el Document Object Model | Parte #3

Cómo construir un pop-up con vanilla JavaScript

como construir un popup con vanilla JS

√ćndice ¬ŅQu√© vamos a construir?Pre-requisitosEstructura de archivosConstrucci√≥n del popup ¬ŅQu√© vamos a construir?Vamos a construir una ventana emergente, popup, overlay, dialog o como quieras llamarla, pero esos 3 nombres son los m√°s comunes. Definiremos un comportamiento poco molesto, es decir, no vamos a hacer que salte el popup cuando entramos a nuestra web, sino que s√≥lo aparecer√° si hacemos click … Leer m√°sC√≥mo construir un pop-up con vanilla JavaScript

DOM Saga: Guía básica sobre el Document Object Model | Parte #2

el DOM

√ćndice Relaciones entre padres, hijos y dem√°s parientesAcceso de ‚Äčparent ‚Äča ‚Äčchild‚Äč‚ÄčAcceso de ‚Äčchild a parentAcceso de sibling a siblingEventos en JavaScriptC√≥mo crear y eliminar elementos del DOMEliminar elementos del DOMA√Īadir elementos al DOMEvent bubbling e event delegationEvent delegationM√°s eventos del DOM Retomamos esta DOM Saga donde la dejamos. Si acabas de aterrizar aqu√≠, puedes … Leer m√°sDOM Saga: Gu√≠a b√°sica sobre el Document Object Model | Parte #2

DOM Saga: Guía básica sobre el Document Object Model | Parte #1

el DOM

√ćndice ¬ŅQu√© es el DOM?Seleccionando elementos del DOMAccediendo a un solo elemento del DOMAccediendo a varios elementos ‚Äčdel DOMOtras formas de acceder al DOMC√≥mo cambiar el contenido de una p√°ginaC√≥mo cambiar el c√≥digo HTML de un p√°ginaC√≥mo obtener y actualizar atributos HTMLC√≥mo cambiar los estilos de CSSPr√°ctica con clases de CSS y el DOM ¬ŅQu√© … Leer m√°sDOM Saga: Gu√≠a b√°sica sobre el Document Object Model | Parte #1

Pipes en Angular | Guía completa

portada pipes en angular

√ćndice ¬ŅQu√© son los pipes?Estado inicial de nuestra demo-appPipes uppercase y lowercasePipe: sliceCon un par√°metroCon dos par√°metrosPipe: decimalPipe: percentPipe: currency Pipe: JSONPipe: asyncPipe: dateFormatos de fecha personalizadosFechas en otros idiomasPipes personalizadosCreaci√≥n manual de un pipeCreaci√≥n autom√°tica de un pipe personalizado mediante Angular CLIUn √ļltimo pipe personalizadoM√°s recursos de aprendizaje ¬ŅQu√© son los pipes?Los pipes son una herramienta de … Leer m√°sPipes en Angular | Gu√≠a completa

Objetos en JavaScript: Guía básica

portada objetos en javascript

√ćndice Introducci√≥n a los objetosNuestro primer object literalAccediendo a las propiedades de un objeto mediante el dot notationAccediendo a las propiedades de un objeto mediante square brackets notationA√Īadiendo m√©todos a nuestro objetoLa keyword thisFunciones comunes vs. arrow functionsObjetos dentro arraysBuilt-in objects: Math object NOTA: IDIOMAS, QUERIDA.Es posible que alguna vez traduzca alg√ļn t√©rmino de programaci√≥n, pero lo normal es … Leer m√°sObjetos en JavaScript: Gu√≠a b√°sica

Ejercicio con componentes, data binding y encapsulation

portada coding challenge componentes

√ćndice ¬ŅDe qu√© va esto?InstruccionesPaso 1: Inicio y creaci√≥n de los componentes de nuestra appPaso 2: Creaci√≥n y ubicaci√≥n de los botonesPaso 3: Creaci√≥n y emisi√≥n de un custom eventPaso 4: Escuchando nuestro evento desde fuera de su componentePaso 5: Pausando el juegoPaso 6: Mostrar un componente u otro (EvenComponent o OddComponent) seg√ļn la naturaleza del … Leer m√°sEjercicio con componentes, data binding y encapsulation

Guía práctica sobre las callback functions

portada callback functions

√ćndice SintaxisEjemplo con el m√©todo forEachCallback functions en acci√≥n Como posiblemente ya sepas, las funciones son bloques de c√≥digo re-utilizable. Los m√©todos tambi√©n son funciones, pero con la particularidad de estar asociadas a un cierto data type. A todos los tipos de funciones podemos pasarle parameters (o arguments) cuando los invocamos. Esos par√°metros pueden ser de tipo string, number, etc, o … Leer m√°sGu√≠a pr√°ctica sobre las callback functions

Uso avanzado de los componentes en Angular | Parte #3

portada componentes uso avanzado

√ćndice Ciclo de vida de un componente (aka component lifecycle)Lifecycle hooks en acci√≥nngOnInitngOnChangesngDoCheck‚ÄčAfterContentInitngAfterContentCheckedngAfterViewInitngAfterViewCheckedngOnDestroyAccediendo a la template de un componente en distintas fases de su ciclo de vidaAccediendo al contenido proyectado mediante ngContent a trav√©s de @ContentChildM√°s recursos de aprendizaje Retomamos esta saga sobre el uso avanzado de componentes en Angular. Aqu√≠ tienes las partes #1 y #2 si te las … Leer m√°sUso avanzado de los componentes en Angular | Parte #3

Uso avanzado de los componentes en Angular | Parte #2

portada componentes uso avanzado

√ćndice Entendiendo el alcance del View EncapsulationConfiguraci√≥n del View Encapsulation ‚Äč‚Äč‚Äč‚ÄčLocal references como sustitutas de la directiva [(ngModel)] para acceder a nuestras propiedades del c√≥digo .ts@ViewChild: otra manera de acceder a nuestras propiedades del c√≥digo .tsProyectando contenido con la directiva ngContentM√°s recursos de aprendizaje Retomamos esta saga sobre el uso avanzado de componentes en Angular, despu√©s de ver la parte … Leer m√°sUso avanzado de los componentes en Angular | Parte #2

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