Giter VIP home page Giter VIP logo

programacion-basica's Introduction

Acerca de

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

status readme commits tag template techs

Indice

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

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?👽

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.

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).

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).

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 (+=, -= ... ).

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.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.