Let us help you find the training program you are looking for.

If you can't find what you are looking for, contact us, we'll help you find it. We have over 800 training programs to choose from.

HTML5 and CSS

  • Course Code: Web Development - HTML5 and CSS
  • Course Dates: Contact us to schedule.
  • Course Category: Web Development Duration: 5 Days Audience: Web designers and developers who want to strengthen their HTML5, CSS3, and Bootstrap skills

The age of web sites is over.  Mobile-enabled web applications are where it’s at.  Today’s web requires a deeper, more interactive experience.  To accomplish that we need the new features that HTML5 and CSS3 have to offer.  This course will teach basic web concepts alongside modern HTML5 tools starting with the very first lecture.  Therefore, it is appropriate for all skill levels.  Whether you want a beginner’s HTML course, a refresher for a long time HTML coder, or a class that will challenge you with the latest HTML5 and CSS3 capabilities, this is it. 

This class focuses exclusively on the client-side structure (HTML5) and presentation (CSS3) of today’s web.  We will learn best practices for writing web sites that are attractive, well-structured, robust, and interactive – even without leaning on JavaScript. 

We will learn to create mobile web apps using Media Queries and Responsive Design, HTML semantic tags, advanced CSS3 selectors, pseudo-selectors, pseudo-elements, CSS transforms (translate, scale, rotate), CSS3 animation, CSS3 transitions, HTML5 offline caching, HTML5 form tags (calendar, color picker, number, range, search, voice recognition, image capture with the camera), telephone dialing from web pages, CSS rule prioritization, CSS resets, Twitter Bootstrap for rapid site development and much more. 

Audience: Web designers and developers who want to strengthen their HTML5, CSS3, and Bootstrap skills 

Prerequisites: None 

Length: 5 days 

Objectives 

Upon completion of this course, the student should be able to: 

  • Create web pages and web sites using HTML5 and CSS3 
  • Use responsive design to make pages work on laptops, iPhones, iPads or any mobile device 
  • Expertly apply styles with the advanced CSS3 selectors 
  • Play audio clips and video without Flash, Silverlight or other plugins 
  • Employ Twitter Bootstrap to shortcut the design and creation of a web site 
  • Use HTML5 semantic tags like <aside>, <section>, <header>, <article> and more. 
  • Leverage Selenium to create automated tests for regression testing 
  • Make amazing web forms with HTML5 form tags like calendar, range and color-picker 
  • Create interesting and efficient pages using CSS3 transforms and transitions, embedded images, sprite maps, and web fonts 

Topics 

  • Overview of HTML5 and CSS3 
  • How to debug HTML and CSS 
  • Advanced CSS selectors, pseudo-elements, and pseudo-classes 
  • Responsive design and CSS3 Media Queries 
  • Creating Web Apps for mobile devices 
  • Twitter Bootstrap 
  • Formatting with CSS3 
  • CSS3 transforms and transitions – animation without JavaScript 
  • CSS resets – why have them? 
  • Floats and clears 
  • Laying out pages without tables 
  • Advanced formatting of pages 
  • The new HTML5 elements 
  • HTML5 semantic tags 
View All Courses

    Course Inquiry

    Fill in the details below and we will get back to you as quickly as we can.

    Interested in any of these related courses?