Master en Desarrollo Web con IA integrada: OpenAI, DeepSeek, JavaScript, Node y +
¡Entra al master completo pinchando aquí! Bienvenido al Máster en Desarrollo Web con Inteligencia Artificial integrada, en el que aprenderás todo lo necesario para desarrollar aplicaciones web que utilicen e integren la inteligencia artificial generativa de OpenAI y Deepseek. Este no es un curso normal, estás ante posiblemente el mejor curso para entender como potenciar tus webapps y las de tus clientes con los modelos de IA y los...
Libro de 207 preguntas de JavaScript para entrevistas técnicas (gratis)
El otro dia, hablando con un amigo que está estudiando desarrollo web. Me contó que había ido a hacer una entrevista para hacer unas practicas de desarrollador frontend junior y que no le salió muy bien la entrevista… Me dijo que le preguntaron muchisimas cosas de JavaScript, y que le habian jodido. Pero jodido a base de bien. Jodido bien jodido. Total, que le dije: – A...
¿Cómo funciona CSS Grid Layout?
En este artículos vamos a descubrir que es y como funciona CSS Grid Layout. CSS Grid es una nueva forma de crear un layout con varias dimensiones, tanto horizontal como vertical y hacer un cuadricula para una web. Ejemplos de código Veamos como trabajar con CSS Grid Layout con algunos ejemplos de código. Antes de empezar con grid deberos crear un fichero index.html con este código: <!DOCTYPE html> <html...
PX vs REM vs EM | Unidades de medida en CSS
Hoy hablamos de las medidas en css y como funcionan los pixeles, los rem, los em, etc. Las medidas en CSS se utilizan para definir la altura, anchura, márgenes de los elementos, para establecer el tamaño de letra del texto y más. Se dividen en dos tipos absolutas y relativas. Absolutas: estas medidas no cambian de tamaño, siempre son iguales independientemente del tamaño de pantalla. Relativas: Se adaptan según...
¿Cómo funcionan las variables en CSS nativo?
Hoy vamos a hablar de variables en CSS, una nueva funcionalidad propia de un lenguaje de programación incorporada en CSS nativo o CSS puro que como sabes no es un lenguaje de programación si no un lenguaje de hojas de estilo. ¿Que es una Variable? Las variables son pequeños espacios en la memoria de un programa donde podemos guardar información. En CSS en este caso, podríamos guardar colores, fuentes,...
¿Qué es BEM y como utilizarlo en CSS?
Hoy vamos a hablar de BEM y como funciona en CSS. ¿Qué es BEM? BEM: La metodología BEM (bloque, elemento, modificador) es una forma de escribir selectores CSS de forma más rápida y sin tener que repetir el código. Se divide en tres reglas: Bloque: Es el contenedor de los demás elementos. Elemento: Son las etiquetas de dentro de un bloque. Modificador: Es una clase que diferencia a ese...
JavaScript ES2022: Novedades y mejoras del lenguaje de frontend más usado
En Junio de 2022 se lanzará la nueva versión de EcmaScript y trae varias características nuevas muy interesantes para JavaScript, que vamos a ahora. Await a nivel superior A partir de ahora en JS gracias al Ecmascript 2022 podremos usar el await sin necesidad de utilizarlo dentro de una función asíncrona con async. const datos = await fetch("https://conseguir-usuarios.web"); const usuarios = await datos.json(); Object.hasOwn() Este nuevo método comprueba si...
Solución Cannot read property ‘path’ of undefined – Subir archivos en NodeJS
Cuando estamos tratando de subir archivos en NodeJS, dependiendo de la libreria que usemos podemos tener más o menos problemas a la hora de subir cualquier fichero, imagen o lo que sea. Uno de los errores más comunes que puedes tener con librerias como multiparty, connect-multiparty, express-fileupload, formidable, incluso multer, es que nos aparezcan errores relacionados con la propiedad path como este: TypeError: Cannot read property 'path' of undefined...
Poner un proyecto de Angular en un servidor Apache
Hoy te voy a enseñar a poner un proyecto de Angular en un servidor Apache sin problemas, ni complicaciones. Solo tienes que seguir estos pasos: Paso 1. Generar build del proyecto ejecutando este comando: ng build --prod Paso 2. Corregir los errores de código que te indique el compilador de Angular CLI y volver a ejecutar el comando para general el build para producción. Paso 3. Copiar el contenido...
Angular 10: Novedades e instalación desde cero
Hace unos días lanzaron la nueva versión de Angular, la versión 10 de este potente framework para JavaScript. Esta nueva versión no representa un gran cambio con respecto a la versión anterior, Angular 9, es decir, todo el código que tengamos hecho con Angular 9 es totalmente compatible con la versión 10, no hay cambios de sintaxis, por lo cual la migración de una versión a otra es muy...
Solución Generic Type ‘ModuleWithProviders’ requires 1 type argument(s) en Angular 10
En este tutorial aprenderemos a solucionar los problemas con ModuleWithProviders en Angular 10. Si estas programando con Angular y te da un error similar a este: generic type 'modulewithproviders t ' requires 1 type argument(s) Lo puedes solucionar agregando el argumento de esta manera, en esta linea del fichero de rutas de tu proyecto: export const routing: ModuleWithProviders<Route> = RouterModule.forRoot(appRoutes); Si esto no te funciona prueba con esto: export...
Aprender CSS en 15 minutos
Hoy vamos a aprender CSS en 15 minutos. Te enseñaré lo fundamental del desarrollo web y la maquetación web con el lenguaje de hojas de estilo más usado, más estándar y más demandado actualmente que nos permite dar forma, colocar elementos, aplicar un diseño y una apariencia visual a nuestras páginas web. ¿Que aprenderás? En este tutorial de CSS en 15 minutos te enseñaré a trabajar con: HTML5 Semántico...