Instructor-led training

Responsive Web Development with HTML and CSS Training in Martinez, California

Web Development training from Hartmann Software Group, delivered onsite in Martinez, California or live online.

Request a Training Proposal View Course Outline

What you'll learn

In this 3-day course, we will focus on applying the latest techniques provided by HTML5 and CSS3, all in the context of real-world examples. Along the way, you'll discover tips and tricks that make your future designs and development workflow leaner and more maintainable than ever before.

By the time you reach the end, you'll be equipped with the latest cutting edge front-end development skills, ready to develop your very own modern, responsive websites that are pixel-perfect across a wide range of devices.

Prerequisites

You should have a basic knowledge of HTML and CSS, and should know how to work with browser developer tools.

Course Outline

Lesson 1: The Essentials of Responsive Web Design

Defining Responsive Web Design
Our First Responsive Example

Lesson 2: Media Queries – Supporting Differing Viewports

Media Query Syntax
Combining Media Queries
Using Media Queries to Alter a Design
Media Queries Best Practices
The Viewport Meta Tag
Media Queries Level 4

Lesson 3: Fluid Layouts and Responsive Images

Converting a Fixed Pixel Design to a Fluid Proportional Layout
Flexbox
Responsive Images

Lesson 4: HTML5 for Responsive Web Designs

HTML5 Markup
Semantic HTML5
HTML5 Media Elements

Lesson 5: CSS3 – Selectors, Typography, and Color Modes

Introduction to CSS
Facilitating Feature Forks in CSS
New CSS3 Selectors and Their Use
CSS3 Structural Pseudo-classes
More About CSS
New CSS3 Color Formats and Alpha Transparency

Lesson 6: Stunning Aesthetics with CSS3

Shadows with CSS3
Gradients
Background Images
CSS Filters

Lesson 7: Transitions, Transformations, and Animations

CSS3 Transitions
CSS3 2D Transforms
CSS3 3D Transformations
Animating with CSS3

Lesson 8: Conquer Forms with HTML5 and CSS3

HTML5 Forms
The HTML5 Input Element
Styling HTML5 Forms with CSS3

Lesson 9: Using SVGs for Resolution Independence

Introducing SVGs
Inserting SVGs
Extra SVG Capabilities and Oddities

Training locations

Responsive Web Development with HTML and CSS training across the U.S. and beyond.

We provide Responsive Web Development with HTML and CSS training onsite and live online for organizations throughout the United States and internationally.

View all Responsive Web Development with HTML and CSS training locations

Ready to train your team?

Let's customize this training for your organization.

Tell us about your employees, your goals, and your preferred schedule. We'll prepare a training proposal covering scope, delivery format, and pricing.

Request a Training Proposal

or call 303.377.6176