Pasar al contenido principal

Javascript

CSS y React.js

CSS y React.js

Cuando comenzamos un proyecto con React.js posiblemente entramos en la incertidumbre de cómo manejar los estilos, ya que existen diferentes maneras y herramientas que podemos usar para ello, podemos hacer cosas desde utilizar un json para definir los estilos e importarlo en cada etiqueta jsx como una prop style o colocar un archivo .css,  .scss o .sass e importarlo en el RootComponent o tu mainjs.

Conozcamos Redux

Conozcamos Redux

Redux es simplemente un contenedor de estados para tu aplicación con Javascript, si lo definimos de una forma sencilla y al mismo tiempo un poco técnica, podríamos decir que es un objeto javascript que posee un conjunto de llaves que tienen la capacidad de actualizarse y modificarse a partir de métodos que disparan eventos.

Lenguajes para iniciar en el mundo de la programación

Lenguajes para iniciar en el mundo de la programación

En este Post hablaremos sobre las principales características que debemos de considerar al seleccionar un lenguaje para iniciar en la programación o para recomendar a alguien que está en sus inicios.

5 cosas que te ayudarán con React.js

5 cosas que te ayudarán con React.js

Cuando trabajamos con Reactjs y somos principiantes en el tema, en muchos casos omitimos o ignoramos algunos detalles de la librería que requieren ser analizados para hacer más ameno el desarrollo. Aquí te presento una serie de conceptos que pueden ser una fuerte base para comprender el funcionamiento de esta maravillosa herramienta: 

Hello Blog

Hello Blog

Hola gente de EDteam...

...soy su amigo y docente digital Jonathan MirCha, ¿cómo están? Álvaro me propuso comenzar a colaborar en el blog y la idea me emociona, porque siempre busco formas de compartir y ayudar, pero también es un gran reto, por que eso de escribir no se me da mucho :P, pero como siempre le digo a mis estudiantes presenciales:

Obtener la posición de un elemento HTML con JavaScript

Obtener la posición de un elemento HTML con JavaScript

Cuando trabajamos en diseño de interfaces puede ser muy útil conocer las coordenadas de un elemento respecto a la ventana (viewport). Si bien jQuery nos facilitaba mucho obtener estos valores, se puede hacer muy fácil también con Vanilla JS (JavaScript puro). Veamos como

element.getBoundingClientRect()

El método getBoundingClientRect() aplicado a un elemento devuelve un objeto ClientRect que contiene las siguientes propiedades de la caja del elemento:

¿Cómo crear un acordeon con jQuery?

¿Cómo crear un acordeon con jQuery?

Un acordeón es un elemento sencillo pero muy útil en el diseño web pues nos permite ahorrar espacio vertical en la página, además de aportar usabilidad y estética. Y en este post vamos a ver como escribir nuestro propio acordeon en apenas 7 líneas de jQuery. Comencemos.

La estructura HTML es muy sencilla, solamente un contenedor con la clase "acordeon" y varios elementos iguales dentro. Cada elemento del acordeon será un "h2" (el titulo en el que se hará clic) y un párrafo oculto por css (este se mostrará al hacer clic en el título).

¿Cómo colorear código en tu página web con Prism.js?

¿Cómo colorear código en tu página web con Prism.js?

Si quieres mostrar código en tu página web (por ejemplo, para documentación o tutoriales) basta con encerrar el código entre las etiquetas <pre><code> Su código </code></pre>. La etiqueta <code></code> es semántica e indica que estamos escribiendo código. Y la etiqueta <pre></pre> sirve para respetar los saltos de línea y los espacios al mostrar el código.

Veamos un ejemplo

¿Cómo usar la delegación de eventos en JavaScript?

¿Cómo usar la delegación de eventos en JavaScript?

Hola amigos, seguro ya saben que cuando queremos escuchar eventos en JavaScript (por ejemplo, cuando se hace click en un botón), la sintaxis es la siguiente:

JavaScript: Arrays que no son arrays

JavaScript: Arrays que no son arrays

En JavaScript existe un tipo especial de objeto llamado comunmente array-like (parecido a un array) y es que a la vista parece ser un array, valores separados por comas, encerrados en corchetes, se puede accedr a sus elementos con [i]. Sin embargo, cuando intentamos usar métodos como .map() .reduce() .slice(), etc el intérprete nos arroja un error, demostrandonos que no estamos realmente frente a un array. Y cuando comenzamos con JavaScript no conocer este detalle puede ser realmente frustrante.

Suscribirse a Javascript