HTML5, CSS3 and JavaScript Training: Platform-Independent Web Development

Course 2320

  • Duration: 4 days
  • Labs: Yes
  • Language: English
  • Level: Foundation
Get This Course 30.745 kr
  • 4-day instructor-led training course
  • After-course instructor coaching benefit
  • Learning Tree end-of-course exam included
#2320
  • jun 7 - 10 15:00 - 22:30 CEST
    Ottawa or AnyWare
  • Guaranteed to Run - you can rest assured that the class will not be cancelled.
    jul 26 - 29 15:00 - 22:30 CEST
    AnyWare
  • aug 15 - 18 10:00 - 17:30 CEST
    AnyWare
  • okt 11 - 14 15:00 - 22:30 CEST
    Herndon, VA or AnyWare
  • nov 28 - dec 1 10:00 - 17:30 CET
    AnyWare
  • dec 6 - 9 15:00 - 22:30 CET
    Ottawa or AnyWare
  • jan 10 - 13 15:00 - 22:30 CET
    New York or AnyWare
  • feb 27 - mar 2 10:00 - 17:30 CET
    AnyWare

Scroll to view additional course dates

HTML5 gör det möjligt för webbutvecklare att förbättra user experience (UX) för användare av både äldre och nya enheter och webbläsare. På den här kursen kommer du att tillämpa bästa praxis och nya standarder för HTML, CSS och JavaScript för att uppgradera era webbapplikationer, förbättra webbplatsens prestanda, tillgänglighet och sökmotoroptimering (SEO).

  • Experience developing web pages with HTML and CSS at the level of:
  • JavaScript experience is required

HTML5, CSS3 and JavaScript Training: Platform-Independent Web Development Delivery Methods

  • After-course instructor coaching benefit
  • Learning Tree end-of-course exam included

HTML5, CSS3 and JavaScript Training: Platform-Independent Web Development Course Benefits

  • Använda HTML5 för att skapa moderna och funktionsrika webbplatser
  • Förbättra SEO/a11y med semantiska element och mikrodata
  • Använd CSS3 för att skapa en professionell och intresseväckande design
  • Programmera avancerade RIA-applikationer med JavaScript API
  • Förbättra användarupplevelsen med drag-and-drop, Canvas- och SVG-grafik, ljud och video

HTML5, CSS3 & JavaScript Course Outline

  • Testing HTML5 with BrowserStack
  • Supporting legacy browers with regressive enhancement

Enhancing markup with new semantics

  • Upgrading pages to HTML5
  • Sectioning content with structural elements
  • Optimising page rank with microdata

Helping users with form completion

  • Guiding input with autofocus and placeholder
  • Validating data entry without scripting
  • Preventing errors with constraints and pickers
  • Customising error messages with the Constraint API

Manipulating borders and backgrounds

  • Vendor prefixes
  • Rounded corners
  • Resizable border images

Creating elaborate effects

  • Floating text and boxes with shadows and opacity
  • Animating transformations and transitions
  • Customising animations with @keyframes

Customising appearance across browsers

  • Installing downloadable fonts with @font–face
  • Hiding values in custom data–* attributes
  • Adapting mobile layout with media queries
  • Saving bandwidth with responsive images

Enabling users to work offline

  • Defining an application cache manifest
  • Addressing caching caveats
  • Comparing AppCache to Service Workers

Programming the geolocation API in JavaScript

  • Estimating user latitude and longitude
  • Selecting content by proximity

Applying modern JavaScript best practises

  • Leveraging anonymous functions
  • Simplifying JavaScript development with jQuery

Persisting data with the Web Storage API

  • Saving name/value pairs in localStorage
  • Storing Complex data in JSON format

Enhancing forms with rich text and JavaScript

  • Testing and supporting features with Modernizr
  • Simplifying content formatting with WYSIWYG editors

Manipulating files with drag–and–drop

  • Handling events on draggables and drop targets
  • Enabling drag–and–drop file upload with HTML5 programming interfaces

Exchanging message data with JavaScript APIs

  • Posting messages across windows
  • Accessing external providers with Cross–Origin Resource Sharing (CORS) and XMLHttpRequest 2
  • Pushing data with WebSockets
  • Improving responsiveness with Web Workers

Filling the Canvas element

  • Eliminating plugin dependencies with native graphics
  • Charting with lines and rectangles
  • Rendering text and embedding images

Reducing page size with SVG

  • Creating graphics with a text editor
  • Substituting vector images for larger PNG files

Enhancing a site with sound

  • Embedding audio in a web page without plugins
  • Entertaining users with natively-supported video
  • Captioning video with Web Video Text Tracks (WebVTT)

Need Help Finding The Right Training Solution?

Our training advisors are here for you.

Course FAQs

Yes! We know your busy work schedule may prevent you from getting to one of our classrooms which is why we offer convenient online training to meet your needs wherever you want, including online training.