HTML5 & CSS3

Request more details:

This course is designed to enable participants to quickly become proficient in web development and use the key functionality of HTML5 and CSS effectively, while gaining a necessary working knowledge of JavaScript and jQuery.

Cost: Price on application

Duration: 4 days

This course is not available as part of our public schedule but can be provided on a customised client specific basis.

Prerequisites:

None – this course is beneficial whether you`re new to web development or an experienced web developer who`s been frustrated by self-learning or other courses.

Who should attend:

This is for anyone who wants to develop web pages the professional way, using HTML5 semantic tags to structure the content and CSS to format and lay it out on the page. That includes:
• budding web developers
• experienced web developers who want to update their HTML/CSS skills to the new standards
• web developers who still use tables for page layout when they should be using CSS
But it's also for web programmers, whether they're working in JavaScript or using a server-side language like PHP, ASP.NET, or Java servlets and JSPs. Web programmers are often surprised at the intricacies involved in writing good HTML and CSS code, yet understanding that piece makes them more effective members of the development team.

Introduction to web development:

How web applications work
An introduction to HTML and CSS
Tools for web development
How to view deployed web pages
Five critical web development issues

How to code, test, and validate a web page:

The HTML syntax
The CSS syntax
How to use Aptana to work with HTML and CSS files
How to test, debug, and validate HTML and CSS files

How to use HTML to structure a web page:

How to code the head section
How to code text elements
How to structure the content of a page
How to code links, lists, and images

How to use CSS to format the elements of a web page:

An introduction to CSS
How to specify measurements and colors
How to code selectors
How to work with text
A web page that uses an external style sheet

How to use the CSS box model for spacing, borders, and backgrounds:

An introduction to the box model
A web page that illustrates sizing and spacing
How to set borders and backgrounds
A web page that uses borders and backgrounds

How to use CSS for page layout:

How to float elements in 2- and 3-column layouts
Two web pages that use a 2-column, fixed-width layout
How to use CSS3 to create text columns
How to position elements

How to work with links and lists:

How to code lists
How to format lists
How to code links
How to create navigation lists and bars

How to use Responsive Web Design:

Introduction to Responsive Web Design
How to implement a fluid design
How to use CSS3 media queries
A web page that uses Responsive Web Design

How to work with images:

Basic skills for working with images
Advanced skills for working images
Related skills for working with images

How to work with tables:

Basic HTML skills for coding tables
Basic CSS skills for formatting tables
Other skills for working with tables

How to work with forms:

How to use forms and controls
Other skills for working with forms
How to use the HTML5 features for data validation
How to use the HTML5 controls
A web page that uses HTML5 data validation

How to add audio and video to your website:

An introduction to media on the web
How to add audio and video to a web page
A web page that offers both audio and video

How to work with fonts and printing:

How to embed fonts in a web page
The skills for formatting printed web pages
A two-column web page with print formatting

How to use CSS3 transitions, transforms, animations, and filters:

How to use CSS3 transitions
How to use CSS3 transforms
How to use CSS3 animations
How to use CSS3 filters

How to use JavaScript and jQuery to enhance your web pages:

Introduction to JavaScript
The Email List application in JavaScript
Introduction to jQuery
The Email List application in jQuery
How to use jQuery as a non-programmer

How to use jQuery UI and jQuery plugins to enhance your web pages:

Introduction to jQuery UI
How to use four of the most popular jQuery UI widgets
Introduction to jQuery plugins
How to use three of the most popular plugins

How to use jQuery Mobile to build mobile websites:

Users and usability
Design guidelines
How to design a website
Other design considerations

How to design a website:

Users and usability
Design guidelines
How to design a website
Other design considerations

How to deploy a website on a web server:

How to get a web host and domain name
How to transfer files to and from the web
Four more skills for deploying a website