What Will You Learn?
Master the essentials of responsive web design and implement effective strategies for crafting websites that offer seamless experiences on various devices. Explore the principles behind responsive design, understand common patterns, and learn to create your own responsive layouts using viewport tags and CSS media queries. Gain expertise in setting major and minor breakpoints, as well as optimizing text for improved readability.About This Course
Provider: Udacity
Format: Online
Duration: 14 hours to complete [Approx]
Target Audience: Beginners
Learning Objectives: Able to developing responsive websites that look great on every device.
Course Prerequisites: NA
Assessment and Certification: NA
Instructor: Udacity
Key Topics: Web Design, responsive web design, Dev Tools
Topic Covered:
- Sites On Mobile
- Intro to Project
- Setting up Chrome's Dev Tools
- Remote Debugging Intro
- Using Dev Tools on Mobile
- Mobile Tools for iOS
- Defining the Viewport
- Pixelation
- Setting the Viewport
- Large Fixed Width Elements
- Max-width on elements
- Relative Sizes
- Basic Media Query Intro
- Breakpoints
- Complex Media Queries
- Grids
- Flexbox
- Deconstructing a Flexbox Layout
- Intro to Patterns
- Fluid
- Combining Fluid Layouts
- Images
- Responsive Tables Intro
- Fonts
0 Comments