Learn Responsive Web Development from Scratch

Visit Tutorial Page ( Report)

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 is the target audience?

  • Anyone with basic knowledge of HTML
  • Introduction To Building Responsive Websites
    00:02:31
    • Introduction

      Introduction to our Course

      00:02:31
  • Building Responsive Websites - Part A
    01:59:44
    • Part A Intro

      Introduction to responsive design practices

      00:02:55
    • What is Responsive Design

      Understanding the Responsive Web Design

      00:09:18
    • Strategies in Responsive Design

      Design Startegies

      00:09:15
    • Tools of the Trade - Part A

      Tools for creating responsive designs

      00:09:14
    • Tools of the Trade - Part B

      Tools for Creation Responsive Designs - part2

      00:19:33
    • Project Overview

      Project guidelines for the course

      00:05:22
    • HTML Structure and Content

      HTML Document Structure and its use in Responsive design

      00:22:01
    • Create a Fluid Layout

      Creating a fluid layout for website

      00:07:57
    • CSS Rules for All Screens

      CSS Rules for All Screens

      00:12:08
    • CSS Rules for Mobile Screens

      CSS Rules for Mobile Screens

      00:16:49
    • CSS Transitions

      Lecture on CSS Transitions

      00:05:12
  • Building with Twitter Bootstrap
    02:38:51
    • Introduction to Bootstrap

      Introduction to Twitter Bootstrap

      00:02:13
    • What is Twitter Bootstrap

      Defining the technology

      00:06:54
    • Getting Started With Bootstrap

      Getting Started with Twitter Bootstrap

      00:22:39
    • Base Markup & CSS

      Learning Base Markup

      00:10:13
    • Navbar & Dropdowns

      Introduction to Navbar and Dropdowns

      00:09:33
    • Jumbotron

      Introduction to Jumbotron

      00:10:25
    • Rows, Grids & Media Objects

      Working with Rows, Grids and Media Objects

      00:20:21
    • List Groups & Glyphicons

      List Groups and Glyphicons

      00:18:53
    • Forms, Tooltips & Popovers

      Building Responsive Forms, Tool tips and Popovers

      00:27:02
    • Modals & Tabs

      Learn to build Modals and Tabs

      00:13:59
    • Carousel & Collapse

      Implementing Carousel and Collapse

      00:12:40
    • Wrap Up

      Course Summary

      00:03:59
Write Your Review

Reviews