How to create a layout for your Web Application?

Ayush Srivastav, A skilled designer and presenter

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
8 Videos (10m)
    • Introduction

    • Create the Basic layout

    • Add some Colors

    • Add some Padding

    • Create the Magic

    • The Main Design

    • Add the Responsiveness

    • Final Thoughts


About This Class

Learn to create a basic layout for your next web application.

Most of the times, you might be disappointed because it's really hard to create a basic layout of the project. In this project I'm going to share you an easy way to create a basic Holy Grail Layout. We will create an extremely easy design of the web application right from scratch.

I will not use any built-in library or framework. Just pure HTML and CSS. Also, I have not added any content while coding because I want to keep it generic.

With this layout you can create

  • Online Portfolio
  • Your next big e-commerce store
  • Blog
  • Customized themes
  • any other cool application

Coding Environment

I will use Plunkr. However you're free to use any other online/offline code editor of your choice. I find Plunkr to be good, and I'd suggest you to use it right along with me.

Final Application URL

Click here to see the Final Project

Once you're done with your creation, you can use any other frameworks to code beyond this point.

I'm happy to see you in class. Happy Coding.

1 of 1 students recommendSee All

Unfortunately, it's a very short course but the instructor had a very pleasant voice and a friendly approach. If he could explain what the tags do, that would greatly benefit beginners.





Ayush Srivastav

A skilled designer and presenter

Ayush Srivastav knows what it takes to grab the attention. A skilled presenter and a programmer has taught more than 10,000 people how to learn the art of programming both software and hardware.

Hailing from India, Ayush made his trek to books to learn the art of programming. He has won praises and a wide following for his engaging style and his knack for transferring programming skills via practical, simple, universal and immediately actionable techniques.

Ayush first made a r...

See full profile