Diğer Eğitimler

Eğitim Hakkında

Digital Vizyon Akademi'nin "İleri Seviye HTML5 Geliştirme Eğitimi" ile  HTML5 becerilerinizi bir sonraki seviyeye taşımak için ihtiyaç duyduğunuz her şeyi öğreneceksiniz.

Katılımcılarımız ile birlikte; how to use powerful APIs to leverage device orientation, audio and video, drag and drop, speech recognition, geolocation, the onboard battery, vibrations konularını işleyeceğiz.

Neler Öğreneceksiniz

  • Obtain the charge status of a device’s battery
  • Gain end users’ attention via their sense of touch
  • Send the end user notifications that appear outside the web browser
  • Tap into the device’s physical orientation
  • Make portions of your web page editable by the end user
  • Display portions of the web page so that they occupy the users’ entire screen
  • Implement voice recognition and speech synthesis
  • Leverage the new media elements (audio and video)
  • Work with the new <form> elements and attributes
  • Work with the WebStorage API
  • Send and receive messages from web pages, including web pages from a different domain
  • Associate HTML elements with data
  • Make any object on the web page draggable
  • Use the new features of XMLHttpRequest (XHR) level 2
  • Open full duplex connections from client to server with the WebSocket specification
  • Create single unidirectional channels between the server and the client
  • Create a 2D drawing surface with the <canvas> element and "draw” on the canvas with JavaScript.
  • Use geolocation information in your applications
  • Use web workers to boost the performance of your web applications

Eğitim İçeriği



BatteryStatus API

  • Why use the BatteryStatus API?
  • How does the BatteryStatus API work?
  • The BatteryStatus API
    • BatteryStatus API methods
    • BatteryManager properties
    • BatteryManager events
  • Browser support


Vibration API

  • Why use the Vibration API?
  • How does the Vibration API work?
  • Vibration methods


Notifications API

  • Why use the Notifications API?
  • How does the Notifications API work?
  • Notifications API
    • Notification object attributes
    • Notification events
    • Notification API methods


DeviceOrientation Event API

  • Why use the DeviceOrientation API?
  • DeviceOrientation Event API
    • DeviceOrientation events
    • How does the DeviceOrientation Event API work?
    • DeviceOrientation
    • DeviceMotion
    • DeviceOrientation Event API


Fullscreen API

  • Why use the Fullscreen API?
  • The Fullscreen API
    • Fullscreen API methods
    • Fullscreen API properties
    • Fullscreen API events
  • Notes on the fullscreen view


Speech APIs

  • Speech Recognition and Speech Synthesis
  • Speech Synthesis
    • SpeechUtterance object
    • SpeechUtterance object properties
    • SpeechUtterance object events
  • Speech Recognition


HTML5 Media elements and API

  • Audio and Video
    • The media elements
    • What are the new elements used for?
    • Browser support for the new media elements
    • <audio> element attributes
    • <video> element attributes
    • Browser support <video>
    • Browser support Ogg/Theora video format*
    • Browser support WebM/VP8 video format*
    • Browser support MPEG-4/H.264video format*
    • Browser support audio codec
    • When do I use these new elements?


  • Video and Audio APIs
    • Video/audio methods
    • Video/audio object properties
    • Video/audio object events


Forms/Constraint Validation API

  • New form input types
  • What are the new input types?
    • New attributes for input elements
    • New form elements
  • When do I use the new elements?
    • The placeholder attribute
    • The autocomplete attribute
    • The autofocus attribute
    • The list attribute and the datalist element
    • The spellcheck attribute
  • HTML5 form validation
    • Preventing default validation from occurring
  • Constraint Validation API
    • Form properties
    • Form control methods
    • Form controls validity and validityState


WebStorage API

  • Browser support for WebStorage API
  • WebStorage API
    • The Storage Object
  • When
  • Cookies vs. session storage vs. local storage


Web Messaging API

  • Web messaging’s postMessage() method
    • Establishing trust between domains
    • The origin
  • What is cross-origin resource sharing?
    • CORS support and the server
  • Ports and channel messaging
    • MessagePort methods
    • The Message event object properties


Dataset API

  • data-* syntax rules
  • The dataset API


Drag and Drop API

  • What is drag and drop?
    • What is drag and drop used for?
    • Browser support for drag and drop
    • Understanding drag and drop
    • The draggable attribute
    • Drag and drop with a data “payload”
  • Drag events
  • Drop events


XMLHttpRequest Level 2 API

  • Objectives
  • The XMLHTTPRequest object
    • What is XHR used for?
    • Benefits of XHR level 2
    • The XHR object: readyState property
  • The XHR object
    • The XHR object: Events
    • The XHR Object: Methods
    • The XHR object: Properties


Web Sockets API

  • HTTP
    • WebSocket properties
    • WebSocket event handlers
    • WebSocket methods
  • Using a WebSocket server with the WebSocket API


Server-sent Events API

  • The server messages
  • Creating an EventSource
    • The EventSource properties
    • The EventSource events
    • The advantages of server-sent events
    • The disadvantages of server-sent events
    • Server-sent events summary



Canvas API

  • What are the new elements?
  • Why use the Canvas API?
  • Canvas quick summary
  • Uses for the new Canvas API
  • Canvas Demos



Geolocation API

  • What is the Geolocation API used for?
  • Browser support for Geolocation
  • The Geolocation API
    • Geolocation object methods
    • Position object properties
    • Position interface attributes



Web Workers API

  • Features available to Web Workers
  • Why use Web Workers?
  • When should Web Workers be used?
  • How do Web Workers work?
  • The Web Worker API
    • The abstractWorkerk interface properties
    • The WorkerGlobalScope object
    • The WorkerGlobalScope object properties
    • The WorkerGlobalScope object methods
    • The WorkerGlobalScope events
  • Browser support for Web Workers
  • Types of Web Workers
    • Dedicated Worker
    • Shared Worker
  • Creating Shared Workers

Diğer Eğitimler

Digital Vizyon
444 Eğitim Seti
Eğitimlere Dön