Learning Responsive Web Design LiveLessons
A quick, easy-to-understand video course for beginners on the fundamentals of responsive web design
Description
Learning Responsive Web Design LiveLessons provides web designers and developers with a practical introduction to responsive web design, which is used to create websites that work across many different types of devices-from small screen cell phones to large- and multi-screen monitors.
Jennifer Kyrnin is a working web designer and has been teaching and writing about web design, HTML, and web development since 1995. She is a freelance web designer and author, writing regularly for several websites on the Internet. She also teaches and writes about web design, HTML, CSS, JavaScript, PHP, Bootstrap, and XML and is the author of five books related to the Internet and web design.
Skill Level
Beginner
Intermediate
You Will Learn How To:
Create effective and reliable responsive designs with CSS3, HTML5, and JavaScript
Use progressive enhancement to consistently provide the right content while making the most of each device and browser
Establish breakpoints and write CSS media queries to respond appropriately to each user agent
Choose the right layout and wireframing approach for your site
Use web fonts to control typography and choose sizes that look good on any device
Master three ways to make tables responsive
Build responsive forms using the latest HTML5 tags and attributes
Implement responsive navigation patterns that users understand intuitively
Test for responsiveness and performance
Use Responsive Design + Server Side Components (RESS) to optimize performance
Who Should Take This Course
Web designers and developers who want to quickly get up to speed with the fundamentals of responsive web design
Course Requirements
Basic understanding of HTML and CSS
New Player Enables Streaming and Download Access
Now you can stream and download videos for unlimited 24/7 online/offline access and ownership.
Streaming - Watch instantly as the video streams online in real time; after purchase, simply click Watch Now to get started.
Download - Download video files for offline viewing anytime, anywhere; after purchase, simply click the Download icon within the player and follow the prompts.
Table of Contents
Lesson 1: Introducing Responsive Web Design (RWD) 1.1Learn What Responsive Web Design Is 1.2Learn the History of Responsive Web Design or RWD 1.3Understand the Alternatives to RWD 1.4Why RWD is the Best Choice for Modern Web Development 1.5Understand How RWD Helps Design for Different Situations
Lesson 2: HTML, CSS, and JavaScript for RWD 2.1Understand the Basics of HTML 2.2Review JavaScript Basics 2.3Get Started with Cascading Style Sheets
Lesson 3: CSS Media Queries 3.1Get Started With Media Queries 3.2How to Write Media Query Expressions
Lesson 4: Breakpoints 4.1Understand BreakPoints 4.2How to Define Breakpoints 4.3Optimal Breakpoints 4.4My Favorite Breakpoints
Lesson 5: Creating Responsive Layouts 5.1Understand Responsive Web Layouts 5.2Types of Layouts 5.3Using Columns in Responsive Layouts 5.4Using Tables for Web Layouts-Pros and Cons
Lesson 6: Responsive Navigation 6.1The Importance of Responsive Navigation 6.2How to Make Mobile-Friendly Navigation 6.3Pros and Cons of Standard RWD Navigation Patterns
Lesson 7: Responsive Images 7.1How to Make Images Responsive 7.2Keep the Download Speeds Fast 7.3Use Retina-Ready Images
Lesson 8: Responsive Video 8.1How to Make Video Responsive 8.2Make YouTube Videos Responsive 8.3Make a Video Background
Lesson 9: Responsive Web Tables 9.1Problems With Tables on Small Devices 9.2How to Make Tables Responsive 9.3Layout Tables Are Valid
Lesson 10: Responsive Web Forms 10.1Use Modern HTML 10.2Make Web Forms Usable 10.3Build a Responsive Form
Lesson 11: Testing RWD Sites 11.1Test in Your Favorite Browser, but Don't Stop There 11.2How to Use Google Developer Tools for Testing 11.3Use Devices, if You Can 11.4How to Test When You Don't Have the Devices
Lesson 12: Best Practices for RWD 12.1Make the Best Site You Can for the Most People 12.2Avoid the Common RWD Problems and Pitfalls
About LiveLessons
LiveLessons Video Training series publishes hundreds of hands-on, expert-led video tutorials covering a wide selection of technology topics designed to teach you the skills you need to succeed. This professional and personal technology video series features world-leading author instructors published by your trusted technology brands: Addison-Wesley, Cisco Press, IBM Press, Pearson IT Certification, Prentice Hall, Sams, and Que. Topics include: IT Certification, Programming, Web Development, Mobile Development, Home and Office Technologies, Business and Management, and more. View all LiveLessons on InformIT at http://www.informit.com/imprint/series_detail.aspx?ser=2185116
- ISBN10 0134193598
- ISBN13 9780134193595
- Publish Date 15 March 2017
- Publish Status Active
- Publish Country GB
- Imprint Pearson Education Limited
- Language English