Close
Contact Us info@learnquest.com

??WelcomeName??
??WelcomeName??
« Important Announcement » Contact Us 877-206-0106 | USA Flag
Close
Close
Close
photo

Thank you for your interest in LearnQuest.

Your request is being processed and LearnQuest or a LearnQuest-Authorized Training Provider will be in touch with you shortly.

photo

Thank you for your interest in Private Training.

We look forward to helping you develop the perfect training solution to help you meet your company's goals.

For immediate assistance, speak with one of our representatives using the chat module below. Otherwise, LearnQuest or a LearnQuest-Authorized Training Provider will be in touch with you shortly.

Close
photo

Thank you for your interest in LearnQuest!

Now, you will be able to stay up-to-date on our latest course offerings, promotions, and training discounts. Watch your inbox for upcoming special offers.

title

Date: xxx

Location: xxx

Time: xxx

Price: xxx

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

Price
199 USD
6.8 Hours
C10650
Self-Paced Training (Video)

AWS Training Pass

Take advantage of flexible training options with the AWS Training Pass and get Authorized AWS Training for a full year.

Learn More

Prices reflect a 22.5% discount for IBM employees (wherever applicable).
Prices reflect a 24% discount for Kyndryl employees (wherever applicable).
Prices reflect the Accenture employee discount.
Prices shown are the special AWS Partner Prices.
Prices reflect the Capgemini employee discount.
Prices reflect the UPS employee discount.
Prices reflect the ??democompanyname?? employee discount.
GSA Private/Onsite Price: ??gsa-private-price??
For GSA pricing, please go to GSA Advantage.

Class Schedule

Delivery Formats

Sort results

Filter Classes

Guaranteed to Run

Modality

Location

Language

Date

View Global Schedule

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

This course is for entry-level web developers who want to build engaging responsive experiences for the modern web. With a specific focus on device compatibility, it is ideal for businesses and individuals who need to interact directly with customers across multiple platforms. You will grasp this course more easily, if you have prior exposure and understanding of basic HTML and the CSS syntax.
 

Prerequisites


     

Topics

Lesson 1: The Essentials of Responsive Web Design
  • Defining Responsive Web Design
  • Our First Responsive Example
Lesson 2: Media Queries – Supporting Different 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
  • 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
2023 Top 20 Training Industry Company - IT Training

Need Help?

Call us at 877-206-0106 or e-mail us at info@learnquest.com

Personalized Solutions

Need a personalized solution for your Training? Contact us, and one of our training advisors will help you find the best solution.

Contact Us

Need Help?

Do you have a question about the courses, instruction, or materials covered? Do you need help finding which course is best for you? We are here to help!

Talk to us

20% Off All AI Training Courses

Achieve more with AI-powered tools and strategies.

PROMO CODE: AI20
VALID THROUGH APRIL 30, 2024

20% Off All AI Training Courses

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 (WBT) IS SELF-DIRECTED AND SELF-PACED. Before you enroll, review the system requirements to ensure that your system meets the minimum requirements for this course. AFTER YOU ARE ENROLLED IN THIS COURSE, YOU WILL NOT BE ABLE TO CANCEL YOUR ENROLLMENT. You are billed for the course when you submit the enrollment form. Web Based Training courses are non-refundable. Once you purchase a Web Based Training course, you will be charged the full price.

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.

You can start the course at any time within 12 months of enrolling for the course. After you register/start the course, you have 12 months to complete your course. Within this 12 months, the 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 a day.

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.

??group-training-form-area??
??how-can-we-help-you-area??
??personalized-form-area??
??request-quote-area??

Sorry, there are no classes that meet your criteria.

Please contact us to schedule a class.
Close

self-paced
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

Close
Nothing yet
here's the message from the cart

To view the cart, you can click "View Cart" on the right side of the heading on each page
Add to cart clicker.

Purchase Information

??elearning-coursenumber?? ??coursename??
View Cart

Need more Information?

Speak with our training specialists to continue your learning journey.

 

Delivery Formats

Close

By submitting this form, I agree to LearnQuest's Terms and Conditions

heres the new schedule
This website uses third-party profiling cookies to provide services in line with the preferences you reveal while browsing the Website. By continuing to browse this Website, you consent to the use of these cookies. If you wish to object such processing, please read the instructions described in our Privacy Policy.
Your use of this LearnQuest site affirms your consent to our use of session and persistent cookies to track how you use our website.