Description

This course will teach you how to develop web applications using JavaScript programming, HTML5 and CSS3. You will see how to make your sites more dynamic and enrich them with multimedia content using HTML5. This course covers all the topics necessary to prepare for the Microsoft 70-480 exam.

Who is this training for ?

For whom ?

Web developers.

Prerequisites

Training objectives

Learn to develop sites and web applications with HTML5 and CSS3

Make websites more dynamic and more interactive

Know how to insert multimedia content using HTML5

Training program

• The structure of language
  • The HTML language and CSS.
  • The JavaScript language.
  • The concept of tags.
  • The objects of a document.
  • Titles and paragraphs of text.
  • Size, color and font.
  • Introduction to JavaScript.
  • Insert a script in an HTML/XHTML document.
  • Practical work Create pages in HTML5.
• Forms with HTML5
  • The form declaration.
  • Single and multi-line text box.
  • The drop-down menu.
  • The different buttons.
  • Organize the elements of a form.
  • Forms in a mobile environment (phone, tablet).
  • Validation with JavaScript.
  • Practical work Create a form with user input validation with HTML5.
• HTML5 styling with CSS3
  • How to use CSS3.
  • Layout and positioning.
  • Presentation level.
  • Positioning by grid.
  • Practical work Applying styles with CSS3.
• The JavaScript language
  • Basic elements (syntax, variables.
  • ).
  • Functions.
  • Custom objects.
  • Global objects (Array, Date.
  • ).
  • Arrays.
  • Practical work Example of using JavaScript.
• Les API HTML5
  • Use APIs to have interactive functions.
  • Drag and Drop.
  • Multimedia.
  • Offline mode for Web application.
  • Practical work Insert video.
• Adaptive user interface
  • Create pages that auto-adapt to devices.
  • Draw in HTML.
  • SVG.
  • Interactive graphics using of scalable vector graphics.
  • Add animations.
  • CSS transitions.
  • Practical work How to use SVG in a page Use transitions? CSS.
• Data transmission and real-time communication
  • Communicate with a remote data source.
  • Data transmission.
  • Serialization.
  • XMLHTTPRequest.
  • WebSocket.
  • Exchanges between client and server.
  • The Web Socket API and JavaScript.
  • Practical work Example of data transmission.