Responsive Web Design: Made Easy

Learn how to create modern day websites with HTML5, CSS3, JQuery, Bootstrap, Frameworks such as Boilerplate, Zurb etc.
4.6 (97 ratings) Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
5,066 students enrolled
$19
$195
90% off
Take This Course
  • Lectures 27
  • Length 6.5 hours
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 2/2014 English

Course 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.



What are the requirements?

  • We assume you are somewhat familiar with HTML and have made some basic websites

What am I going to get from this course?

  • 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

What is the target audience?

  • Web developers and designers wanting to catch up and become part of the Mobile Web craze!

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Mobile Web Overview
The Importance of Mobile Web
Preview
09:52
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
Section 2: HTML5 Structure
File & Folder Structure
Preview
10:41
HTML5 Structure - Part 1
23:43
HTML5 Structure - Part 2
11:31
The Viewport Meta Tag
06:58
Section 3: Responsive CSS Fluid Layouts
Base CSS
15:15
Fluid Layout
20:41
Sticky Footer
27:51
Section 4: CSS3 Media Queries
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
Section 5: Twitter Bootstrap
Bootstrap Overview
09:58
File Structure
14:15
Navbar
11:38
Jumbotron & Grid
21:37
Grids & Panels
18:48
Forms, Wells & Footer
14:22
Section 6: Other Frameworks
Zurb Foundation
16:40
HTML5 Boilerplate
10:31
Skeleton
09:01

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

EDUmobile Academy, Programming Made Easy

EDUmobile Academy develops high quality video training courses around topics in mobile development including iPhone, Android, Windows Phone, Java, Responsive Web Design and other emerging technologies.

Every course is created by an expert developer AND a trained mentor in the area of expertise.

Each course undergoes a rigorous planning, review and an internal quality check phase - to ensure that the teaching is of highest standards available online.

EDUmobile Academy was founded in 2008 when smart phones were just emerging into the market. Founder Vishal Lamba is experienced in multiple areas of digital design, mobile development and design, web technologies and digital marketing. He has a mathematics and computer science degree from Lawrence University, USA.

Vishal works closely with content creators and teachers to ensure that every course released meets the internal rigorous quality standards.

All course creators and trainers are currently based in the USA. Support for each course on Udemy is provided with quick turn around by a small team of developers and trainers.

Ready to start learning?
Take This Course