JavaScript La Salle

Repositorio para el módulo de JavaScript del curso de frontend de La Salle (28 de junio - 27 de septiembre de 2024)

Contenidos

28 de junio

• hello world
• ejecución en diferentes partes del HTML
• console.log()
• variables -> tipos de datos

29 de junio

• repaso git y Github
• buenas prácticas
• arrays, objetos

6 de julio

• corregir ejercicio arrays + objetos
• .toString(), parseFloat(), parseInt()
• métodos de strings
• métodos de búsqueda en strings
• Otros: state of javascript, newsletter

12 de julio

• repaso métodos de strings
• métodos de arrays
• funciones

13 de julio

• funciones flecha, anónimas, autoejecutables
• condicionales

19 de julio

• corregir ejercicios condicionales
• operador ternario condicion ? cierta : falsa
• bucles: for, for...of, for...in, while, foreach
• ejercicios de bucles

20 de julio

• corregir ejercicios bucles
• extras: Math, Date, temporizadores, errores, clases
• ejercicios de repaso

26 de julio

• Corrección ejercicios de repaso
• Lectura, escritura, modificación del DOM

27 de julio

• Ejercicios DOM

Deberes agosto

• Acabar ejercicios de repaso
• Ejercicios DOM
• Pensar cosas para añadir al landing + investigación
• Actualizar los apuntes
• Traer dudas si las tenéis

Recomendaciones y buenas prácticas

• Apuntes HTML + CSS + JS
• Una única ventana del VSC (con la carpeta general que contiene los repos)
• Trabajar siempre en el repo

Github

• Método infalible para crear repos sin problemas:
  • Crear repo en Github
  • Copiar URL del repo
  • Clonar el repo desde la pestaña de Source Control en nuestra carpeta general
• Repo de prueba creado para mostrar el método
• Para publicar un repo/web en las Github pages tenéis que ir a los Settings del repo -> Pages -> Build and deployment y seleccionar la rama que queréis publicar (las Github pages solo renderizan el README.md o el index.html)

Recursos

• Repositorio del curso
• Notion con recursos de backend, JavaScript, testing, buenas prácticas, etc
• Newsletter Cassidy Williams
• MDN Web docs - JavaScript
• Curso de JavaScript de w3schools
• State of JavaScript
• Instagram David Mraz
• Eloquent JavaScript
• Juegos CSS:
  • CSS Dinner
  • Flexbox Froggy
  • Grid Garden
• Extensiones VSC:
  • Live Server
  • Open HTML in browser
  • Git Graph
  • Better Comments
  • To-do tree
• Páginas donde hacer ejercicios de programación en diferentes lenguajes:
  • Coding game
  • Code wars

Extras

• Artículo sobre rendimiento de los diferentes loops
• Artículo sobre evolución de las clases en JavaScript
• Lenguaje de programación de visuales: Processing
  • Canal de YouTube: The Coding Train
  • Lista de reproducción de p5.js
• Página de Google morse
  • Aplicación para aprender morse
• Aplicación para escribir pseudo-código: PSeInt
• Web de los premios Awwwards (para buscar ejemplos de webs innovadoras)
• Alfabeto radiofónico (alpha, bravo, charlie, delta...)
• Música para programar:
  • Lofi medieval
  • Lofi girl (hiphop)
  • Synthwave boy