Introduction to Responsive Web Design

PT10307
Training Summary
The "Introduction to Responsive Web Design" course offers a comprehensive exploration of the principles and techniques behind Responsive Web Design (RWD), empowering participants with the knowledge and skills to create adaptive and user-friendly web experiences across various devices and screen sizes. This course caters to both beginners and experienced web developers seeking to enhance their understanding of RWD, its benefits, and its practical implementation. Participants will leave the "Introduction to Responsive Web Design" course with a solid understanding of RWD principles, practical techniques, and the ability to create responsive web pages that adapt gracefully to various devices and screen sizes. This course equips participants with the knowledge and skills to craft seamless user experiences across the modern web landscape.
Prerequisites
Participants should have a basic understanding of HTML, CSS, and web development concepts. Familiarity with web design principles and basic JavaScript is beneficial but not required.
Duration
5 Days/Lecture & Lab
Audience
This course is designed for new or experienced web developers who want to become job-ready front-end web developers. Participants will be ready to join web development teams as productive team members with a thorough understanding of HTML, the DOM, and how properly structured semantic HTML can play a role inn both CSS and JavaScript. Thus, adding value to the code-base following best practices.
Course Topics
  • Introduction to Responsive Web Design
  • Fundamental Techniques of RWD
  • Feature Detection
  • The Viewport
  • Media Attribute and Media Queries
  • The CSS Box Model
  • The CSS Reset
  • The Display Property
  • Overview of RWD Layout Techniques
  • Understanding Flexbox Layout
  • Grid Layout
  • Introduction to CSS Frameworks and Bootstrap
  • Fundamentals of Layout with Bootstrap
  • The Bootstrap 4 Grid System
  • Bootstrap Built-in Styles
  • Bootstrap Components
  • Bootstrap Editors
  • Responsive Typography
  • Responsive Images
  • Responsive Tables

Related Scheduled Courses