Cómo crear un reloj analógico con Javascript - Sortilegios 02
Voy a crear un reloj analógico, pero el lugar de crearlo con HTML lo voy a hacer con SVG para explicar alguna pincelada. Además voy a añadir movimiento con Javascript a las manecillas para que se muevan con la hora actual.
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
► Leer másPrimeros 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
Leer más-
Creando formularios en Vue con VeeValidate y Vuelidate
En este tutorial veremos cómo crear formularios básicos en Vue con validación de los datos de forma manual. También echaremos un vistazo a VeeValidate y VueValidate para validar los datos de una form más cómoda.
► 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ásAlquimias
📬 Newsletter semanal y gratuita con recursos para desarrolladores web
Qué son los filters de Vue y cómo se usan
Aprende a crear y usar tus propios filters de Vue para poder dar formato a la vista de una forma muy sencilla
Vue slots ≫ Qué son y cómo usarlos
Aprende a crear componentes a los que pasar contenido desde fuera. También veremos los scoped slots una funcionalidad menos conocida de Vue
Vue JS ≫ Cómo crear y emitir eventos entre componentes
Anteriormete aprendimos a pasar información desde el componente padre al componente hijo, pues en este artículo veremos lo contrario, enviar información desde el componente hijo al componente padre en Vue
► Leer másCó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
Leer más
Ejemplo sencillo de web de tareas usando Vue
Ejemplo práctico sobre el uso de Vue para crear un web de ejemplo para anotar tareas. En el ejemplo aplicamos los conocimientos previos que hemos ido viendo hasta ahora sobre Vue para afianzar conocimientos
🛡️ 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
-
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
► Leer más -
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