There is a major difference between web designing and web development, which a lot of people misunderstand. As suggested by the name “Web designing” Web designing is nothing but designing the Basic structure of your website. For example, you made a rough sketch in your notebook, with a pencil of how you want your website should look.

This is also called wireframing in tech language. Once you’ve made a rough sketch in your notebook now comes the UI design. I am sure you’ve heard of the term UI or User Interface. It's an advanced version of a sketch that you made earlier in your notebook.

It’s like a replica of your website but you haven't coded it yet, you’ve designed the website, you have decided that you want your website to look like this. Now comes building the Website.

UI design of the website can be made by tools like Adobe XD and Figma. If you don’t know how to use these tools, I’ve linked some tutorials below, you can check them out and get started with UI development.

Here is an Example of How UI designs look

UI Development Tutorials - []

Now Coming onto Website Development

Website development is converting your UI design to a Real website. And in this Blog series, We are going to learn How to make Beautiful and Responsive Websites.

Every Sunday, I will be uploading a new blog and it will all be about Web development!

Stay Tuned for the next blog, because from the next blog we will be getting started with How to build websites as a Beginner.

Follow me on Twitter to get notified about when I post a new blog!