title
Please take a moment to fill out this form. We will get back to you as soon as possible.
All fields marked with an asterisk (*) are mandatory.
Beginning Responsive Web Development with HTML and CSS Video Training
Course Description
Overview
With trends driving the changes in web design, it is almost impossible for desktop-only websites to meet minimum style and usability expectations. We show you how to create a single solution that works on all modern devices. This course begins with the latest techniques provided by HTML5 and CSS3. Along the way, you will 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 will be equipped with the latest cutting-edge frontend development skills, ready to develop your very own modern, responsive websites that are pixel-perfect across a wide range of devices.This course perfectly balances theory and demos. Each module is designed to build on the learnings of the previous lesson. The course contains multiple demos that use real-life business scenarios for you to practice and apply your new skills in a highly relevant context.
This is a self-paced video course. Any files needed for exercises or activities will be available for download from the course page.
Objectives
- Recognize the importance of responsive design in modern web development
- Fully utilize cleaner, faster, and semantically rich HTML markup
- Integrate CSS media queries into designs to serve unique styles to audiences
- Create web forms with built-in validation and interface elements using only HTML
- Use latest stylistic flourishes with custom fonts, properties, and selectors
- Use SVGs for resolution independence
Audience
Topics
- Defining Responsive Web Design
- Our First Responsive Example
- 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
- Converting a Fixed Pixel Design to a Fluid Proportional Layout
- Flexbox
- Responsive Images
- HTML5 Markup
- Semantic HTML5
- HTML5 Media Elements
- 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
- Shadows with CSS3
- Gradients
- Background Images
- CSS Filters
- CSS3 Transitions
- CSS3 2D Transforms
- CSS3 3D Transformations
- Animating with CSS3
- HTML5 Forms
- The HTML5 Input Element
- Styling HTML5 Forms with CSS3
- Introducing SVGs
- Inserting SVGs
- Extra SVG Capabilities and Oddities
Related Courses
-
HTML, XHTML, and CSS
WDHT-200- Duration: 3 Days
- Delivery Format: Classroom Training, Online Training
- Price: 1,755.00 USD
-
New Features of HTML5 and CSS3
WDHT-205- Duration: 2 Days
- Delivery Format: Classroom Training, Online Training
- Price: 1,170.00 USD
Self-Paced Training Info
Learn at your own pace with anytime, anywhere training
- Same in-demand topics as instructor-led public and private classes.
- Standalone learning or supplemental reinforcement.
- e-Learning content varies by course and technology.
- View the Self-Paced version of this outline and what is included in the SPVC course.
- Learn more about e-Learning
Course Added To Shopping Cart
bla
bla
bla
bla
bla
bla
Self-Paced Training Terms & Conditions
Web Based Training courses are sold on a per-user basis. WBT courses provide a training advantage for you and your teams, helping you get up to speed quickly. Take the courses you need, at your convenience and at your own pace.
After you register for the course, an access instructions email will be sent within 1-2 business days. Within the enrollment period, this self-paced format gives you the opportunity to complete the course at your convenience, at any location, and at your own pace. The course is available 24 hours per day.
Exam Terms & Conditions
Sorry, there are no classes that meet your criteria.
Please contact us to schedule a class.
STOP! Before You Leave
Save 0% on this course!
Take advantage of our online-only offer & save 0% on any course !
Promo Code skip0 will be applied to your registration
Purchase Information
title
Please take a moment to fill out this form. We will get back to you as soon as possible.
All fields marked with an asterisk (*) are mandatory.