MOC 20480

PROGRAMMING IN HTML5 WITH JAVASCRIPT AND CSS3

 

 

Duración:
25 horas lectivas.
5 Horas / Día

Inicio » Cursos » MOC 20480

Detalles

 

Requisitos previos MOC 20480:

1 – 3 months experience creating Web applications, including writing simple JavaScript code
1 month experience creating Windows client applications
1 month of experience using Visual Studio 2017.

 

Ubicación

  • Presencial en Madrid y Barcelona
  • En oficina de cliente
  • Online Direct

 

Objetivos MOC 20480:

Este curso proporciona una introducción a HTML5, CSS3 y JavaScript y ayuda a los estudiantes a adquirir habilidades básicas de programación HTML5 / CSS3 / JavaScript.
Es un punto de entrada tanto a la aplicación web como a las aplicaciones de la Tienda Windows. El curso se enfoca en el uso de HTML5 / CSS3 / JavaScript para implementar la lógica de programación, definir y usar variables, realizar bucles y bifurcaciones, desarrollar interfaces de usuario, capturar y validar la información del usuario, almacenar datos y crear aplicaciones bien estructuradas.

 

Temario MOC 20480:

Module 1: Overview of HTML and CSS

  • Overview of HTML
  • Overview of CSS
  • Creating a Web Application by Using Visual Studio 2017

Lab : Exploring the Contoso Conference Application

 

Module 2: Creating and Styling HTML Pages

  • Creating an HTML5 Page
  • Styling an HTML5 Page

Lab : Creating and Styling HTML5 Pages

 

Module 3: Introduction to JavaScript

  • Overview of JavaScript
  • Introduction to the Document Object Model

Lab : Displaying Data and Handling Events by Using JavaScript.

 

Module 4: Creating Forms to Collect and Validate User Input

  • Creating HTML5 Forms
  • Validating User Input by Using HTML5 Attributes
  • Validating User Input by Using JavaScript

Lab : Creating a Form and Validating User Input

 

Module 5: Communicating with a Remote Server

  • Async programming in JavaScript
  • Sending and Receiving Data by Using the XMLHttpRequest Object
  • Sending and Receiving Data by Using the Fetch API

Lab : Communicating with a Remote Data Source

 

Module 6: Styling HTML5 by Using CSS3

  • Styling Text by Using CSS3
  • Styling Block Elements
  • Pseudo-Classes and Pseudo-Elements
  • Enhancing Graphical Effects by Using CSS3

Lab : Styling Text and Block Elements by Using CSS3

 

Module 7: Creating Objects and Methods by Using JavaScript

  • Writing Well-Structured JavaScript Code
  • Creating Custom Objects
  • Extending Objects

Lab : Refining Code for Maintainability and Extensibility

 

Module 8: Creating Interactive Pages by Using HTML5 APIs

  • Interacting with Files
  • Incorporating Multimedia
  • Reacting to Browser Location and Context
  • Debugging and Profiling a Web Application

Lab : Creating Interactive Pages with HTML5 APIs

 

Module 9: Adding Offline Support to Web Applications

  • Reading and Writing Data Locally
  • Adding Offline Support by Using the Application Cache

Lab : Adding Offline Support to Web Applications

 

 

Module 10: Implementing an Adaptive User Interface

  • Supporting Multiple Form Factors
  • Creating an Adaptive User Interface

Lab : Implementing an Adaptive User Interface

 

Module 11: Creating Advanced Graphics

  • Creating Interactive Graphics by Using SVG
  • Drawing Graphics by Using the Canvas API

Lab : Creating Advanced Graphics

 

Module 12: Animating the User Interface

  • Applying CSS Transitions
  • Transforming Elements
  • Applying CSS Keyframe Animations

Lab : Animating the User Interface

 

Module 13: Implementing Real-time Communication by Using Web Sockets

  • Introduction to Web Sockets
  • Using the WebSocket API

Lab : Performing Real-time Communication by Using Web Sockets

 

Module 14: Performing Background Processing by Using Web Workers

  • Understanding Web Workers
  • Performing Asynchronous Processing by Using Web Workers

Lab : Creating a Web Worker Process

 

Module 15: Packaging JavaScript for Production Deployment

  • Understanding Transpilers And Module bundling
  • Creating Separate Packages for Cross Browser Support

Lab : Setting Up Webpack Bundle for Production

 

Gadesoft Madrid

C/Clara del rey, 14
28002 Madrid, Spain
Tfno: 91 510 23 90
 info@gadesoft.com

Gadesoft Barcelona

Carrers del Madrazo, 27 - 2º 4ª
08006 Barcelona
Tfno: 93 368 0087