Introduction to HTML5 / CSS3 and JavaScript
Course Duration
3 Days
Audience
Employees of federal, state and local governments; and businesses working with the government.
Prerequisites
Basic familiarity with web browsing and general computing concepts is assumed. No prior HTML, CSS, or JavaScript experience is required.
Course Description
Introduction to HTML5, CSS3 & JavaScript is geared for developers who need to understand the latest web technologies and responsive design practices central to targeting the entire spectrum of user platforms and browsers. This jumpstart style course provides a balanced mixture of theory and practical labs designed to take students through HTML5, CSS3 and JavaScript. Students who attend this course will leave this course armed with the new skills to begin to design, implement, and deploy robust, flexible, and safe web applications.
Learning Objectives
- Build structured web pages using HTML5 semantic elements, forms, and media
- Style and position web content using CSS3 selectors, layouts, and modern visual properties
- Write JavaScript to add interactivity and dynamic behavior to web pages
- Apply responsive design practices to target diverse user platforms and browsers
- Deploy robust, flexible, and secure web application front ends
Course Outline
- Define HTML and review its history
- Look at XHTML and its relationship to HTML
- Identify HTML limitations and improvements
- HTML5 Overview
- HTML5 Semantic Structure
- HTML5 Forms
- HTML5 Media Delivery
- Learn the basics of CSS
- Meaning of cascading in CSS
- Declaring CSS within your HTML page
- Creating styles in an external CSS file
- Control how to display and position HTML elements
- Overriding standard tag behavior
- Adding new classes
- Using custom classes in your page
- What is new in CSS3
- The Advantages of CSS3
- Browser Support for CSS3
- Selecting Using Attributes
- Selecting Using DOM Structure
- Complex Selecting using Pseudo-Classes
- Selecting Using UI Components and State
- Font Options, Opacity, and Color
- Distributing Content Across Columns
- Working with Borders and Boxes
- Working with Vendor Prefixes
- Functional Techniques
- JavaScript Defined
- Variables and Operators
- Flow Control and Conditionals