Cómo buscar elementos en Arrays, para comprobar si existe un determinado elemento en el array o para recuperar ese elemento y poder trabajar con él.
Explicamos los métodos includes() y find() de los arrays de Javascript, con los que podemos realizar búsquedas de contenidos dentro de los arrays.
Veremos varios ejemplos explicados paso a paso para que se pueda entender cómo hacer las búsquedas de existencia o búsquedas para recuperar valores complejos.
Veamos cómo realizar la ordenación de arrays con las funciones nativas de Javascript.
En este vídeo aprenderás a ordenar arrays con los métodos nativos de Javascript. Verás cómo son de potentes y versátiles con varios ejemplos.
Explicaciones y código de los ejemplos en el artículo Ordenar arrays con JS.
En este evento conversamos sobre el estándar Javascript de Web Components, más concretamente sobre la parte del Shadow DOM.
Este es un webcast en nuestro canal de Youtube dedicado a "Shadow DOM". Vamos a ver las ventajas e inconvenientes de usarlo. Si está sobrevalorado o infravalorado. Problemas que nos podemos encontrar debido a la encapsulación en shadow dom y cómo se resuelven.
Explicaremos también cómo el Light DOM nos puede ayudar para conseguir otros efectos con los componentes y potenciar cualidades a veces necesarias, como el SEO, accesibilidad, acceso a los estilos globales.
Un repaso excelente y entretenido a las mejores prácticas para el desarrollo con Web Components.
Por qué nos gusta TypeScript. Por qué pensamos que es una herramienta estupenda para mejorar la experiencia de desarrollo de Javascript.
En esta charla explicamos por qué TypeScript es una herramienta que merece la pena considerar. Si desarrollas con Javascript puedes mejorar sensiblemente tu experiencia al adoptar este superset de JS.
César Alberca, un apasionado desarrollador de Javascript te explica todas las ventajas que TypeScript te ofrece.
Charla dedicada a las mejores librerías basadas en Web Components para el desarrollo frontend.
Ya sabéis que nos gusta apoyar los estándares. Por eso os traemos este nuevo evento dedicado a Web Components, el estándar Javascript para el desarrollo de elementos personalizados, o componentes.
En esta charla hablaremos de las librerías existentes para desarrollo de Web Components, con especial dedicación a Stencil y LitElement, que son las dos alternativas más usadas.
En este vídeo mostramos cómo usar Web Components, en un proyecto Javascript sencillo.
Veremos cómo usar Web Components y cómo integrarlos en un proyecto creado desde cero.
Comenzamos por una introducción a los motivos por los que deberíamos usar Web Components. Luego veremos cómo los podemos usar y en qué tipo de proyecto.
Ya en la parte práctica veremos diversas maneras de trabajar con los componentes, desde incluirlos mediante un CDN y mediante npm. Luego usaremos una herramienta como Snowpack para hacer el compilado de los componentes y levantar un servidor de desarrollo en instantes.
Todos usamos npm pero pocos conocemos la herramienta para obtener sus mejores beneficios. ¿Quieres apuntarte para sacarle un mayor partido?
En esta clase comenzamos el curso de NPM, el gestor de dependencias por excelencia de Javascript o NodeJS. Es un curso orientado a desarrolladores Javascript que desean obtener mayores beneficios de la herramienta.
En esta clase comenzaremos con un recorrido a las bases de npm y aprenderemos a crear proyectos usando npm, instalar dependencias y otra serie de operativas básicas que necesitamos conocer todos en el día a día del desarrollo de proyectos donde se usa Javascript como lenguaje.
Asiste a la clase en vivo de iniciación a Redux, por videoconferencia. Conoce el patrón de arquitectura de datos Redux y su implementación en Javascript nativo con la librería oficial.
Hoy miércoles vamos a ofrecer una clase en vivo sobre Redux, que se impartirá por videoconferencia, usando el modelo de formación de nuestros cursos online. Esta clase es gratuita para todos los usuarios de EscuelaIT (Puedes registrarte gratuitamente en EscuelaIT si estás interesado en recibir el acceso a la clase, más información leyendo este post) En esta clase vamos a explicar Redux con un enfoque práctico. Veremos las piezas fundamentales que participan en Redux previsiblemente en 5 minutos y luego pasaremos a su implementación directamente con código fuente. Recordamos que Redux es un patrón de arquitectura de datos, para aplicaciones web. Redux no es un framework y no depende de un framework en concreto, sino que es una librería independiente y un modelo de trabajo que puedes aplicar a cualquier framework o librería que dispongas.
Por tanto, podemos trabajar con Redux desde Javascript nativo, como desde React, Angular, Vue, Polymer, etc. Redux se ha convertido en un estándar para manejar el estado de las aplicaciones, por lo que es importante que los desarrolladores lo conozcan y es muy adecuado su uso para conseguir un desarrollo más estandarizado. Está pensado para reducir la complejidad de las aplicaciones, reduciendo el número de interacciones entre componentes. Para ello Redux implementa un único "store", un almacén de datos centralizado donde se guardan todas las variables, objetos y datos en general que se usan en la aplicación. Los datos que reciben los componentes de aplicación son inmutables. Lo que quiere decir que el propio componente que los use no es capaz de cambiar los datos globales.
Es decir, aunque se manipuleun dato del estado recibido de la aplicación, no se actualizará el store . Entonces, en lugar de cambiar los datos manualmente, lo que hace es escalar un "action". El action contiene la acción que se desea realizar sobre el store y los datos que necesite cambiar. La acción se trata por medio de un reducer, que será encargado de procesarla y generar un nuevo estado. Este es el único mecanismo permitido para actualizar el estado de la aplicación, generando un flujo unidireccional. Es complicado explicar Redux en tres párrafos, por lo que te recomendamos la lectura del artículo sobre Redux. Además te recomendamos ver el siguiente vídeo, en el que explicamos qué es Redux y por qué deberías aprenderlo. En el día de hoy vamos a explicar Redux y su implementación usando la librería oficial.
Con Javascript nativo, por lo que será un conocimiento útil para poder aplicar luego al desarrollo de cualquier aplicación, con cualquier framework que puedas llegar a usar. Para el acceso a la clase sobre Redux tienes que ser usuario de EscuelaIT, nuestra plataforma de formación online. Es gratis, así que no hay motivo para no aprovechar la oportunidad! Una vez registrado, poco antes de comenzar la sesión, divulgaremos el enlace para acceder a la clase. Podrás verlo en la parte de arriba, en la zona de notificaciones. Además, si al registrarte activaste las notificaciones por email, recibrás el correo con el acceso también en tu buzón. (Puedes activar o desactivar las comunicaciones por email desde "configuración de perfil / privacidad").
Este vídeo te ayudará a dominar un patrón esencial para el desarrollo de aplicaciones mantenibles y escalables. Todo un estándar que está siendo usado en los proyectos de más alto nivel.
Tercera de las tres sesiones gratuitas dedicadas a Javascript, en la que introducimos la jerarquía de objetos del navegador que se usa para manipular la página.
En Javascript podemos conseguir interacción y comportamientos dinámicos dentro de una página web. Para ello básicamente lo que podemos hacer es asignar funciones que se ejecutan como respuesta a eventos (clics o movimiento del ratón, pulsaciones de teclado...).
En estas funciones se realizan comportamientos dinámicos que producen la alteración de la página como respuesta a las acciones del usuario. Esas alteraciones se realizan operando básicamente con los objetos del navegador que modelizan cada uno de los elementos de la página, es decir, el DOM (Document Object Model).
En esta sesión a modo práctico iremos conociendo el DOM y qué podemos hacer para asignar comportamientos a los eventos de usuario y cómo podemos manipular la página a través del DOM para dar respuesta a las acciones realizadas sobre sus elementos.
Clase online dedicada a Javascript. Es la segunda sesión de introducción al lenguaje: variables, tipos, estructuras de control condicionales, bucles, funciones y mucho más,
Es la segunda sesión de introducción a Javascript que hicimos en 2017. Segunda de tres sesiones gratuitas de formación en Javascript. En ella podrás conocer los detalles del lenguaje que se usa para la programación de páginas web dentro del navegador.
Veremos rápidamente toda una serie de sintaxis y estructuras que se usan para programar en Javascript, por medio de ejemplos diversos que nos permitirán aprender cada una de estas construcciones básicas del lenguaje.
Clase online dedicada a Javascript. La primera de una serie de tres sesiones formativas que te enseñarán a trabajar con Javascript de un modo práctico.
Esta clase de introducción a Javascript te ofrece un primer acercamiento a las cosas que puedes hacer con el lenguaje de programación que se ejecuta en el contexto de una página, dentro del navegador.
La clase está pensada para que aprendas a través de ejemplos representativos de las cosas que puedes hacer con un poco de programación Javascript en el ámbito de una página web, sin entrar en demasiados detalles sobre el lenguaje o los objetos del navegador, temas que veremos en las siguientes sesiones de la serie.
Presentamos la tecnología de las PWA y sus principales características y posibilidades para mejorar la experiencia de usuario de las aplicaciones web.
El 13 septiembre de 2016 emitimos un programa en directo para hablar de las Progressive Web Apps. Es un buen modo de mantenerte informado de las características de la web de hoy y del futuro. Te arrojará muchos otros datos para conocer las características y el ecosistema de las PWA.
Accede a otros canales de vídeos en directo de DesarrolloWeb.com: