Durante estos ejercicios, exploraremos los conceptos de programación orientada a objetos y cómo aplicarlos usando Javascript. Lamentablemente, las implementaciones de objetos de javascript no tienen conceptos como Sobreescritura de métodos, Polimorfismo, Propiedades privadas, etc. Pero haré un esfuerzo razonable para usar todas las características orientadas a objetos disponibles:
- Crear nuevas instancias.
- Crear una clase.
- Definir tu primera propiedad.
- El constructor y los parámetros del constructor.
- Algunos ejemplos prácticos de clase.
Este tutorial es parte de un grupo más grande de tutoriales sobre desarrollo web, este repositorio se enfoca solo en Programación Orientada a Objetos.
- Introducción a HTML
- Introducción a CSS
- Introducción a Javascript
- Introducción a The DOM
- Utilizando eventos & The DOM
- Programación Orientada a Objetos ← estás aquí ahora 🔥
Puedes comenzar el tutorial en línea en solo 10 segundos o descargar los archivos fuente para hacerlo localmente.
Puedes empezar estos ejercicios en pocos segundos haciendo clic en: Abrir en Codespaces (recomendado) o Abrir en Gitpod.
Una vez ya tengas abirto VSCode los ejercicios deberían empezar automáticamente, si esto no sucede puedes intentar empezar los ejercicios escribiendo este comando en tu terminal:
$ learnpack start
Clona el repositorio en tu ambiente local y sigue los siguientes pasos:
- Asegúrate de instalar learnpack y
node.jsversion 14+. Este es el comando para instalar learnpack:
$ npm i learnpack -g- Instala el node compiler para learnpack y el jest package para los unit testing:
$ learnpack plugins:install learnpack-node && npm i jest@24.8.0 -g-
Clona o descarga este repositorio. Una vez que termines de descargar encontrarás una carpeta con un subdirectorio "exercises" que contiene los ejercicios.
-
Inicializa el tutorial/ejercicios ejecutanto el siguiente comando en la raíz del proyecto:
$ learnpack runCada ejercicio es una pequeña aplicación de react que contiene los siguientes archivos:
- app.js: Representa el archivo javascript de entrada que ejecutará la computadora.
- README.md: Contiene las instrucciones de ejercicio.
- test.js: Contiene el script del test para el ejercicio (no es necesario que abras este archivo).
Nota: Estos ejercicios tienen calificación automática pero es un tanto rígida, te recomiendo ignorar los tests, considéralos como una recomendación o podrías frustrarte.
Gracias a estas personas maravillosas (emoji key):
-
Alejandro Sanchez (alesanchezr), contribución: (programador) 💻 (idea) 🤔, (build-tests)
⚠️ , (pull-request-review) 🤓 (build-tutorial) ✅ (documentación) 📖 -
Paolo (plucodev), contribución: (bug reports) 🐛, (programador), (traducción) 🌎
Este proyecto sigue la especificación all-contributors. ¡Todas las contribuciones son bienvenidas!
Este y otros ejercicios son usados para aprender a programar por parte de los alumnos de 4Geeks Academy Coding Bootcamp realizado por Alejandro Sánchez y muchos otros contribuyentes. Conoce más sobre nuestros Curso de Programación para convertirte en Full Stack Developer, o nuestro Data Science Bootcamp.