Creando un launchpad con Javascript - Sortilegios 01
En esta edición de Sortilegios vemos cómo crear un launchpad, es decir, una bateria de sonidos que se emiten al hacer click sobre los pads. Sirve de excusa para aprender cosas básicas de CSS Grid
Primeros pasos con ThreeJS. Creando un cubo en 3D
Gracias a WebGl se pueden crear escenas 3D complejas ya que usa la potencia de las tarjetas gráficas de los ordenadores, y gracias a ThreeJS podemos usar una API sencilla para crear este tipo de escenas
► Leer másCómo implementar estructuras de datos básicas en Javascript
Aunque Javascript no tiene punteros, en este artículo vemos como se puede implementar todo tipo de estructuras de datos como listas enlazadas, pilas, colas y árboles binarios de búsqueda
► Leer másCómo manejar fechas en Javascript con dayjs
En muchos proyectos se necesita hacer operaciones con fechas. Es posible parsear y formatear fechas en javascript nativo, pero para casos más complejos lo mejor es usar una librería. MomentJS es la maś popular y DayJS es la alternativa perfecta ya que mucho más ligera
► Leer másCreando formularios en Vue con VeeValidate y Vuelidate
Leer más-
Un vistazo a los mixins de Vue
Para evitar duplicidades de código, Vue tiene una funcionalidad que permite compartir métodos, computadas, watchers, variables e incluso los métodos que tienen que ver con el ciclo de vida de los componentes. Hay dos tipos de mixins, locales y globales
► Leer más -
Vue directives - Guía completa de uso
Con las directivas de Vue vas a poder acceder y manipular los elementos del DOM simplemente añadiendo un atributo al HTML en la vista de los componentes. Además, echaremos un vistazo a un par de librerías con directivas que recomiendo
► Leer más -
Angular avanzado - ¿Qué necesitas aprender?
En este artículo se hace una lista de conocimientos que en mi opinión son recomendables si quieres convertirte en un desarrollador Angular profesional. Se explican brevemente en qué consisten cada uno de los puntos para tener una visión global de Angular a un nivel avanzado
► Leer más
Qué son los filters de Vue y cómo se usan
Artículo cortito pero muy útil si estás trabajando con Vue. Se trata de los filtros, una funcionalidad que permite dar formato en las vistas. Estos filters permiten que puedan ser reutilizados ahorrando código duplicado.
► Leer másAlquimias
📬 Newsletter semanal y gratuita con recursos para desarrolladores web
Vue ≫ Cómo crear un sistema de login con token JWT
Ejemplo práctico de creación de un sistema completo de creación de usuarios y login de los mismos
Vue JS ≫ Cómo crear y emitir eventos entre componentes
Aprende a enviar información desde el componente padre al componente hijo en Vue. En este tutorial vemos cómo emitir eventos desde los componentes de Vue
Cómo crear y usar los props en Vue JS
En este tutorial aprederemos todo sobre los props en Vue, cómo crearlos y cómo se usan para conseguir que los componentes tengan parámetros de entrada para que sean mucho más flexibles
► Leer másCiclo de vida de Vue ≫ created, mounted, destroyed, etc
Otro concepto muy usado de Vue en todos los proyectos son los métodos del ciclo de vida. Con ellos puedes controlar el proceso de ejecución desde que los componentes se crean hasta que se detruyen.
► Leer másCómo usar el Vue router para crear rutas y navegar a ellas
Aprende a de forma básica a crear rutas en Vue y a asignarlas a componentes. Además, aprendermos a navegar a las distintas rutas de la página de varias formas
► Leer másEjemplo sencillo de web de tareas usando Vue
Leer más
Técnicas para mejorar tu nivel de programación
He reunido en este artículo varias técnicas que uso y recomiendo para mejorar como programadores a nivel práctico. Además, doy mi punto de vista sobre la creencia de algunos que dicen que tienes que destinar mucho tiempo libre a aprender
🛡️ Curso de Angular GRATIS
- 🎓 Aprende Angular desde 0 y gratis
- 🔨 Crea tus propias aplicaciones y páginas web dinámicas
- 🏃 Aprende los fundamentos del los componentes web
- 📡 Conecta Angular un servidor mediante una API REST
- 🎉 Depliega tus proyectos en producción
-
VueJS - Methods y computed properties
Los métodos y las propiedades computadas es de lo que más se usan en Vue. Permiten crear la lógica del componente y hacer que el código sea mucho más mantenible
► Leer más -
Vistas en Vue ≫ v-if, v-for y v-show
Vue al igual que React y Angular, también ofrece un sistema de vistas muy potente. Dentro de las vistas podemos pintar variables, pero también podemos crear bucles, condicionales para ocultar elementos, etc. Aprende una de las partes fundamentales de Vue.
► Leer más -
Tutorial básico Vue ≫ Cómo crear nuevos componentes
Nos ponemos manos a la obra con Vue. Lo primero que hacemos es echar un vistazo a la estructura de carpetas para entender su funcionamiento. Además, aprendemos a crear componentes listos para ser utilizados.
► Leer más -
Introducción a Vue JS ≫ Qué es y sus características
Vue es uno de los frameworks javascript con más auge en los últimos tiempos. En ese artículo echamos un vistazo a las características que ofrece y a sus ventajas y desventajas respecto a otros frameworks como Angular y React.
► Leer más -
Cómo gestionar una página web. Claves para el éxito
En este artículo expongo una serie de ideas y claves que no puedes olvidar si vas a gestionar o gestionas páginas web. En este post se cubre todo, desde el servidor y bases de datos hasta contenidos y frontend
► Leer más -
Tutorial SASS. Todo sobre el preprocesador CSS
¿Sabes lo que es sass? ¿Y su diferencia con sccs? En este artículo vemos sass, uno de los mejores preprocesadores css. Vamos a ver desde a cómo crear variables, hasta cómo crear funciones y bucles que acabarán compilados en código css.
► Leer más
-
¿Qúe es NPM? - Tutorial. Todo lo que necesitas saber
NPM es uno de los gestores de paquetes Javascript más populares actualmente. En este artículo te voy a contar todos los comandos que NPM nos puede ofrecer para una correcta gestión de paquetes y dependencias para el desarrollo frontend.
► Leer más -
¿Sabes cuáles son las mejores librerías de componentes para Angular?
Colección de librerías y recursos para usar en un proyecto creado en Angular. En esta lista he querido destacar las librerías que me han parecido más interesantes para usar en cualquier proyecto Angular
► Leer más -
Animate css - Cómo crear animaciones CSS rápido
¿Siempre has querido aprender a crear animaciones CSS y no sabes por dónde empezar? En este artículo te enseño de manera sencilla como crearlas usando una de las librerías css más populares. Además te enseño a crearlas manualmente por si necesitas ese extra de personalización
► Leer más -
Angular - Cómo hacer testing unitario con Jasmine
¿Siempre has querido hacer testing y no sabes por dónde empezar? Empieza con este artículo en el que descubriremos cómo hacer tests unitarios en Angular usando Jasmine. Aprenderemos a testear clases y a mockear servicios.
► Leer más -
Angular - Comunicación entre componentes
¿Sabes que se pueden conectar los componentes entre sí para compartir datos y información? En este artículo veremos cómo comunicar componentes de varias maneras distintas, dependiendo de lo que necesitemos.
► Leer más -
Javascript - foreach y todo sobre los bucles js 🥇
Aprende cómo funcionan los bucles en javascript. Echamos un vistazo a todos los bucles que existen en js y los problemas que existen al usar cada uno de ellos. Además vemos cómo funcionan las instrucciones break y continue, usadas junto a los loops en muchos lenguajes de programación
► Leer más