Responsive Web Development with HTML and CSS Training in Charlotte

Enroll in or hire us to teach our Responsive Web Development with HTML and CSS class in Charlotte, North Carolina by calling us @303.377.6176. Like all HSG classes, Responsive Web Development with HTML and CSS may be offered either onsite or via instructor led virtual training. Consider looking at our public training schedule to see if it is scheduled: Public Training Classes
Provided there are enough attendees, Responsive Web Development with HTML and CSS may be taught at one of our local training facilities.
We offer private customized training for groups of 3 or more attendees.

Course Description

 

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.

Course Length: 3 Days
Course Tuition: $1570 (US)

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

Interesting Reads Take a class with us and receive a book of your choosing for 50% off MSRP.