Acerca de

Este repositorio contiene los proyectos desarrollados en el Curso de Programación Básica de Platzi 💻.

Indice

Mi primer código 😎

Primer código en HTML. ¡Comparte tu primer código aquí!

Primer proyecto (Peso en otro planeta) 🌌

En este proyecto se aprecian las bases de JavaScript, utilizando:

• Funciones y métodos básicos (var, prompt, parseFloat, document.write, toFixed... etc).
• Condiciones (if, else if, else... operadores condicionales ternarios (?:) ).
• Operaciones matemáticas sencillas.

La base del proyecto es la gravedad en diferentes planetas. Entonces... ¿Cuánto pesas en otros planetas?👽

Segundo proyecto (Dibujando con canvas) 📑✒️

Aquí hacemos uso de la etiqueta canvas como medio para dibujar en el documento de la página web. Encontramos en este proyecto programas como:

• Programa que dibuja una figura 3D dependiendo del número de líneas que se le indiquen.
• Programa en donde definimos el código para poder dibujar con el mouse dentro del canvas.
• Programa en donde podrémos ver la ruta específica de la página web.
• Programa en donde definimos el código para poder dibujar con las teclas dentro del canvas.

Tercer proyecto (Villa Platzi) 🌄

En este tercer proyecto hacemos el prototipo de un juego llamado Villa Platzi. Esto con el objetivo de aprender:

• Objetos literales en JavaScript (JSON).
• Carga de imágenes dentro de un canvas.
• Generar números aleatorios con funciones integradas en JS.
• Mover objetos en el canvas con las flechas del teclado (eventos).

Cuarto proyecto (Pakimanes) 🐓🐖🐄

En el proyecto Pakimanes descubrimos la prueba FizzBuzz, cómo hacerla en JavaScript y entenderla. Además, utilizamos nuevos métodos en otra forma de cargar imagenes en el documento. En el programa info-pakimanes podemos encontrar los métodos:

• Arrays.
• Ciclos for in/of.
• Clases y sus métodos (constructor y métodos que podemos crear).

Quinto proyecto (Cajero Automático) 🏧💵

Utilizamos la lógica para entender cómo funciona un cajero automático (ATM). El proyecto final es un ATM virtual en donde puedes sacar dinero, y demostrar que ese dinero se ha extraído del ATM. Hacemos uso de:

• Carga de imagenes con clases y arrays.
• Ciclo for, que es la base del funcionamiento del ATM.
• .innerHTML para escribir en el documento sin afectarlo directamente.
• Operadores aritméticos de asignación en JS (+=, -= ... ).

Sexto proyecto (Cliente/Servidor) 📥 📤

Creamos un servidor simple con nodejs y express. En este proyecto se muestra la sintaxis básica para desarrollar un servidor con ayuda de estos dos frameworks de JavaScript.

Znotas 📝

Aquí podrás encontrar los apuntes de estudiantes del Curso y notas importantes a tener en cuenta.

Colaboración

¡Toda persona es libre de colaborar en el proyecto! Haz issue o pull request y evaluaremos si es necesario hacer un commit de tu sugerencia.