Programación Básica
Nuevo Curso Gratis de Programación Básica
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.
• Escribe código fluido con HTML, CSS y JavaScript
• Diseña algoritmos
• Desarrolla software con funciones, objetos y eventos
• Programa un videojuego para la web
Para este curso vas a necesitar
15 Horas de contenido
14 Horas de práctica
Conocimientos previos
• Ninguno
• Software para este curso
• Computadora con sistema operativo Windows, macOS o Linux
Temario y recursos del Nuevo Curso Gratis de Programación Básica
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
• ¿Dónde ubicar la etiqueta script? Conectando HTML con JavaScript
• Escuchando eventos con JavaScript
• addEventListener
• Manipulación del DOM
• Enemigos aleatorios
• Ataques en JavaScript
• Ataques aleatorios del enemigo
• Imprimiendo ataques del enemigo
• ¿Ganaste, perdiste o empataste?
• Tablas de verdad
• Creando el contador de vidas
• ¿Quién ganó el juego?
• Reiniciando el juego
• Ocultando elementos HTML con JS para mejorar la UX del juego
• 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
• Probando el juego en varios dispositivos
• ¿Y ahora qué curso tomar?
|
|
Nuestra tarea es centralizar la mayor cantidad de cursos ,capacitaciones, tutoriales, videos para que te sea mas fácil de buscar a la hora de querer capacitarte.
Generalmente, incorporamos los que son gratis pero si encontramos algunos interesantes que son pagos los agregamos para que tu capacitación sea mas redituable y profesional.
Sigue capacitándote para llegar a ser un mejor profesional o simplemente por logros personales, anímate, no abandones y adelante !!!.
Mucha Suerte !!! el equipo de:
|