JavaScript La Salle

Repositori pel mòdul de JavaScript del curs de frontend de La Salle (28 de juny - 27 de setembre de 2024)

Contenidos

28 de juny

• hello world
• execució en diferents parts de l'HTML
• console.log()
• variables -> tipus de dades

29 de juny

• repàs git i Github
• bones pràctiques
• arrays, objectes

6 de juliol

• corregir exercici arrays + objectes
• .toString(), parseFloat(), parseInt()
• mètodes d'strings
• mètodes de cerca en strings
• Altres: state of javascript, newsletter

12 de juliol

• repàs mètodes d'strings
• mètodes d'arrays
• funcions

13 de juliol

• funcions fletxa, anònimes, autoexecutables
• condicionals

19 de juliol

• corregir exercicis condicionals
• operador ternari condicio ? certa : falsa
• bucles: for, for...of, for...in, while, foreach
• exercicis de bucles

20 de juliol

• corregir exercicis bucles
• extres: Math, Date, temporitzadors, errors, classes
• exercicis de repàs

26 de juliol

• Correcció exercicis de repàs
• Lectura, escriptura, modificació del DOM

27 de juliol

• Gestió d'esdeveniments amb onclick i addEventListener()
• Modificació de les classes (classList)
• Exercicis DOM

Deures agost

• Acabar exericis de repàs
• Exercicis DOM
• Pensar coses per afegir al landing + recerca
• Actualitzar els apunts
• Portar dubtes (apuntats i concrets ⚠)

13 de setembre

• Exercici de repàs de maquetació
• Correcció exercicis DOM

14 de setembre

• Validació DNI i targeta bancària
• Promises
• Asincronia amb async-await i then-catch
• Crides a una API amb fetch()

20 de setembre

• Temes d'un web (clar/fosc)
• Canvi d'idioma d'un web (CAT/ES/EN)

21 de setembre

• Renderitzat condicional amb els resultats d'una API
• Fetch + targetes
• Inici Firebase

27 de setembre

• CRUD Firebase
• Instruccions entregable JS
• Dubtes finals

Recomendaciones y buenas prácticas

• Apunts HTML + CSS + JS
• Una única finestra del VSC (amb la carpeta general que conté els repos)
• Trabajar siempre en el repo

Github

• Mètode infalible per crear repos sense problemes:
  • Crear repo en Github
  • Copiar URL del repo
  • Clonar el repo desde la pestaña de Source Control en nuestra carpeta general
• Repo de prova creat per mostrar el mètode
• Per publicar un repo/web a les Github pages heu d'anar als Settings del repo -> Pages -> Build and deployment i sel·leccionar la branca que voleu publicar (les Github pages només renderitzen 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
  • Array sort
  • Array find
  • Array filter
  • Input select custom
• State of JavaScript
• Instagram David Mraz
• Eloquent JavaScript
• Juegos CSS:
  • CSS Dinner
  • Flexbox Froggy
  • Grid Garden
• Extensions VSC:
  • Live Server
  • Open HTML in browser
  • Git Graph
  • Better Comments
  • To-do tree
• Pàgines on fer exercicis de programació en diferents llenguatges:
  • Coding game
  • Code wars
  • Codédex
  • LeetCode
• APIs gratis para usar en los proyectos:
  • The Cat API
  • The Simpsons Quote API
  • Star Wars API
  • Pokeapi
  • Magic The Gathering - Scryfall
• Lit Element: libreria web components (para crear etiquetas HTML personalizadas y mucho más)
• Tempo: llibreria per donar format a dates

Extres

• Juego de verificación de contraseña
• Article sobre rendiment dels diferents loops
• Article sobre evolució de les classes a JavaScript
• Article sobre diferències entre document i window
• Artículo con diferentes animaciones hechas usando box-shadow
• Llenguatge de programació de visuals: Processing
  • Canal de YouTube: The Coding Train
  • Llista de reproducció de p5.js
• Pàgina de Google morse
  • Aplicació per aprendre morse
• Aplicació per escriure pseudo-codi: PSeInt
• Web dels premis Awwwards (per buscar exemples de webs innovadores)
• Alfabet radiofònic (alpha, bravo, charlie, delta...)
• Música per programar:
  • Lofi medieval
  • Lofi girl (hiphop)
  • Synthwave boy