Learn Responsive Web Development from Scratch

A Comprehensive Course on Responsive Web Design and Twitter Bootstrap 3

Created byEduonix Learning Solutions, Eduonix-Tech .

Last updated 12/2018

English

What you'll learn

Master Responsive Web Design Strategies
Learn the tools and tips for Responsive Web Design
Master Twitter Bootstrap 3
Create projects to enhance conceptual learning

Course content

3 sections • 25 lectures • 4h 41m total length

Introduction2:31
Introduction to our Course

Part A Intro2:55
Introduction to responsive design practices
What is Responsive Design9:18
Understanding the Responsive Web Design
Strategies in Responsive Design9:15
Design Startegies
Tools of the Trade - Part A9:14
Tools for creating responsive designs
Tools of the Trade - Part B19:33
Tools for Creation Responsive Designs - part2
Project Overview5:22
Project guidelines for the course
HTML Structure and Content22:01
HTML Document Structure and its use in Responsive design
Create a Fluid Layout7:57
Creating a fluid layout for website
CSS Rules for All Screens12:08
CSS rules for All Screens
CSS Rules for Mobile Screens16:49
CSS rules for Mobile Screens
CSS Transitions5:12
Lecture on CSS Transitions

Introduction to Bootstrap2:13
Introduction to Twitter Bootstrap
What is Twitter Bootstrap6:54
Defining the technology
Getting Started With Bootstrap22:39
Getting Started with Twitter Bootstrap
Base Markup & CSS10:13
Learning Base Markup
Navbar & Dropdowns9:33
Introduction to Navbar and Dropdowns
Jumbotron10:25
Introduction to Jumbotron
Rows, Grids & Media Objects20:21
Working with Rows, Grids and Media Objects
List Groups & Glyphicons18:53
List Groups and Glypicons
Forms, Tooltips & Popovers27:02
Building Responsive Forms, Tool tips and Popovers
Modals & Tabs13:59
Learn to build Modals and Tabs
Carousel & Collapse12:40
Implementing Carousel and Collapse
Wrap Up3:59
Course Summary
Bonus Lecture: More Interesting Stuff, Offers and Discounts0:23

Requirements

Any PC with a net connection

Description

With smartphone revolution and explosion of tablet sales worldwide it is important that your websites are geared towards different screens and resolutions. Responsive web design is the most important attribute of modern web development. Eduonix brings to you the most comprehensive course on the responsive web design. This unique course covers not only strategies tools tips and tricks for generic web design in HTMl5 and CSS3 but also covers Twitter Bootstrap 3 the cool framework for creating responsive websites in detail.

Our project based learning will teach you the concepts while working on projects which implement the concepts covered in the lectures. This is a must learn course for any serious web developer. This two part course will teach you everything you need to build responsive websites.

Who this course is for:

Anyone with basic knowledge of HTML

Learn Responsive Web Development from Scratch

What you'll learn

Explore related topics

Course content

Introduction To Building Responsive Websites1 lecture • 3min

Building Responsive Websites - Part A11 lectures • 2hr

Building with Twitter Bootstrap13 lectures • 2hr 39min

Requirements

Description

Who this course is for: