Vés al contingut

Apunts de JavaScript en català

Les lliçons de JavaScript, de les variables, l’scope i el hoisting fins al DOM, els esdeveniments, JSON, fetch i l’emmagatzematge al navegador. Són els apunts que faig servir a classe: gratuïts, en català i sense registre.

  1. Introducció a JavaScript: variables, scope i hoisting

    Què és JavaScript i d’on ve, com declarar variables amb var, let i const, els àmbits global, de funció i de bloc, i què és el hoisting.

  2. Tipus de dades i conversió

    Els tipus de dades de JavaScript, de Number i String a Symbol i BigInt, la conversió explícita, la coerció implícita i la diferència entre == i ===.

  3. Operadors

    Els operadors de JavaScript: aritmètics, d’increment, d’assignació, de comparació i lògics, amb activitats com calcular l’IVA o convertir moneda.

  4. Estructures de control

    Com prendre decisions en JavaScript amb if/else, l’operador ternari i switch: sintaxi, bones pràctiques, una comparativa i dotze activitats.

  5. Estructures iteratives

    Com repetir codi en JavaScript amb els bucles for, while i do...while, quan fer servir cadascun, prompt per demanar dades i setze activitats.

  6. Arrays

    Arrays en JavaScript: crear-los, accedir-hi i modificar-los, length, push, pop, shift, unshift, slice, includes i indexOf, i com recórrer-los.

  7. Mètodes avançats d'arrays: map, filter i reduce

    Com treballar amb arrays de manera funcional: map per transformar, filter per seleccionar i reduce per acumular, i quan val més un bucle for.

  8. Objectes i orientació a objectes

    Objectes en JavaScript: propietats i subobjectes, Object.keys, values i entries, classes, getters i setters, camps privats i objectes predefinits.

  9. Funcions, arrow functions i el context de this

    Funcions en JavaScript: declaració, expressió i arrow functions, bones pràctiques i com canvia el valor de this segons on i com es crida la funció.

  10. El DOM i la manipulació d'elements HTML

    El DOM des de JavaScript: seleccionar elements, canviar-ne el text i l’HTML, estils i classes amb classList, crear i eliminar nodes i recórrer l’arbre.

  11. Esdeveniments del DOM: ratolí, teclat i formularis

    Esdeveniments del DOM amb addEventListener: clics i ratolí, teclat amb event.key i formularis amb submit, input, focus i blur, amb activitats.

  12. Introducció a JSON

    Què és JSON, la seva sintaxi i per a què serveix entre client i servidor, amb exemples, JSON.stringify i JSON.parse i una activitat de comandes.

  13. Introducció a FetchAPI i el protocol HTTP

    Com fer peticions HTTP des del navegador amb fetch: els mètodes i codis de resposta d’HTTP, exemples amb capçaleres i què és una Promise.

  14. Emmagatzematge al navegador: localStorage, sessionStorage i cookies

    Com guardar dades al navegador amb localStorage, sessionStorage i cookies: en què es diferencien, com es fan servir i quan convé cadascun.