Desenvolupament web amb HTML5, CSS3 i JavaScript

Format: Classroom, Online, Onsite | Durada: 5 dies

Descripció general

Descripció general

Aquest curs introdueix als alumnes als canvis que han tingut lloc en els estàndars Web des del punt de vista del contingut i la presentació visual.

El curs aborda aspectes relacionats amb l’estructura de pàgines, la presentació i la programació (JavaScript, etc.)

Objectius del curs

Objectius del curs

Al finalitzar el curs els alumnes podran:

  • Conèixer les novetats i diferències respecte a versions anteriors
  • Poder utilitzar les noves etiquetes semàntiques correctament per afavorir la presència SEO individual o corporativa
  • Incorporar elements multimèdia i gràfics, usant les noves opcions de l’estàndard
  • Crear formularis web amb les noves opcions de validació i control d’entrades
  • Dissenyar interfícies web Responsive utilitzant les opcions de CSS3
  • Solucionar problemes comuns de presentació i interacció amb l’usuari
  • Conèixer i aprofundir en l’ús d’HTML5, CSS3 i les seves possibilitats
  • Conèixer i utilitzar les noves característiques ofertes per JavaScript
  • Manejar els depuradors integrats en els navegadors
  • Conèixer i utilitzar les noves API propostes per JavaScript maig

Dirigido a

Dirigido a

Enginyers i desenvolupadors web habituats a treballar amb altres tecnologies web i que estiguin acostumats a crear aplicacions per a entorns web.

Prerequisits

Prerequisits

Els alumnes han de conèixer les característiques del desenvolupament web.

Contingut del curs

Contingut del curs

1. HTML 5

  • Compatibilitat cap a enrera
  • Etiquetes obsoletes
  • La sintaxis general de HTML
  • Etiquetes modificades
  • Canvis genèrics
  • Etiquetes estructurals i semàntiques
  • <section>
  • Etiquetes d’esquema de document
  • Exemple “oficial”
  • Implementació pràctica d’una entrada d’un blog
  • DEMO: Prototip d’un blog
  • <figure>
  • L’oferta multimèdia: <video>, <audio>, <source> i <track>
  • Utilització de les etiquetes <video> i <audio>
  • <source>
  • Altres atributs complementaris
  • Exemple bàsic d’ús
  • <audio>
  • Etiquetes clàsiques
  • Exemple d’ús d'<embed>
  • <mark> <progress> <meter> <time> <wbr> <details> <datalist> i <canvas>
  • Dibuixant sobre el <canvas>
  • Treballant amb texte
  • Utilizant imatges en un <canvas>
  • Transformacions
  • Animacions
  • Soport SVG

2. Atributs

  • Atributs <input> i l’API HTML per a formularis
  • Marcadors de posició
  • Autofoco i Autocompletar
  • <datalist> i <input>
  • Ús d’entrades numériques
  • Ús de data amb format d’entrades
  • Validacions
  • Patrons
  • API per a Validacions
  • WAI-ARIA
  • Atributs Data

3. CSS 3

  • Nous atributs per altres elements existents
  • Revisió: Estructura d’un document CSS
  • Regles: definició i tipus
  • Els dos triangles esquemàtics: Ubicació i Selecció
  • Posicionament
  • L’especificació CSS3. Estat actual
  • Fulls d’estils de gestió
  • Treballar amb fonts Web
  • Text: noves opcions
  • Administració de fons i colors
  • Tipus de valors
  • Degradats i paletes de colors
  • Efectes visuals
  • Quadres i bordes
  • Columnes
  • Transicions
  • Animacions

4. JavaScript

  • Els canvis en el llenguatge JavaScript
  • Programació d’events i gestió de la concurrència
  • AJAX Nivell 2.1. Ús d’AJAX amb jQuery
  • Geolocalització
  • Emmagatzematge local: LocalStorage i SessionStorage
  • Application Cache
  • Accés a arxius
  • Arrosegar i Deixar
  • Web Sockets
  • Web Workers
  • API de notificacions

Interessant?

Vols més informació sobre aquest curs? Contacta amb nosaltres i t’assessorarem