Objetivos: Aprender haciendo y obtener un sentido de logro inmediato.
@cphemm-creadora original del proyecto.
La idea principal con estos proyectos de programción utilizando el lenguage Javascript es precisamente los mismos que usamos para enseñar html y css: realizar ejercicios prácticos, útiles y verlos convertidos en realidad en la web una vez terminados, lo cual es muy gratificante para el alumno en cuestión en su auto estima y auto confianza que nada podrá igualar.
A lo largo de este tiempo hemos encontrado que si bien las clases sobre los conceptos, sintaxis, funcionamiento de algoritmos, construcción de estilos y estructura de páginas web es importante leerlos y verlos en clase presencial o en video, pero nada substituye a la práctica. Solo que la práctica con un propósito de sentido de logro es aun más importante. Ver materializado tu aprendizaje en algo que orgullosamente puedas decir "yo lo hice" es incomparable.
La práctica continua de los conceptos utilizandolos de diferentes maneras ayudan a comprenderlos mejor, afianzandolos permanentemente e tu cerebro para sacarlos en automático cada vez que practias y practicas. Robótica, carpintería, electrónica, construcción, mecánica, la enseñanza de cualquier deporte o instrumento musical tienen el mismo principio. Práctica, práctica, práctica.
El presente proyecto es un calculador de propinas. Para aquellas veladas con los amigos donde compartimos la propina. Útil, rápido y eficiente.
Recomiendo muchísimo al practicar, tener dos columnas. Una con el código tal cual y la otra en blanco para copiarlo integro a la vez que analizan los porques de su ubicación en la página web. Ejemplo: CSS en "head" y "style" asi como "html" y "javascript" en body. Fijate como se relacionan entre ellos a medida que escribes. Lo otro muy importante también, es abrir la página del proyecto original de Carolyn Hemmings a la vez que como vas copiando, analizando...señala al mismo tiempo cada parte de la que estás copiando por ejemplo el boton "calculate" con el botón derecho del mouse dar clic a "inspeccionar elemento" y es genial ver lo escrito en css y el elemento inspeccionado como se muestran. Te ayuda a entender, relacionar, aprender y aplicar.
Enlaces relacionados:
- Carolyn Hemmings-creadora de la calculadora de propinas.
- Codepen: fuente original del proyecto
- JSBIN. Un lugar para entenderlo, practicarlo y aprender.
- Próximo proyecto de javascript/Raspando la red.
Tip Calculator
How many people are sharing the bill?
people