How to create a layout for your Web Application?
Ayush Srivastav, A skilled designer and presenter
-
-
Introduction
0:51 -
Create the Basic layout
2:05 -
Add some Colors
1:27 -
Add some Padding
0:37 -
Create the Magic
1:52 -
The Main Design
0:39 -
Add the Responsiveness
1:35 -
Final Thoughts
0:51
-
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.
Class Projects See All
No projects have
been added yet
No projects have
been added yet
No projects have
been added yet
No projects have
been added yet
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 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...