Tu misión: ¡Programa tu propio videojuego!
En Punto Code, nos apasiona aprender haciendo. Por eso, a lo largo de este curso, enfrentarás un emocionante desafío: ¡programar tu propia versión de "Space Invaders"!
124
Instalando Google Chrome
Instalando Visual Studio Code
Utilizando VS Code
Creando una Cuenta en Github
Git
Instalando Git en Windows
Instalando Git en Mac
Configurando Git por Primera Vez
Comandos Básicos en la Terminal
Bifurcar (Fork), Clonar (Clone) y Actualizar un Repo
1.1 ¿Qué es HTML?
1.2 Anatomía de HTML
1.3 Creando un Archivo HTML
1.4 Elemento body del documento HTML
1.5 Estructura HTML
1.6 Headings
1.7 Divs
1.8 Atributos
1.9 Mostrando Texto
1.10 Estilo de Texto
1.11 Saltos de Línea
1.12 Listas Desordenadas
1.13 Listas Ordenadas
1.14 Imagenes
1.15 Alt
1.16 Videos
1.17 Tablas
1.18 Formularios
1.19 Estructura y Semantica
1.20 Resumen Principios de HTML
2.1 Introducción a CSS
2.2 Anatomía de CSS
2.3 Inclusión de CSS: Inline
2.4 Inclusión de CSS: Hoja de Estilo Interna
2.5 Inclusión de CSS: Hoja de Estilo Externa
2.6 Comentarios en CSS
2.7 Selector de Elementos
2.8 Selector Universal
2.9 Selectores de Clase
2.10 Selector de ID
2.11 Combinando Clases
2.12 Combinadores y Selectores Descendientes
2.13 Pseudo-clase
2.14 Pseudo-elementos
2.15 Especificidad
2.16 Encadenamiento
2.17 Colores en CSS
2.18 Propiedades de Fondo
2.19 Box Model (Modelo de Caja)
2.20 Padding (Relleno)
2.21 Border (Borde)
2.22 Margin (Margen)
2.23 Ancho y Alto (Width y Height)
2.24 Box Sizing
2.25 display
2.26 Posicionamiento
2.27 Propiedades de Fuente
2.28 Texto: Alineación, Decoración, Transformación
2.29 Uso y Conexión de Fuentes Web
2.30 Resumen: Introducción a CSS
3.1 ¿Qué es Flexbox?
3.2 Contenedor y Elementos Flex
3.3 Propiedades de Contenedor Flex
3.4 display
3.5 Eje Principal y Eje Transversal
3.6 flex-direction
3.7 flex-wrap
3.8 Atajo: flex-flow
3.9 justify-content
3.10 align-items
3.11 align-content
3.12 Propiedades de Elementos Flex
3.13 Order
3.14 flex-grow
3.15 flex-shrink
3.16 flex-basis
3.17 Atajo: flex
3.18 align-self
4.1 ¿Qué es JavaScript?
4.2 El elemento script
4.3 El atributo src
4.4 Conversando con la Computadora
4.5 La Consola del Navegador
4.6 Comentarios
4.7 Tipos de Datos
4.8 Operadores Aritméticos
4.9 Las Variables
4.10 Operadores de Asignación
4.11 El Operador de Incremento y Decremento
4.12 Las Declaraciones Condicionales
4.13 La Declaración if
4.14 La Declaración if...else
4.15 Los Operadores de Comparación
4.16 Operadores Lógicos
4.17 ¿Qué son las Funciones?
4.18 Declaración de Funciones
4.19 Llamando a una función
4.20 Parámetros y Argumentos
4.21 Return
4.22 ¿Qué son los Arrays? + Creando un Array
4.23 Accediendo a los Elementos de un Array
4.24 Actualizando Elementos de un Array
4.25 El bucle "for loop"
4.26 Bucle Infinito
4.27 Iteración Sobre Arrays con "for loop"
4.28 Resumen: Introducción a JavaScript
5.1 ¿Qué es el DOM?
5.2 Manipulando el DOM
5.3 Selección de Elementos en el DOM
5.4 .style
5.5 Modificación de Contenido y Atributos
5.6 Creación y Eliminación de Elementos
5.7 ¿Qué es un evento?
5.8 Escuchando Eventos
5.9 Eventos y Formularios
6.1 Introducción a Objetos
6.2 Creando Objetos Literales
6.3 Accediendo a Propiedades
6.4 Accediendo a Propiedades con Variables
6.5 Agregar, Modificar y Eliminar Propiedades
6.6 Métodos
6.7 Métodos vs Funciones
6.8 Objetos Anidados
6.9 Resumen: Objetos en JavaScript
Desde los primeros pasos hasta la línea de meta, construirás cada detalle de tu videojuego bajo la guía de nuestros expertos. Te sumergirás en el fascinante mundo de la programación, viendo cómo tu juego cobra vida a medida que adquieres nuevas habilidades.
Al culminar el curso, no sólo dominarás los fundamentos de la programación con Scratch, sino que tendrás tu propio videojuego para mostrar, y la satisfacción de decir "¡Lo hice yo mismo/a!".
Selecciona un plan para inscribirte en este curso
Plan Grupal con Mentoría
$800 al mes
Acceso mensual con
renovación automática para 1 persona
(pago mensual recurrente)
Este plan es perfecto para aquellos que disfrutan aprendiendo en un entorno
colaborativo y desean recibir atención personalizada.
👉 Participa en una clase grupal interactiva de 1 hora por semana dirigida por un
maestro experto: inscríbete en un grupo con horarios fijos y aprende junto a otros
estudiantes.
🧑🏻💻 1 sesión individual de 30 minutos por semana con un mentor dedicado: agenda tu
clase a tu conveniencia y recibe asesoramiento personalizado.
✏️ Inscripción en cualquier curso de tu elección con acceso ilimitado al material del
curso en el que estás inscrito. Para inscribirte en un nuevo curso, debes completar el
actual.
🎓 Certificados digitales que acreditan tu aprendizaje y respaldan tu desarrollo en
programación.
Plan Individual Flexible
$1200 al mes
Acceso mensual con
renovación automática para 1 persona
(pago mensual recurrente)
Este plan es ideal para aquellos que buscan una experiencia de aprendizaje 100%
personalizada y requieren la máxima flexibilidad para programar sus clases.
🧑🏻💻 1 clase individual de 1 hora por semana con un maestro experto: programa tu
clase en el horario que mejor se acomode a tus necesidades y recibe atención
personalizada.
✏️ Inscripción en cualquier curso de tu elección con acceso ilimitado al material del
curso en el que estás inscrito. Tienes la libertad de cambiar de curso en cualquier
momento.
🎓 Certificados digitales que acreditan tu aprendizaje y respaldan tu desarrollo en
programación.
Fechas de Plan Grupal con Mentoría
-
Inscríbete
Gratis
Introducción a HTML, CSS, y JavaScript
Del 21/ago al 25/ago -
Inscríbete
Gratis
Introducción a HTML, CSS, y JavaScript
Del 28/ago al 1/sep -
Inscríbete
Gratis
Introducción a HTML, CSS, y JavaScript
Del 4/sep al 8/sep -
Inscríbete
Gratis
Introducción a HTML, CSS, y JavaScript
Del 11/sep al 15/sep -
Inscríbete
Gratis
Introducción a HTML, CSS, y JavaScript
Del 18/sep al 22/sep
Preguntas Frecuentes
Nuestro programa 'Plan Grupal con Mentoría' está especialmente diseñado para jóvenes de 13 a 19 años. Sin embargo, nuestro 'Plan Individual Flexible' es accesible y adaptable para todos, desde los 6 años en adelante. Esto incluye estudiantes con necesidades especiales y adultos de cualquier nivel de habilidad.
¡Definitivamente! Reconocemos que cada estudiante tiene un enfoque único para el aprendizaje. Por eso, todos nuestros planes incluyen sesiones individuales para asegurar que recibas la atención personalizada que necesitas. Sin embargo, si buscas la máxima personalización y adaptabilidad a tu ritmo y estilo de aprendizaje, nuestro 'Plan Individual Flexible' podría ser la opción ideal para ti. Este plan ofrece la oportunidad de programar clases individuales a tu conveniencia, proporcionándote una atención aún más personalizada y un aprendizaje a tu propio ritmo."
Todas nuestras clases se realizan en vivo a través de Internet, dirigidas por instructores dedicados y expertos. Nuestras clases grupales duran una hora, mientras que la duración de las clases individuales varía según el plan que elijas.
El material del curso es accesible desde cualquier dispositivo, pero para una experiencia de aprendizaje óptima y para programar de manera efectiva, es necesario usar una laptop o computadora de escritorio.
No, en Punto Code creemos en la comodidad y la flexibilidad. Todas nuestras clases son 100% en línea y en vivo. ¡Puedes aprender desde cualquier lugar que te sea cómodo!
Nuestro viaje de aprendizaje comienza con programación visual, donde aprenderás los conceptos fundamentales de la programación de una manera divertida y sencilla. A medida que avanzas, te introduciremos en HTML, CSS, JavaScript, Python y C#.
En Punto Code, nuestras clases son mucho más que simples lecciones. Nuestra metodología de enseñanza es interactiva, práctica y centrada en el estudiante. Algunos de los aspectos que hacen que nuestras clases sean únicas incluyen:
Aprender haciendo: Los estudiantes desarrollarán habilidades de programación a través de la creación de sus propios videojuegos. Esto no sólo hace que las clases sean más divertidas, sino que también permite a los estudiantes ver de primera mano cómo los conceptos que están aprendiendo se aplican en la práctica.
Interactividad: Los estudiantes participan activamente en su aprendizaje a través de proyectos prácticos, ejercicios interactivos y discusiones en clase.
Contenido visual: Nuestras clases incluyen gráficos atractivos, videos y animaciones para facilitar la comprensión y mantener a los estudiantes comprometidos.
Feedback inmediato: Ofrecemos a nuestros estudiantes retroalimentación inmediata para ayudarles a comprender lo que están haciendo bien y lo que pueden mejorar.
Enseñanza centrada en el estudiante: Nos esforzamos por adaptar nuestras lecciones a las necesidades individuales de cada estudiante y ofrecer múltiples formas de aprender el material.
Aplicación al mundo real: Conectamos los conceptos de programación con aplicaciones del mundo real, para que los estudiantes puedan ver la relevancia y el valor de lo que están aprendiendo.
Comunidad y colaboración: Fomentamos la interacción entre los estudiantes a través de proyectos grupales, foros de discusión y sesiones de intercambio de ideas.
En Punto Code, tu tiempo es importante para nosotros. Por eso, ofrecemos diferentes planes con horarios flexibles. Puedes programar tus clases individuales a la hora que más te convenga cada semana. En caso de contratiempos, puedes cancelar y reprogramar tu clase con al menos 24 horas de anticipación. Las clases grupales tienen horarios fijos y no pueden ser reprogramadas, pero todas las sesiones se graban para que puedas revisarlas en cualquier momento desde tu portal de cursos."
CL-001 - 100% Content Width
This is layout snip will not be visible inside of this window. Hover over here to copy the snippet and then place inside your course lesson.
CL-001
Your Player Snips Are Ready to Copy: Watch the Getting Started Video
Hover over each one to get the Player Snip code. Then in another window, open your course curriculum. Find the lesson you wish to place the snip into and put the editor into code view. After putting the editor in code view, paste in the Player Snip. Once the snip is pasted, get out of code view, save the course and then preview the lesson sinde the course player.
See the latest updates
Welcome To Player Snips
Please watch the getting started video below before you begin using your new superpowers