Responsive Web Design for Beginners
Course
Online
Description
-
Type
Course
-
Methodology
Online
-
Start date
Different dates available
Learn the essential fundamentals of creating responsive sites using HTML and CSS. This course will teach you the skills necessary to turn your static websites into dynamic layouts that can be viewed and automatically resized on any screen. Further your developer skills and spice up all your basic web development projects!
You will learn how to:
Use media queries to change the layout based on screen size
Implement CSS Flexbox to resize elements automatically
Create a flexible grid-based layout using CSS Grid
Combine all the skills above to build a responsive layout perfect for any platform
Frameworks and tools covered: HTML, CSS
Your Courses, Your Way
All of our project-based courses are designed to be flexible – you can access courses 24/7 to fit them around your schedule, and choose the learning materials that suit you best.
You can even download your course videos and watch them offline using the Zenva app, available on iOS and Android.
Learn from World-Class Instructors
Our course instructors participate in elite developer programs and have been recognized for their demonstrated excellence in development and teaching.
That way, you can be confident that you’re learning the most up-to-date content from industry experts.
Interactive Lessons with Codemurai
Our unlimited access package comes with free access to all of the courses in our mobile app, Codemurai!
Available on iOS and Android, it’s full of interactive programming lessons and exercises so you can continue your learning on the go.
Achieve Real Results
Our community of 1,000,000+ learners and developers have used the skills learned with us to publish their own games and websites, land their dream jobs, and even start their own businesses – and you have the potential to do the same!
Check out what our learners think below:
Facilities
Location
Start date
Start date
About this course
Basic to intermediate HTML skills
Basic CSS skills
Reviews
This centre's achievements
All courses are up to date
The average rating is higher than 3.7
More than 50 reviews in the last 12 months
This centre has featured on Emagister for 2 years
Subjects
- Access
- HTML
- Design
- Layout
- Web
- Media
Course programme
Introduction 1:54
Introduction 1:54
1:54
Getting Started
Getting Started
Reviewing the Fundamentals 4:48
Reviewing the Fundamentals 4:48
4:48
Understanding How Media Queries Work 4:57
Understanding How Media Queries Work 4:57
4:57
Creating Media Query Breakpoints 9:27
Creating Media Query Breakpoints 9:27
9:27
Adding Visual Cues to Media Query Breakpoints 3:59
Adding Visual Cues to Media Query Breakpoints 3:59
3:59
Building a Rapid Responsive Web Layout 12:09
Building a Rapid Responsive Web Layout 12:09
12:09
Understanding What Flexbox Is 4:10
Understanding What Flexbox Is 4:10
4:10
Setting Up a Flex Container 6:30
Setting Up a Flex Container 6:30
6:30
Building Page Structure with Flexbox 8:00
Building Page Structure with Flexbox 8:00
8:00
Understanding CSS Grids 2:00
Understanding CSS Grids 2:00
2:00
Setting Up a Basic Grid 5:20
Setting Up a Basic Grid 5:20
5:20
Establishing Grid Rows And Columns 5:48
Establishing Grid Rows And Columns 5:48
5:48
Different Approaches to Column Widths 4:28
Different Approaches to Column Widths 4:28
4:28
Setting Grid Rows 1:47
Setting Grid Rows 1:47
1:47
Conclusion 0:29
Conclusion 0:29
0:29
Additional information
Responsive Web Design for Beginners