Responsive Web Design: Made Easy
3.9 (128 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
5,132 students enrolled

Responsive Web Design: Made Easy

Learn how to create modern day websites with HTML5, CSS3, JQuery, Bootstrap, Frameworks such as Boilerplate, Zurb etc.
3.9 (128 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
5,132 students enrolled
Created by EDUmobile Academy
Last updated 2/2014
English
English [Auto]
Current price: $126.99 Original price: $194.99 Discount: 35% off
2 days left at this price!
30-Day Money-Back Guarantee
This course includes
  • 6.5 hours on-demand video
  • 26 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Teach you how to make 100% responsive sites including fluid layouts, flexible images and media queries
  • Learn how to format an HTML5 document and use proper techniques when coding
  • Look at look at the various tools we can use with responsive web design such as testing and code tools.
  • Build a custom project from scratch that shows you what goes into setting things up, step by step
Course content
Expand all 27 lectures 06:20:26
+ Mobile Web Overview
5 lectures 01:01:20
What is Responsive Web Design
10:21
Tools for Responsive Design - Part 1
11:22
Tools for Responsive Design - Part 2
21:22
Environment Setup
08:23
+ HTML5 Structure
4 lectures 52:53
HTML5 Structure - Part 1
23:43
HTML5 Structure - Part 2
11:31
The Viewport Meta Tag
06:58
+ Responsive CSS Fluid Layouts
3 lectures 01:03:47
Base CSS
15:15
Fluid Layout
20:41
Sticky Footer
27:51
+ CSS3 Media Queries
6 lectures 01:15:36
JQuery Screen Size Display
11:38
Media Queries for iPads & Laptops
15:27
Responsive Navigation
13:04
Media Queries for Smartphones
18:29
Responsive Forms
08:40
CSS3 Transitions
08:18
+ Twitter Bootstrap
6 lectures 01:30:38
Bootstrap Overview
09:58
File Structure
14:15
Navbar
11:38
Jumbotron & Grid
21:37
Grids & Panels
18:48
Forms, Wells & Footer
14:22
+ Other Frameworks
3 lectures 36:12
Zurb Foundation
16:40
HTML5 Boilerplate
10:31
Skeleton
09:01
Requirements
  • We assume you are somewhat familiar with HTML and have made some basic websites
Description
Responsive Web Design: Made Easy!

Learn how to create modern day websites using Responsive Web Design with HTML5 and CSS3 - in less than 7 hours!

The mobile web is not going anywhere - it’s only getting bigger…
And, YOU need to be in on the action!

As the mobile web gets bigger than desktop PC and laptop browsing - this is one skill you absolutely need in your bag of tricks!

Impress your clients or land a higher paying job or build that dream website with all the cool web technologies.

In this course, you will master the tricks and techniques that modern web development gurus use to create fancy sites that work on any browser or device… be it any mobile phone, tablet, browser, desktop or laptop.

The course is taught over SIX Sessions, spanning 7 hours of easy to follow Videos with real examples and source code.

Here’s what you get -

This course is for any level of developer …whether you just know the basics of HTML or you are a development guru - there is something for everyone.


Access and download the full course immediately upon payment - so you can learn at your own pace!


We start out with an overview of the mobile web and the importance of mobile design & development.


We discuss what responsive web design actually means, and we look at the various tools we can use with responsive web design such as testing and code tools.


You will learn how to format an HTML5 document and use proper techniques when coding.


The layouts we create will be 100% responsive including a fluid layout, flexible images and media queries.


We will build a custom project from scratch that shows you what goes into setting things up, step by step.



Who this course is for:
  • Web developers and designers wanting to catch up and become part of the Mobile Web craze!