Acabamos de publicar un curso en el canal de YouTube de freeCodeCamp en español que te guiará paso a paso a través de los fundamentos de SQL. Aprenderás los conceptos básicos que necesitas para comenzar y crearás dos proyectos.

El curso fue creado por Sergie Code. Sergie es ingeniero de software y creador de contenido a quien le encanta enseñar y compartir sus conocimientos. Su trabajo se centra en JavaScript, incluyendo React.js, Angular.js y otros frameworks.

Antes de adentrarnos en el contenido del curso, veamos qué es SQL y por qué deberías aprenderlo.

Los datos están en todas partes. Las plataformas y organizaciones modernas dependen de las bases de datos todos los días. Cada vez que inicias sesión en un sitio web, estás utilizando el poder de las bases de datos. Al dominar SQL, podrás extraer información valiosa a partir de los datos almacenados, una habilidad que es muy valorada en la ingeniería de software, la ciencia de datos y en los negocios.

SQL es un lenguaje especializado diseñado para gestionar datos almacenados en bases de datos relacionales. Con SQL, puedes crear bases de datos, definir su estructura y realizar operaciones clave como crear, insertar, actualizar y eliminar registros. Una de sus características principales es que te permite acceder a los datos a través de consultas (queries) para encontrar de forma eficiente los datos exactos que tú o tu aplicación necesitan.

Curso de SQL en español

Genial. Ahora que ya sabes más sobre SQL, veamos lo que aprenderás durante el curso:

• Introducción a SQL y bases de datos.
• SQL vs. MySQL, PostgreSQL y SQL Server.
• Jerarquía de bases de datos relacionales.
• DBngin y TablePlus.
• Lenguaje de Definición de Datos (DDL): CREATE, DROP, ALTER y DESCRIBE.
• Trabajo con tablas, atributos y restricciones.
• Claves foráneas y relaciones entre tablas.
• Lenguaje de Manipulación de Datos (DML): INSERT, UPDATE, DELETE y TRUNCATE.
• Lenguaje de Consulta de Datos (DQL): SELECT, WHERE y ORDER BY.
• Funciones de agregación (COUNT, SUM, AVG).
• INNER JOIN, LEFT JOIN, RIGHT JOIN, y Joins de 3 tablas.
• Subconsultas, GROUP BY y HAVING.
• Gestión de SQL con Docker y variables de entorno.
• Buenas prácticas y ejemplos prácticos.

Al final del curso, conocerás los fundamentos de SQL y podrás comenzar a crear y gestionar tus propias bases de datos relacionales.

Te invitamos a ver el curso en el canal de YouTube de freeCodeCamp.org en español:

✍️ Curso creado por Sergie Code.

• Youtube: @SergieCode
• Instagram: sergiecode
• LinkedIn: Sergie Code
• GitHub: sergiecode
• Facebook: sergiecodeok
• TikTok: @sergiecode
• Twitter: @sergiecode
• Threads: @sergiecode

Acabamos de publicar un curso en el canal de YouTube de freeCodeCamp.org en español que te guiará paso a paso por los fundamentos de Godot. Aprenderás los conceptos clave que necesitas para comenzar.

Luis Canary creó este curso. Él es el Programador Principal de Gameplay en Pendulo Studios, una empresa de desarrollo de videojuegos con sede en Madrid. Ha dado cursos en universidades, escuelas y empresas y le encanta compartir su pasión por el desarrollo de videojuegos en su canal de YouTube.

Antes de adentrarnos en el contenido del curso, veamos qué es Godot y por qué deberías aprenderlo.

¿Qué es Godot?

Godot es un motor de videojuegos de código abierto que te permite crear videojuegos 2D y 3D.

Se ha vuelto muy popular en los últimos años por sus funcionalidades robustas que lo convierten en una gran herramienta en el mundo del desarrollo de videojuegos, sin las grandes exigencias de recursos de otros motores de videojuegos. Esto lo convierte en una opción práctica para creadores que buscan eficiencia y alto rendimiento.

Su licencia de código abierto (open source) es excelente para desarrolladores independientes y equipos pequeños, ya que no tiene tarifas de licencia. Tendrás todos los derechos y control total sobre los juegos y proyectos que crees con Godot.

Esta flexibilidad contribuye a que el desarrollo de videojuegos sea más accesible para todos.

Godot también tiene su propio lenguaje de scripting fácil de usar y un sistema basado en nodos. Su lenguaje de scripting, llamado GDScript, es muy similar a Python y es fácil de aprender para principiantes. Su sistema intuitivo basado en nodos simplifica el proceso de crear juegos 2D y 3D.

Al aprender Godot, estarás dando tus primeros pasos hacia una carrera en el desarrollo de videojuegos.

💡 Tip: Este curso es perfecto para cualquiera que desee iniciarse en el mundo del desarrollo de videojuegos. Enseña GDScript con un ejemplo práctico.

Curso de Godot en español

Genial. Ahora que ya sabes más sobre Godot, veamos lo que aprenderás durante el curso:

• Introducción
• Qué es Godot
• Descargar e instalar Godot
• Iluminación
• Materiales y física
• Interfaz de usuario
• Interfaz de usuario
• Movimiento
• Jugador
• Primer script
• Actualizar proyecto
• Cambiar inputs proyecto 3D
• Plataformas 3D y respawn player
• Recolectar monedas
• Rotación de cámara 3D
• Modelo de personaje y animaciones
• Música y sonidos
• Exportar videojuego .exe

Al completar el curso sabrás los fundamentos Godot y podrás comenzar a desarrollar videojuegos.

Te invitamos a ver el curso en el canal de YouTube de freeCodeCamp.org en español:

✍️ Curso creado por Luis Canary.

• YouTube: @LuisCanary
• Instagram: @luiscanary_
• Twitter: @luiscanary
• TikTok: @luiscanary
• Twitch: LuisCanary
• Discord: Invitación
• Facebook: LuisCanaryy

Acabamos de publicar un curso en el canal de YouTube en español de freeCodeCamp.org que te enseñará los fundamentos de Arduino paso a paso. Aprenderás conceptos fundamentales de programación, como tipos de datos, variables, funciones, operadores, condicionales y ciclos, además de conceptos relacionados con la electrónica, como input y output digital, tiempo, botones, temperatura y humedad, sensores de movimiento y más.

El curso fue creado por Carlos Leon, un desarrollador de software con amplio conocimiento sobre Arduino, a quien le encanta compartir sus conocimientos de programación y electrónica con todos aquellos que estén interesados ​​en aprender estas tecnologías.

¿Qué es Arduino?

Arduino es una plataforma de electrónica de código abierto que conecta el mundo digital con el mundo físico. Consta de una placa base con un microcontrolador y un entorno de desarrollo fácil de usar. Al conectar varios sensores, actuadores y otros componentes electrónicos a la placa Arduino, puedes crear proyectos interactivos que responden al mundo real.

Con Arduino, puedes crear una amplia variedad de proyectos, desde circuitos sencillos hasta sistemas robóticos complejos. También te permite practicar tus habilidades de resolución de problemas y entender con más detalle los fundamentos de programación y electrónica.

Este curso es ideal para todos aquellos que estén interesados ​​en aprender más sobre Arduino. Es un paso hacia el mundo de la robótica, la automatización, el Internet de las cosas y la tecnología portátil.

💡 Tip: Durante el curso usarás un simulador de Arduino, por lo que puedes tomar el curso incluso si no tienes una placa Arduino disponible.

Curso de Arduino

Genial. Ahora que ya sabes más sobre Arduino, veamos los temas que aprenderás durante el curso:

• Introducción
• Arduino Uno
• Pines
• Conceptos de electricidad
• Cálculo de resistencia
• Breadboard
• Fundamentos de programación
• Acerca de Wokwi
• Tipos de datos
• Variables
• Funciones
• Operadores
• Condicionales
• Ciclos
• Consola serial
• Hola mundo con Arduino
• Declaraciones de Pines
• Entrada-salida digital
• Entrada-salida analógica
• Tiempo
• Botones
• Librerías
• Sensores
• Temperatura y humedad
• Ultrasónicos
• Sensor de movimiento
• Componentes interesantes
• Pantalla LCD
• Servomotores

Y más...

💡 Tip: El curso está diseñado para principiantes. Es perfecto para ti si recién estás iniciándote en el mundo de la programación y la electrónica. Incluso escribirás tu primer programa “¡Hola mundo!” en Arduino.

Te invitamos a ver el curso en el canal de YouTube de freeCodeCamp.org en español:

✍️ Curso creado por Carlos Leon.

• LinkedIn: Carlos Leon

Acabamos de publicar un curso en el canal de YouTube en español de freeCodeCamp.org que te enseñará a implementar APIs REST con Node.js, Express y MongoDB. Aprenderás a diseñar rutas, manejar solicitudes HTTP, interactuar con bases de datos NoSQL y proteger tus endpoints con autenticación basada en JSON Web Tokens.

El curso fue creado por Leonardo José Castillo Lacruz. Leonardo es desarrollador de software y creador de contenido a quien le encanta enseñar programación y compartir sus conocimientos.

APIs y bases de datos no relacionales

Veamos algunos conceptos importantes para el curso.

API significa “Application Programming Interface” en inglés. En español, podemos traducir este acrónimo como “Interfaz de programación de aplicaciones".

Una API es un conjunto de reglas y especificaciones que permiten que distintas aplicaciones se comuniquen entre sí. Las APIs permiten que el proceso de integración de sistemas y servicios sea mucho más fácil, permitiendo la creación de aplicaciones web más complejas.

En el mundo del desarrollo web, puedes considerar a las APIs como el puente entre el front-end y el back-end porque permiten que haya un intercambio fluido de datos entre ambas partes de la aplicación.

Las APIs y las bases de datos están muy relacionadas porque a menudo trabajan juntas. Una API puede interactuar con una base de datos para recuperar, almacenar y modificar datos.

Por ejemplo, una aplicación web puede usar una API para obtener o actualizar información de un usuario en una base de datos.

Durante el curso trabajarás con MongoDB, una base de datos no relacional. Este tipo de base de datos también es llamada NoSQL.

Las bases de datos no relacionales son un tipo de base de datos que no almacenan datos en tablas con filas y columnas. En cambio, tienen formas más flexibles de estructurar y almacenar los datos.

MongoDB los almacena en documentos similares al formato JSON, lo cual permite a los desarrolladores seguir un modelo más dinámico y adaptable.

Esto es ideal para aplicaciones que manejan grandes volúmenes de datos no estructurados o semi-estructurados.

Para modelar estos datos, también aprenderás a trabajar con una biblioteca de Node.js llamada Mongoose, que te ayuda a definir el esquema de una base de datos para simplificar la interacción entre Node.js y MongoDB.

Todas estas interacciones deberían tener algún tipo de autenticación para asegurarte de que sólo los usuarios adecuados puedan realizan operaciones en la base de datos a través de la API. Para ello, usarás JSON Web Tokens, una forma estandarizada de transmitir información de forma segura en formato JSON.

Curso de CRUD

Genial. Ahora que sabes más sobre estos conceptos, veamos lo que aprenderás durante el curso:

• Introducción a MongoDB
• Instalar y configurar MongoDB
• MongoDB Atlas
• Conexión con MongoDB Shell
• Cómo estructurar una API
• Rutas y controladores
• Conexión con MongoDB
• Implementación del CRUD
• Introducción de Mongoose
• Ajustar el modelo de datos
• Validar los datos y probar la API
• Rutas públicas, privadas y de autenticación
• Modelo de usuarios
• JSON Web Tokens
• Verificar los tokens
• Y más...

Durante el curso, crearás una API RESTful para un sistema de adopción de mascotas. 🐾

Te invitamos a ver el curso en el canal de YouTube de freeCodeCamp.org en español:

✍️ Curso creado por Leonardo José Castillo Lacruz.

• YouTube: @LeonardoCastillo79
• LinkedIn: Leonardo José Castillo Lacruz
• Twitter: @ljcl79
• GitHub: @ljcl79

Acabamos de publicar un curso en el canal de YouTube de freeCodeCamp.org en español que te guiará paso a paso a través de los fundamentos de C# para Unity. Aprenderás los conceptos básicos que necesitas saber para comenzar a desarrollar juegos en Unity con C#.

Luis Canary creó este curso. Luis es Principal Gameplay Programmer en Pendulo Studios, una empresa de desarrollo de videojuegos con sede en Madrid. Ha impartido cursos en universidades, escuelas y empresas y le encanta compartir su pasión por el desarrollo de videojuegos en su canal de YouTube.

Antes de profundizar en el contenido del curso, veamos qué es C#, cómo está relacionado con Unity y por qué deberías aprender ambos.

¿Qué son C# y Unity?

C# es un lenguaje de programación versátil conocido por su simplicidad y poder. Diseñado por Microsoft, forma parte de la familia .NET, un conjunto de herramientas, bibliotecas y lenguajes de programación que funcionan en conjunto para crear diversas aplicaciones.

Es ampliamente usado para crear una diversa gama de aplicaciones, desde software de escritorio y aplicaciones web hasta aplicaciones móviles y videojuegos.

Este curso se enfocará en los fundamentos de C# para el desarrollo de videojuegos con Unity.

Unity es un motor de juegos popular para crear experiencias en 2D y 3D. Usa C# como lenguaje de programación principal e incluye un conjunto completo de herramientas y funciones para diseñar, desarrollar e implementar videojuegos en diversas plataformas.

Estas son las plataformas que Unity soporta actualmente:

• PC de Escritorio
• Dispositivos Móviles
• Web
• Consolas

También es compatible con Realidad Aumentada (RA) y Realidad Virtual (RV).

Al aprender C# para Unity, darás tus primeros pasos hacia una carrera en el desarrollo de videojuegos.

💡 Dato: Este curso es perfecto para cualquiera que desee comenzar a desarrollar videojuegos. Abarca conceptos básicos de programación que seguirán siendo válidos en distintas versiones de C# y Unity.

Curso de C# para Unity en español

Genial. Ahora que ya sabes más sobre C# y Unity, veamos lo que aprenderás durante el curso:

• Variables
• Operadores
• Condicionales
• Sentencia switch
• Ciclos while
• Ciclos Do-While
• Ciclos For
• Arrays
• Listas
• Ciclos Foreach
• Funciones
• Métodos
• Modificar componentes
• Corrutinas
• Invocar con Invoke
• Destruir con Destroy
• PlayerPrefs
• Clases
• Herencia

Al terminar el curso conocerás los fundamentos de C# para Unity y estarás listo para comenzar a desarrollar videojuegos en este lenguaje de programación.

Te invitamos a ver el curso en el canal de YouTube de freeCodeCamp.org en español:

✍️ Curso creado por Luis Canary.

• YouTube: @LuisCanary
• Instagram: @luiscanary_
• Twitter: @luiscanary
• TikTok: @luiscanary
• Twitch: LuisCanary
• Discord: Invitación
• Facebook: LuisCanaryy

💡 Dato: Una vez que hayas completado este curso sobre C# para Unity, te recomendamos realizar un curso general de introducción a Unity para aprender los conceptos básicos de la interfaz de usuario y las características de tu versión actual de Unity.

Acabamos de publicar un curso de 2 horas en el canal de YouTube en español de freeCodeCamp.org que te guiará paso a paso en la creación de 3 proyectos con HTML, CSS y JavaScript. Practicarás tus habilidades creando una barra de navegación responsiva con menús desplegables, un carrusel (slider), y una landing page con un modal personalizado.

Jordan Alexander Cruz García creó este curso. Jordan Alexander es desarrollador y le encanta compartir sus conocimientos y enseñar a otros sobre el asombroso mundo de CSS.

💡 Dato: El curso se enfoca en HTML y CSS pero también requiere conocimientos básicos de JavaScript para implementar la interactividad.

HTML, CSS y JavaScript

HTML significa HyperText Markup Language y CSS significa Cascading Style Sheet (hojas de estilo en cascada). Mientras que HTML proporciona la estructura y el contenido de un sitio web, CSS determina cómo se muestra el contenido. Controla los aspectos visuales del sitio web, como fuentes, colores, diseños, espacios y animaciones.

Con CSS, puedes crear fácilmente diferentes estilos y diseños para varios tamaños de pantalla y lograr que tu sitio web se vea genial en computadoras, tabletas y dispositivos móviles.

💡 Dato: Los sitios web que se adaptan a distintos tamaños de pantalla se conocen como "sitios web responsivos".

Normalmente escribimos CSS en un archivo externo al que nos referimos como "hoja de estilo". Luego, enlazamos esta hoja de estilo al archivo HTML, lo cual aplica todos los estilos a los elementos HTML correspondientes en base a los selectores y propiedades CSS.

Separar el contenido del sitio web de su presentación es muy útil. Permite que nuestro proyecto tenga una estructura más fácil de mantener y un proceso de renderizado más eficiente porque los navegadores pueden renderizar la estructura más rápidamente, mientras descargan los estilos CSS en segundo plano.

Básicamente, CSS es una herramienta esencial para crear los sitios web hermosos, visuales y fáciles de usar que vemos hoy en día.

JavaScript agrega interactividad. Convierte los elementos sencillos en elementos interactivos para crear experiencias de usuario geniales.

Proyectos de HTML, CSS y JavaScript en español

Genial. Ahora que ya sabes más sobre HTML, CSS y JavaScript, veamos los proyectos que crearás durante el curso.

Proyecto 1: Barra de Navegación

Comenzarás el curso creando una barra de navegación con menús desplegables. Esta barra de navegación será responsiva, por lo que se expandirá o encogerá para adaptarse al tamaño de la pantalla. Si la pantalla es muy pequeña, se transformará automáticamente en una barra lateral.

💡 Dato: Siempre se mostrarán las opciones principales. Cuando el usuario haga clic en "About" o "Projects", se mostrará un menú desplegable con opciones adicionales.

Version de escritorio

Aquí puedes ver la versión de escritorio.

Version móvil

Esta es la versión móvil que verás en dispositivos pequeños.

💡 Dato: Esta técnica de ocultar y alternar la barra de navegación se utiliza con mucha frecuencia para optimizar al máximo el espacio disponible para el contenido.

Proyecto 2: Carrusel

Luego, crearás un carrusel (slider) con tres posiciones que cambiarán cuando el usuario haga clic en las flechas. Cada posición tendrá un título, un párrafo breve y una imagen circular.

💡Dato: Los controles deslizantes son útiles para compartir comentarios, citas y reseñas de los usuarios.

Proyecto 3: Landing Page

Finalmente, crearás una landing page (página web principal) paso a paso con CSS Grid.

Cuando el usuario haga clic en "Join us", se mostrará una ventana modal personalizada. Implementarás este modal con HTML, CSS y JavaScript paso a paso.

Te invitamos a ver el curso en el canal de YouTube de freeCodeCamp.org en español:

✍️ Curso creado por Jordan Alexander Cruz Garcia.

• YouTube: @AlexCGDesign
• Twitter: @alexcgdesign
• Linkedin: Jordan Alexander Cruz Garcia
• Instagram: @alexcg_design
• GitHub: AlexCGDesign
• Web Development Blog: https://www.alexcgdesign.com/blog

Acabamos de publicar un curso de 5 horas en el canal de YouTube en español de freeCodeCamp.org que te enseñará React paso a paso. Comenzarás instalando y configurando React con create-react-app y Vite y gradualmente aprenderás temas más avanzados, incluyendo componentes, JSX, enlaces, eventos, formularios y más.

Carpi Coder creó este curso. Carpi desarrollador web y ha aprendido de muchas comunidades, incluyendo freeCodeCamp. En 2020, creó su canal de YouTube para compartir sus conocimientos y ahora comparte su curso completo con la comunidad freeCodeCamp.

Antes de ver el contenido del curso en más detalle, veamos qué es React y por qué deberías aprenderlo...

React for Beginners

React es una de las bibliotecas de desarrollo web front-end más populares en la comunidad de desarrollo web. Puedes verlo en los resultados de la Stack Overflow Developer Survey 2023.

Al responder a esta pregunta:

¿Con qué frameworks y tecnologías web has realizado un trabajo de desarrollo extenso durante el año pasado y con cuáles deseas trabajar durante el próximo año?

El 40,58% de ellos escogió React.

React y Node.js fueron las tecnologías web más utilizadas por todos los encuestados.

Las ventajas clave de React incluyen:

• Arquitectura basada en componentes. Las aplicaciones de React se crean dividiendo interfaces de usuario complejas en componentes más pequeños, simples e independientes.
• DOM virtual. React utiliza una representación virtual del DOM real de la aplicación web para realizar actualizaciones. Con este DOM virtual, React puede actualizar de manera eficiente solo las partes de la interfaz de usuario que deben actualizarse.
• Sintaxis JSX. Con JSX, puedes definir la estructura de los componentes de React con una sintaxis muy similar a HTML combinado con JavaScript.

React también tiene una comunidad muy grande y activa de desarrolladores y bibliotecas para muchos propósitos diferentes. Es muy útil para crear aplicaciones web fáciles de mantener y fáciles de usar.

💡 Dato: El logo oficial de React es un átomo. 👇

Curso de React en Español

Genial. Ahora que ya sabes más sobre React, veamos lo que aprenderás durante el curso:

• Cómo instalar React con create-react-app y con Vite.
• JSX
• Componentes
• Props
• Hooks
• Ciclo de vida de los componentes
• Promesas
• Eventos
• Formularios
• Y más...

💡 Dato: este curso es ideal para principiantes. Si estás dando tus primeros pasos en React, Carpi Coder te guiará paso a paso.

También aprenderás técnicas más avanzadas, como:

• Obtener y mostrar datos de una API.
• Integrar su aplicación React con una base de datos de Firebase.
• Hacer el deploy de tu aplicación React en Netlify, una plataforma en la nube que te permite implementar y administrar aplicaciones web y sitios web.

💡 Dato: Durante el curso, crearás la base de datos de Firebase paso a paso, así que puedes tomar el curso incluso si no tienes conocimientos previos de Firebase.

Te invitamos a ver el curso en el canal de YouTube de freeCodeCamp.org en español:

✍️ Curso creado por Carpi Coder.

• YouTube: @carpicoder
• Instagram: carpicoder
• TikTok: @carpicoder
• Sitio Web: https://carpicoder.com/
• X: @carpicoder
• GitHub: carpicoder
• LinkedIn: linkedin.com/in/matiascoletta

Acabamos de publicar un curso en el canal de YouTube en español de freeCodeCamp.org que te enseñará los conceptos básicos de Go paso a paso. Comenzarás instalando y configurando Go y gradualmente aprenderás temas más avanzados, como tipos de datos, variables, condicionales, bucles, funciones, la biblioteca estándar de Go y mucho más.

El curso fue creado por Leonardo José Castillo Lacruz. Leonardo es desarrollador de software y creador de contenido a quien le encanta enseñar programación y compartir sus conocimientos.

Veamos una introducción general a Go y lo que aprenderás durante el curso.

Introducción a Golang

El mundo del desarrollo de software está en constante evolución y es esencial escoger y aprender el lenguaje de programación adecuado. Go (también conocido como Golang) se ha convertido en una opción poderosa y versátil, ganando rápidamente popularidad por su combinación de simplicidad, eficiencia y escalabilidad.

Estas son algunas de las ventajas clave de Go:

• Es fácil de aprender y comprender gracias a su sintaxis sencilla.
• Es muy rápido porque se compila previamente a código de máquina nativo.
• Tiene herramientas poderosas para manejar tareas concurrentes.
• Es un lenguaje de programación de código abierto apoyado por Google.
• Tiene casos de uso en diversas industrias, incluyendo servicios de redes y servicios en la nube, interfaces de línea de comandos, desarrollo web y operaciones de desarrollo e ingeniería de fiabilidad del sitio.

¡Y más!

Go es un lenguaje de programación apto para principiantes, así que puedes aprenderlo si estás aprendiendo a programar o si ya tienes experiencia programando y usarlo para crear aplicaciones complejas.

💡 Dato: Si tienes curiosidad, la mascota de Go es esta linda ardilla de tierra que vemos a continuación. (Otra razón más para aprender y amar Go, ¿cierto? 😁).

Curso de Golang

Excelente. Ahora que sabes más sobre Go, veamos lo que aprenderás durante el curso:

• Instalación y configuración de Go
• Tipos de datos
• Variables
• Arrays
• Mapas
• Condicionales
• Ciclos
• Funciones
• La biblioteca estándar de Go
• Y más...

💡 Dato: El curso es ideal para principiantes. Si estás tomando tus primeros pasos con Go, este curso es para ti.

Te invitamos a ver el curso en el canal de YouTube de freeCodeCamp.org en español:

✍️ Curso creado por Leonardo José Castillo Lacruz.

• YouTube: @LeonardoCastillo79
• LinkedIn: Leonardo José Castillo Lacruz
• Twitter: @ljcl79
• GitHub: @ljcl79

Acabamos de publicar un curso en el canal de YouTube en español de freeCodeCamp.org en el que aprenderás a desarrollar APIs REST paso a paso. También aprenderás cómo conectarlas a bases de datos.

Desarrollarás tu API con JavaScript, TypeScript, Node.js, Express, MySQL y TypeORM y la probarás usando Postman, una plataforma usada para desarrollar y probar APIs.

Comenzarás desde los conceptos básicos de Node.js y Express y gradualmente aprenderás conceptos más avanzados que te prepararán para conectar tu API a una base de datos. Al final del curso, podrás crear tus propias API con Node.js y Express.

Leonardo José Castillo Lacruz creó este curso. Leonardo es un desarrollador de software y creador de contenido a quien le encanta enseñar programación y compartir su conocimiento.

¿Preparados? Veamos una breve introducción a las APIs y lo que aprenderás durante el curso.

¿Qué es una API?

Si alguna vez necesitas que dos aplicaciones se comuniquen entre sí, las API son exactamente lo que estás buscando. Son software que puedes utilizar para enviar datos entre dos aplicaciones a través de solicitudes y respuestas.

💡 Dato: API significa interfaz de programación de aplicaciones.

Las APIs tienen un rol muy importante en la comunicación entre dos aplicaciones. Una de las aplicaciones envía datos y otra los recibe y procesa adecuadamente.

Los desarrolladores de la aplicación que enviará datos a otra aplicación implementan una API y documentan su funcionalidad y endpoints, para que otros desarrolladores puedan usarla y acceder a sus datos y recursos.

💡 Tip: un endpoint es una ubicación en la API que acepta solicitudes (requests) y envía respuestas (responses).

Los desarrolladores de la aplicación que recibirá los datos de la API escriben código para enviar estas solicitudes, especificando los endpoints a los cuales desean acceder y manejando la respuesta recibida de forma adecuada.

Ejemplo de API meteorológica

Por ejemplo, una aplicación meteorológica puede acceder a una API para obtener los datos meteorológicos actuales de la ubicación ingresada por el usuario.

Los desarrolladores de la aplicación meteorológica con la cual interactúa el usuario escribirían el código necesario para realizar solicitudes a la API meteorológica, siguiendo sus directrices y documentación. Luego, la API accederá a los datos en una base de datos y los enviará al cliente que realizó la solicitud.

Este es el propósito de las API. Tienen un rol muy importante en el mundo del desarrollo web back-end.

Puedes implementarlas con diversas tecnologías. Dos opciones ampliamente usadas son Node.js y Express.

• Node.js es un entorno de ejecución de JavaScript que te permite ejecutar código de JavaScript fuera del navegador.
• Express es un framework de Node.js que facilita mucho el desarrollo de servidores y APIs.

Aprender a diseñar e implementar APIs puede abrirte muchas oportunidades profesionales.

Oportunidades profesionales

Hablando de oportunidades profesionales, TypeScript, Node.js, Express y MySQL, (las tecnologías que practicarás en este proyecto) son muy populares y tienen una amplia demanda en la industria del desarrollo de software.

Para mostrarte lo importantes que son, aquí tenemos los resultados de la Stack Overflow Developer Survey de 2023.

Node.js y Express ocuparon el primer y el cuarto lugar en los resultados, entre los framework y tecnologías web más populares:

MySQL también ocupó un lugar muy alto en los resultados. Fue la segunda base de datos más popular:

TypeScript fue el quinto lenguaje más popular entre todos los encuestados:

Estos resultados muestran cuán relevantes serán estas tecnologías para el desarrollo web durante el 2024 y más allá.

💡 Dato: En el proyecto también usarás TypeORM, una herramienta que te ayudará a modelar e implementar las relaciones entre los objetos de la base de datos relacional.

Curso de APIs con Node.js y Express

Excelente. Ahora que ya sabes por qué las APIs son tan importantes, veamos los temas que aprenderás durante el curso:

• Introducción a Node.js y Express
• Arquitectura de la aplicación
• Rutas dinámicas
• Controladores
• Estructura de la base de datos
• Conexión de la API a una base de datos
• Implementación de operaciones CRUD en TypeScript
• Modelado con TypeORM
• Implementación de controladores con TypeORM

¡Y más!

💡 Dato: Para crear este proyecto, es recomendable tener conocimientos básicos de JavaScript, TypeScript y desarrollo web. Si te gustaría repasar estos temas, tenemos estos cursos disponibles en el canal:

• Aprende Node.js y Express - Curso desde cero
• Aprende TypeScript - Curso desde cero

Genial. ¿Listos para comenzar a crear API?

Te invitamos a tomar el curso en el canal de YouTube de freeCodeCamp.org en español:

✍️ Curso creado por Leonardo José Castillo Lacruz.

• YouTube: @LeonardoCastillo79
• LinkedIn: Leonardo José Castillo Lacruz
• Twitter: @ljcl79
• GitHub: @ljcl79

Acabamos de publicar un curso en el canal de YouTube en español freeCodeCamp.org que está diseñado para enseñarte TypeScript paso a paso. Comenzarás desde los fundamentos y gradualmente aprenderás conceptos más avanzados que te prepararán para construir dos proyectos paso a paso con React.js y Angular.js. Al final del curso, podrás crear tus propios proyectos de desarrollo web con TypeScript.

El curso fue creado por Sergie Code. Sergie es Ingeniero de Software y creador de contenido enfocado en JavaScript, incluyendo React.js, Angular.js y otros frameworks.

Veamos una introducción breve sobre TypeScript y lo que aprenderás durante el curso.

¿Qué es TypeScript?

TypeScript es un "superset" de JavaScript que agrega tipado estático al lenguaje de programación. El tipado estático es muy útil para escribir código seguro y fácil de mantener porque puede detectar errores y bugs potenciales incluso antes de ejecutar el código.

TypeScript ha sido ampliamente adoptado por la comunidad de desarrolladores a nivel global y es una habilidad valiosa que puede llevarte a muchas oportunidades profesionales.

Oportunidades profesionales

Hablando de oportunidades profesionales... TypeScript es muy popular y actualmente tiene una gran demanda en la industria de la programación.

Como ejemplo de relevancia y popularidad, estas son las tecnologías más populares de acuerdo con Stack Overflow 2023 Developer Survey.

Cuando a los desarrolladores se les hizo esta pregunta:

¿En qué lenguajes de programación, scripting y marcado has realizado un trabajo de desarrollo extenso durante el año pasado y en cuáles deseas trabajar durante el próximo año? (Si trabajaste con el idioma y deseas continuar haciéndolo, marca ambas casillas en esa fila).

Pregunta original en inglés:

Which programming, scripting, and markup languages have you done extensive development work in over the past year, and which do you want to work in over the next year? (If you both worked with the language and want to continue to do so, please check both boxes in that row.)

Estos fueron los resultados:

TypeScript es el quinto lenguaje más popular entre todos los encuestados. El 38,87% de los encuestados lo escogió como un lenguaje de programación con el que han trabajado en el último año o planean trabajar durante el próximo año.

Si desglosamos aún más los resultados, podemos ver que entre los encuestados que estaban aprendiendo a programar cuando realizaron la encuesta, el 21,18% había usado TypeScript o planeaba usarlo el próximo año.

Este porcentaje aumentó a 43,75% entre los desarrolladores profesionales:

Estos resultados muestran que TypeScript está ganando popularidad.

Al aprender TypeScript, adquirirás habilidades demandadas y una base sólida para tu carrera en el desarrollo web.

Curso de TypeScript en Español

Genial. Ahora que ya sabes por qué TypeScript es tan importante, veamos lo que aprenderás durante el curso:

• Cómo configurar tu entorno de desarrollo.
• Cómo instalar las herramientas necesarias.
• Modo observador.
• Tipos de datos.
• Tipos de datos primitivos.
• Any.
• Arrays.
• Objetos.
• Tipos personalizados.
• Interfaces.
• Clases y POO.
• Encapsulación.
• Genéricos.
• ¡Más!

Crearás dos proyectos:

Proyecto 1

Una aplicación de lista de tareas pendientes con TypeScript y React.js.

Proyecto 2

Una lista de cursos con tablas usando TypeScript y Angular.js.

Te invitamos a tomar el curso en el canal de YouTube de freeCodeCamp.org en español:

✍️ Curso creado por Sergie Code.

• Youtube: @SergieCode
• Instagram: sergiecode
• LinkedIn: Sergie Code
• Github: sergiecode
• Facebook: sergiecodeok
• TikTok: @sergiecode
• Twitter: @sergiecode
• Threads: @sergiecode

Acabamos de publicar un curso en el canal de YouTube en español freeCodeCamp.org que te enseñará Desarrollo Web Responsivo creando una página web paso a paso. Usarás los conceptos básicos que necesitas comprender para dominar el desarrollo web responsivo. Al final del curso, podrás diseñar e implementar sitios web responsivos con HTML y CSS.

El curso fue creado por David Choi. David es un desarrollador de software a quien le encanta programar y compartir sus conocimientos con todos los que quieran adentrarse en el mundo de la programación y la computación.

David te enseñará a crear e implementar diseños web modernos y responsivos paso a paso con HTML y CSS (sin frameworks ni bibliotecas (libraries)).

Si tu objetivo es diseñar y crear sitios web modernos, definitivamente necesitas aprender cómo hacerlos responsivos. Antes de comenzar a adentrarnos en el tema con el curso de David, veamos una introducción rápida.

¿Qué es el desarrollo web responsivo?

Un sitio web responsivo es un sitio web que adapta su diseño y contenido al tamaño de la pantalla. Debería verse y funcionar correctamente en computadoras, laptops, tabletas, teléfonos inteligentes y otros dispositivos.

El desarrollo web responsivo es el enfoque utilizado por los desarrolladores para crear sitios web que se adaptan a dispositivos de distintos tamaños. Esto da como resultado una mejor experiencia de usuario ya que tendrá acceso al contenido en un diseño adaptado específicamente para el dispositivo que está usando. Los motores de búsqueda también priorizan a los sitios web que ofrecen una buena experiencia de usuario en todos los dispositivos.

Puedes desarrollar sitios web responsivos con HTML y CSS (sin frameworks ni bibliotecas). Aquí es donde CSS Flexbox viene al rescate. Durante el curso, practicarás tus habilidades de CSS Flexbox. Veamos de qué se trata.

Flexbox

Flexbox es un modelo de diseño CSS para organizar elementos en una sola dimensión. Con Flexbox, puedes ubicar elementos horizontal o verticalmente, distribuir el espacio de manera uniforme para cambiar el diseño según el tamaño de la pantalla e incluso controlar el orden de los elementos.

💡 Dato: Si necesitas repasar tus habilidades de HTML, CSS y Flexbox, puedes tomar cursos sobre estos temas en nuestro canal de YouTube en español antes de comenzar el proyecto.

• Aprende HTML y CSS - Curso Desde Cero
• Aprende CSS Flexbox - Curso desde Cero

Proyecto de página web responsiva en español

Durante el curso:

• Analizarás el diseño que David creó para el sitio web.
• Prepararás tu entorno de desarrollo.
• Instalarás Visual Studio Code.
• Crearás la estructura del sitio web en HTML.
• Definirás y asignarás estilos CSS para la versión móvil.
• Definirás y asignarás estilos CSS para la versión de escritorio.

Combinarás CSS básico con Flexbox para asignar estilos que se adapten al tamaño de la pantalla.

Aquí tenemos algunas capturas de pantalla del curso para darte una idea del proyecto genial que crearás con David:

Te invitamos a tomar el curso en el canal de YouTube de freeCodeCamp.org en español:

✍️ Curso creado por David Choi.

• YouTube: @deivchoi
• GitHub: @choidavid4

Acabamos de publicar un curso de 1 hora en el canal de YouTube en español de freeCodeCamp.org que te enseñará Git desde cero. Iniciarás con conceptos y nociones básicas, como repositorios, confirmaciones y ramas y gradualmente aprenderás otros más avanzados, como las mejores prácticas, cherry pick y .gitignore. Al final del curso, podrá utilizar Git para realizar un seguimiento de los cambios en un proyecto de software.

💡 Tip: también aprenderás los conceptos básicos de GitHub, una plataforma en la cual puedes alojar tus repositorios de Git y colaborar con otros desarrolladores.

El curso fue creado por Pedro Plasencia. Pedro es un desarrollador web a quien le encanta enseñar y compartir su conocimiento y experiencia con su comunidad de desarrolladores de habla hispana, "Programación en Español".

Pedro te enseñará a trabajar con sistemas de control de versiones y específicamente, con Git para rastrear los cambios realizados en tu proyecto. Cuando combinas Git y GitHub, puedes compartir tus repositorios y el historial de cambios con los miembros de tu equipo y trabajar como lo hacen los equipos profesionales de desarrollo de software en todo el mundo.

Curso de Git en español

Durante el curso, aprenderás los siguientes aspectos de Git:

• Introducción a Git y a los Sistemas de Control de Versiones (VCS).
• Cómo instalar Git.
• Git en Visual Studio Code.
• Configuración inicial de Git.
• Creando repositorios locales de Git.
• Estados de archivos en Git.
• Cómo comenzar a rastrear un archivo del repositorio.
• Consultar el estado de un repositorio.
• Registrar y rastrear los cambios con commits.
• Ver el historial de commits.
• Crear y trabajar con ramas.
• Crear etiquetas en las ramas.
• Ver las diferencias entre ramas.
• Restablecer los cambios después de crear una confirmación.
• Fusionar ramas para combinar cambios.
• Resolución de conflictos al fusionar ramas.
• Introducción a GitHub.
• Cómo enviar cambios a GitHub con push.
• Cómo obtener cambios desde GitHub con pull.
• Eliminar archivos o directorios del repositorio.
• Archivos README.md.
• Cómo ignorar archivos específicos con .gitignore.
• Clonar repositorios para crear copias locales.
• Alternativas a GitHub.
• Mejores prácticas.
• ¡Más!

Git y GitHub son herramientas muy poderosas que definitivamente utilizarás en tu trabajo diario, independientemente de la tecnología o lenguaje de programación con el que estés trabajando.

Como una vista previa del curso, aquí tenemos algunas capturas de pantalla. Trabajarás con Git en el terminal integrado de Visual Studio Code.

Te invitamos a tomar el curso en el canal de YouTube de freeCodeCamp.org en español:

✍️ Curso creado por Pedro Plasencia.

• YouTube: Programación en Español
• Instagram: programacion.es
• Twitter: @program_es
• Sitio web: Programación en Español

Acabamos de publicar un curso en el canal de YouTube en español freeCodeCamp.org que te enseñará Tailwind CSS desde los conceptos básicos hasta conceptos más avanzados y proyectos. Al final del curso, podrás diseñar e implementar sitios web responsivos con Tailwind CSS.

Este curso fue creado por David Ruiz. David es Desarrollador Web Front-End con más de 5 años de experiencia. Comparte proyectos y cursos sobre Tailwind CSS, HTML, CSS, JavaScript y React en su canal de YouTube.

En este curso, te enseñará cómo crear e implementar diseños web modernos y responsivos paso a paso con las clases predefinidas de Tailwind CSS.

Antes de comenzar a sumergirnos en Tailwind con el curso de David, veamos una introducción rápida a Tailwind CSS  y po qué es importante para ti si tu objetivo es diseñar y crear sitios web modernos y responsivos de forma eficiente.

¿Qué es Tailwind CSS?

Tailwind CSS es un framework CSS con clases predefinidas que puedes utilizar para asignar estilo a los elementos HTML.

Con Tailwind CSS, puedes agregar clases CSS a tus elementos HTML directamente dentro del archivo HTML y ver cómo los estilos predefinidos se aplican inmediatamente.

💡 Dato: ¡Sí! Con Tailwind, escribimos nuestro CSS dentro del archivo HTML.

¿Por qué escoger Tailwind CSS?

Aprender Tailwind CSS puede ser muy útil para mejorar tu flujo de trabajo como desarrollo web. Sus ventajas incluyen:

• Desarrollo más rápido porque puedes utilizar clases CSS predefinidas en lugar de definir los estilos CSS tú mismo.
• Diseño responsivo porque las clases CSS predefinidas admiten variantes para distintos tamaños de pantalla. Puedes desarrollar un sitio web responsivo directamente desde tu archivo HTML, sin media queries adicionales.
• Archivos CSS más simples porque no definirás todos los estilos tú mismo en archivos CSS personalizados.
• Consistencia porque tú y tus colegas usarán las mismas clases de CSS con las mismas convenciones de nomenclatura en todo el proyecto.
• Funciones de personalización porque puedes personalizar y configurar muchas de estas clases CSS predefinidas para adaptarlas a tus necesidades.

Suena genial, ¿cierto?  🙂

Al aprender Tailwind CSS, estarás adquiriendo habilidades muy valiosas para tu carrera de desarrollo web.

Si estás listo para comenzar a incorporar Tailwind CSS en tu flujo de trabajo, veamos el contenido del curso.

Curso de Tailwind CSS en español

Durante el curso, aprenderás los siguientes aspectos de Tailwind CSS:

• Cómo instalar y configurar Tailwind CSS
• Colores
• Tamaño
• Estados
• Pseudo-clases
• Diseño web adaptable
• CSS Flexbox con Tailwind CSS
• CSS Grid con Tailwind CSS
• ¡Y más!

Además, aprenderás a activar y desactivar el modo oscuro (dark mode) con los estilos predefinidos de Tailwind CSS y crearás tres proyectos reales completos:

• Un panel de notificaciones
• Un dashboard (tablero)
• Una landing page (página de inicio)

Te invitamos a tomar el curso en el canal de YouTube de freeCodeCamp.org en español:

✍️ Curso creado por David Ruiz.

• YouTube: @CodingTube
• Twitter: @CodingTube
• Página web: https://www.codingtube.dev/
• GitHub: @Davichobits
• LinkedIn: David Israel Ruiz Cabrera

Publicamos un curso en el canal de YouTube de freeCodeCamp.org en español que te enseñará Flexbox desde los fundamentos. Al final del curso, podrás diseñar e implementar diseños responsivos.

Este curso fue creado por Leosbel Poll Sotomayor. Leosbel es un ingeniero de software con más de 10 años de experiencia, que comenzó a crear hace 20 años en Cuba y ahora vive en Canadá gracias a sus habilidades de programación. Creó este curso para la comunidad freeCodeCamp.

¿Listos? Veamos una descripción general de Flexbox y lo que aprenderás durante el curso.

¿Qué es CSS Flexbox?

CSS Flexbox significa CSS Flexible Box Layout. Es un modelo de diseño que te permite reorganizar elementos responsivos dentro de un contenedor en base a propiedades CSS que definen cómo los descendientes deben "moverse" para ajustarse al tamaño de su contenedor.

Con Flexbox puedes alinear, distribuir y espaciar elementos usando propiedades sencillas para evitar cálculos complejos en tu CSS.

Durante el curso, aprenderás a utilizar las siguientes propiedades:

• flex-direction
• justify-content
• flex-wrap
• align-items
• align-content
• flex-grow
• flex-basis
• flex-shrink

¡Y más! También aprenderás a combinarlos con Media Queries en CSS para crear diseños responsivos aún más poderosos.

Oportunidades profesionales

Si tu objetivo es tener una carrera en el campo del desarrollo web, Flexbox te será de gran ayuda. Estas habilidades son altamente demandadas y buscadas por empleadores a nivel mundial.

Curso de Flexbox en español

Genial. Ahora que ya sabes por qué Flexbox es tan importante, veamos los temas que aprenderás durante el curso:

• Introducción
• ¿Qué es Flexbox?
• Importancia de Flexbox
• Fundamentos de Flexbox
• Herramientas que usarás durante el curso
• Cómo configurar tu entorno de desarrollo
• Propiedades relacionadas con contenedores
• Pérdida de datos en CSS
• Propiedades relacionadas con descendientes (hijos)
• Ejemplo: Barra de navegación
• Ejemplo: Diseño clásico
• Flexbox vs. Grid

Te invitamos a tomar el curso en el canal de YouTube de freeCodeCamp.org en español:

✍️ Curso creado por Leosbel Poll Sotomayor.

• YouTube: LeoDev
• Twitter: @_LeoDev
• LinkedIn: Leosbel Poll Sotomayor

Acabamos de publicar un curso en español de 3 horas en el canal de YouTube de freeCodeCamp en español que te enseñará a crear 7 proyectos con HTML, CSS y JavaScript.

Proyectos del curso

Juego snake

En este proyecto trabajarás con el canvas (lienzo) de HTML, CSS y JavaScript para crear un juego clásico que te brindará muchas horas de diversión.

En este juego, el jugador controla una serpiente que se mueve a través de un entorno similar a una cuadrícula. El objetivo es comer la "comida" que aparece en lugares aleatorios, pero ten cuidado porque la comida hace que la serpiente crezca en longitud. Si la serpiente choca con sí misma, el juego termina.

Cronómetro

Registra el tiempo con este asombroso cronómetro que puedes iniciar, pausar, detener y reiniciar. Lo crearás paso a paso con HTML, CSS y JavaScript.

Cifrador César

El cifrado César es una técnica de cifrado utilizada por Julio César en la antigua Roma. Funciona desplazando cada letra del alfabeto un número fijo de posiciones.

Usarás HTML, CSS y JavaScript para crear una interfaz de usuario en la cual podrás utilizar esta técnica para cifrar sus mensajes y obtener el texto cifrado.

Calculadora interactiva

Una calculadora interactiva es un proyecto que debería estar presente en el portafolio de todo desarrollador web. Crearás esta calculadora interactiva paso a paso con HTML, CSS y JavaScript.

Lista de tareas

Crearás este proyecto de lista de tareas pendientes con HTML, CSS y JavaScript. Es la oportunidad perfecta para practicar tus habilidades de manipulación del DOM al agregar, ordenar y marcar tareas como completadas.

Juego del ahorcado

Crearás una versión gráfica del clásico juego del ahorcado usando el canvas (lienzo) de HTML, CSS y JavaScript. El ahorcado se dibujará paso a paso a medida que el usuario cometa errores. Si se completa el dibujo del ahorcado, ¡pierdes el juego!

Generador de paletas de colores

Finalmente, crearás un generador interactivo de paleta de colores que te dará un nuevo conjunto de colores si haces clic en el botón "Generar paleta". Se actualizará automáticamente.

Prepárate para practicar tus habilidades de HTML, CSS y JavaScript creando estos proyectos. También trabajarás con el DOM y el canvas (lienzo) de HTML para crear interfaces de usuario interactivas.

Al finalizar del curso, podrás crear tus propios proyectos interactivos.

💡 Dato: Ten en cuenta que te puede resultar útil tener conocimientos básicos de HTML, CSS y JavaScript antes de tomar este curso. Si deseas repasar estos temas, tenemos cursos introductorios en el canal.

Te invitamos a tomar el curso en el canal de YouTube de freeCodeCamp en español:

✍️ Curso creado por Manuel Basanta.

• YouTube: Programación Accesible
• Twitter: @manuelbasanta