How to build a website myself?

A question that rolls-around the internet among those students with passion to enhance their knowledge in Web Design is,

“How do I create/make/design/program/develop a website?”

The easy way: using website builders

This modern technique uses website builders on the internet which was possible since the last decade, it is simple as building your toy world using Lego blocks. Since then every web designer began to use this method to create simple websites for personal use as well as commercial.

  • Wordpress — for writers and bloggers
  • Wix — overall best builder
  • Squarespace — prepackaged design builder
  • Weebly — simple builder
  • Shopify — suited for ecommerce

It is quite a tough challenge when it comes to using a website builder as you have to make sure you get the right work done from a builder in other words the website builder should deliver you the suited features and functionalities providing your with all your options you seek, since these websites are specialized under various criteria.

“…worry no more for I have brought to you the answer you seek..”

Design Comparison

Price Plans

Features

Functionalities

Support

The hard way: programming a website yourself

I would advice you to proceed with this method if you have an intention of building a more advanced website with design functionalities that aren’t provided through the easy way. As the title refers, this requires a more technical approach in creating your stunning website you desire, so as “technical” is mentioned here you do need to know a lot about programming or you may end-up creating a website far worse than that of the easy way, specially concerning design flaws.

“..So, where do I begin?..”

  • Front-end development (UI and UX management)
    To create user interface or client side scripting.
  • Back-end development
    To create the functions of the website and how data is managed.
  • Hosting Server Management
    Managing the server where your website is hosted, keeping an eye on data statistics of your website.

You might have come across the name “Full-Stack development”; if you haven’t, this means one individual developer would create all of those above categories by him/her self. Which of course you might have understood by now that every one of the categories above require specialized developers. Yes that is how today’s world of web development is all about.

So have you decided to go forth in this path?
If so, then let’s proceed…

Going in depth in the two development categories, today we use web design frameworks to ease our work. These frameworks creates a guideline and a base rule for web developers to follow in order to have a result oriented website. With that in mind I suggest you to learn about web frameworks to get a better approach on this matter. I will leave some below to do your research.

Best Back-end Frameworks for 2021

  • Node JS
  • Django
  • Ruby on Rails
  • Laravel
  • Spring

Best Front-end frameworks for 2021

  • Angular
  • React
  • Vue JS
  • Ember
  • Backbone

I hope you find my list of web frameworks useful. Don’t be scared to pick up a framework and start working on it, it gives you an insight into how to do things, and you’ll find many similarities between frameworks, even across different languages in the same category. Remember that large businesses are always migrating and trying new stuff all the time, so there’s no such thing as a dead end.

To summarize all you read, you came across two ways to to create a website. The easy way and the hard way. If you are a beginner to web development then go with the easy way, if you are at an intermediate level in web development then go with the hard way.

If you want to learn more about programming or building websites the hard way, I have created a blog just right for that. Go read about the Programming Paradigms before you get involved in web development which requires a type of paradigm called Object Oriented Programming (OOP). Once your done with that, you could follow up my blog on OOP which covers the basics for you to perform your way through web development frameworks.

Programming Paradigms: medium.com/programming-paradigm
Object Oriented Programming: medium.com/oop

Student Member of British Computer Society — Royal Charter MBCS