Ya no tendrás excusas para aprender programación con este nuevo curso de programación gratis puedes iniciar tu camino este maravilloso mundo.
Programa desde cero, domina Javascript, entiende HTML y aprende de algoritmos. Sí, desde cero. Entenderás la lógica del código, cómo piensan las programadoras expertas y cómo programar un videojuego web de principio a fin. Aprender a programar no es fácil, pero Platzi lo hace efectivo.
Contenidos
¿Qué necesitas para tomar este curso de programación gratis?
- 15 horas de contenido
- 14 horas de práctica
- Computadora con sistema operativo Windows, macOS o Linux
¿Qué aprenderás en este curso de programación gratis?
- Diseña algoritmos
- Desarrolla software con funciones, objetos y eventos
- Escribe código fluído en HTML, CSS y JavaScript
- Programa un videojuego para la web
Aprenderás programación mientras desarrollas un proyecto de tipo videojuego llamado Batalla de Mokepones: Desarrolla un juego web con HTML, CSS, JavaScript y Node.js. Elige a tu mascota favorita y enfrenta a otros Mokepones en peleas épicas de agua, fuego y tierra.
Temario del curso
Fundamentos de Programación
- Bienvenida a Platzi: ¿qué necesitas para tomar el curso?
- ¿Cómo aprender programación?
- Crea tu primer sitio web
- Sitios web con HTML
- Estructura de árbol en HTML
- Visual Studio Code
- Cómo declarar variables y usar prompt
- Algoritmo de piedra, papel o tijera
- Algoritmo avanzado de piedra, papel o tijera
- Aleatoriedad
- Refactor del código usando funciones
- Ciclos
- Gana 3 veces
- Archivos de HTML y JavaScript
- ¿Qué es el DOM?
- Quiz fundamentos de programación
Desarrollando un juego con HTML y JavaScript
- Maquetación con HTML
- Sección de elegir mascota
- Etiqueta label
- Escuchando eventos con JavaScript
- addEventListener
- Manipulación del DOM
- Enemigos aleatorios
- Ataques aleatorios del enemigo
- Ataques en JavaScript
- Imprimiendo ataques del enemigo
- ¿Ganaste, perdiste o empataste?
- Tablas de verdad
- Creando el contador de vidas
- ¿Quién gano el juego?
- Reiniciando el juego
- Ocultando elementos
- Quiz desarrollando un juego con html y javascript
Estilos con CSS
- Anatomía de CSS
- Tipos de display
- Flexbox
- Modelo de caja
- Imágenes para los Mokepones
- Estilos del botón
- Adaptando HTML al diseño del juego
- Layout: título y ataques
- Adaptando JavaScript al diseño del juego
- CSS Grid
- Responsive Design
- Detalles finales
- Quiz estilos con css
Optimización de código
- Revisión de código
- Don’t repeat yourself (DRY)
- Clases y objetos
- Clases y objetos de Mokepon
- Arrays o arreglos
- Objetos vs. arreglos
- Ciclos: manipulando el DOM con iteradores
- Declaración lenta de variables
- Una sola fuente de la verdad
- Mascotas aleatorias con arreglos
- Ataques dinámicos por cada mascota: extraer
- Renderizado dinámico en HTML
- Eventos de click dinámicos
- Secuencia de ataques del enemigo
- Iniciando el combate
- Resolviendo el reto de condicionales
- Optimizando el frontend del juego
- Quiz optimización de código
Mapa con canvas
- Introducción a canvas: dibujando con JavaScript
- Moviendo a Capipepo hacia la derecha
- Movimiento hacia todas las direcciones
- Movimientos con el teclado
- Imágenes y personajes de fondo
- Métodos en las clases
- Obstáculos y colisiones
- Combate entre mokepones colisionados
- Mapa responsive
- Botones bonitos y viewport
- Quiz mapa con canvas
Backend: videojuego multijugador
- ¿Qué es backend?
- Instalación de Node.js y NPM
- Terminal de comandos y Node.js
- Servidor web con Express.js
- HTTP, localhost, servidores y puertos
- Express.js y fetch: API REST con JavaScript
- JSON y POST: mokepon online
- Transmisión de coordenadas
- Mokepones dinámicos en el mapa
- Optimizando el mapa del juego
- Batalla entre jugadores
- Consumiendo la API de ataques del enemigo
- Quiz backend: videojuego multijugador
Próximos pasos
Estudiar programación te abrirá muchas puertas y te permitirá ganar ese sueldo que deseas. Este curso de programación gratis es muy completo para ser gratuito así que no dejes pasar esta oportunidad de aprender programación.
Encuentra más cursos gratuitos sobre programación, marketing digital y TICS aquí.
