Curs de Javascript de Dalto

• Pràctiques del curs de Javascript de Dalto

Temari nivell júnior

CAPÍTOL 1

• Etiqueta <script>
• Variables
• Tipus de dades
• Àmbit/scope (let, const)
• Operadors d'assignació i aritmètics
• Concatenació i inerpolació
• Backtits ( ) i escapament de " i de '
• Operadors lògics i de comparació
• Condicionals
• Pràctica 'Cofla 1'

CAPÍTOL 2

• Arrays
• Arrays associatius / objectes
• Bucle while i do while
• break amb while
• Bucle for
• break amb for
• continue amb for
• for in
• for of
• label
• Declaració i crida de funcions
• return
• Paràmetres i arguments
• Funcions fletxa
• Pràctica 'Cofla 2'

CAPÍTOL 3

• Definició de POO
• Classes
• Objectes
• Atributs / propietats
• Mètodes
• Consructor
• Instanciació
• Abstracció
• Modularitat
• Encapsulament
• Polimorfisme
• Herència
• Mètodes estàtics
• Propietats estàtiques
• getters
• setters
• Pràctica 'Cofla3'

CAPÍTOL 4

• Mètodes de cadena comuns
  • concat()
  • startsWith()
  • endsWth()
  • includes()
  • indexOf()
  • lastINdexOf()
  • charAt()
  • padStart()
  • padEnd()
  • repeat()
  • split()
  • join()
  • substring()
  • toLowerCase()
  • toUpperCase()
  • toString()
  • trim()
  • trimEnd()
  • trimSart()
• Mètodes d'arrays transformadors
  • pop()
  • push()
  • shift()
  • unshift()
  • reverse()
  • sort()
  • splice()
• Mètodes s'arrays accessors
  • slice()
  • join()
  • indexOf()
  • lastIndexOf()
  • includes()
• Mètodes d'array de repetició
  • filter()
  • map()
  • forEach()
• Objecte Map()
  • sqrt()
  • pow()
  • cbrt()
  • max()
  • min()
  • random()
  • round()
  • trunc()
  • floor()
  • ceil()
• Pràctica 'Cofla4'

CAPíTOL 5

• Mètodes de consola
  • clear ()
  • error()
  • info()
  • log()
  • table()
  • warn()
  • count()
  • countReset()
  • group()
  • groupEnd()
  • groupCollapsed()
  • time()
  • timeEnd()
  • timeLog()

CAPÍTOL 6

• Nodes
• Document
• Element
• Text
• Comentaris
• Mètodes de selecció d'elements:
  • getElementById()
  • getElementByTagName()
  • querySelector()
  • querySelectorAll()
• Mètodes d'atributs:
  • setAttbiute()
  • getAttribute()
  • removeAttribute()
• Atributs globals
  • class
  • contenteditable
  • dir
  • hidden
  • id
  • tabindex
  • title
  • style
• Mètodes d'atributs:
  • className
  • value
  • type
  • accept
  • form
  • minlength
  • placeholder
  • labels
  • required
• Mètodes de classes:
  • classList
  • add()
  • remove()
  • item()
  • contains()
  • replace()
  • toggle()
• Mètodes d'elements:
  • textContent
  • innerHMTL
  • outerHTML
  • createElement()
  • createTextNode()
  • appenchild()
  • after()
  • before()
  • insertBefore()
  • createDocumentFragment()
• Mètodes de selecció de fills:
  • firstChild
  • lastChild
  • firstElementChild
  • lastElementChild
  • childNodes
  • children
• Mètodes de fills:
  • replaceChild()
  • removeChild()
  • hasChildNodes()
  • cloneNodes()
• Mètodes de selecció de pares:
  • parentElement
  • parentNode
• Mètodes de selecció de germans:
  • nextSibling
  • previousSibling
  • nextElementSibling
  • previousElementSibling
• Altres
  • closest()

Temari nivell mid

CAPÍTOL 7

• Objecte window:
  • open()
  • close()
  • closed
  • name
  • location
  • navigator
  • stop()
  • alert()
  • prompt()
  • confirm()
  • print()
  • screen
  • screenLeft
  • screenTop
  • scrollX
  • scrollY
  • scroll()

CAPÍTOL 8

• Eines de desenvolupament del navegador Firefox
• Pestanya Inspector
• Pestanya Consola
• Pestanya Depurador
• Pestanya Xarxa
• Pestanya Editor d'estils
• Pestanya Rendiment

CAPÍTOL 9

• Esdeveniments
• eventHandlers
• addEventListener()
• removeEventListener()
• L'objete Event
• Event bubbling
• Event capturing
• stopPropagation()
• Esdeveniments del mouse:
  • click
  • dblclick
  • mouseover
  • mouseout
  • contextmenu
• Esdeveniments del teclat:
  • keydown
  • keypress
  • keyup
• Esdeveniments de la pantalla:
  • error
  • load
  • beforeunload
  • unload
  • resize
  • scroll
  • select
  • selectionchange
• Temporitzadors
  • setTimeout()
  • setInterval()
  • clearTimeout()
  • clearInterval()

CAPÍTOL 10

• Control de flux
• Àmbit de bloc
• Sentències de control de flux condicional
• Sentències de control de flux amb switch
• Sentències de maneig d'excepcions

CAPÍTOL 11

• Codi obsolet:
  • Deprecated
  • Funcions inexistents o a punt de ser-ho
  • Excessiu ús de recursos
• Verifiació codi obsolet

CAPÍTOL 12

• Callbacks
• Promeses
• new Promise()
• then()
• catch()
• finally()

CAPÍTOL 13

• Peticions HTTP
• Dades JSON
• stringify()
• parse()
• Peticions Ajax
• XMLHttpRequest()
• readyState
• status
• load
• fecth()
• text()
• json()
• blob()
• axios
• async/await