How To Become A PRO Web Developer Without Writing A Single Line of Code

- A Step-by-step Guide

Initially in time past, to build/design a website, you will have to be good in programming and writing codes as websites run on these codes. The reason for the high fee web developers charge is justified by the fact that going through the learning curve to build a website is not an easy one and the work that goes into building the site is no joke at all. But these days, that route can be skipped. All thanks to technology!

Technology has advanced to the point that you don’t have to know or write a single line of code to build super professional websites and this can be done in 45 minutes or less with mighty WORDPRESS. 

Once wordpress is installed on your site or on your local host server (for FREE), you can change the look and entire framework to suit what you want. It gives you a clean slate to work on and start designing and it is super simple to use. As easy as typing and sending a text message on your phone. At no extra cost! 

Now anyone that wants to learn how to build a website can do it without touching a line of code. It only requires having the right tools and having the right training and you will get these in this training.

Would it make sense if you were able to design a professional website without knowing how to code or having any programming knowledge? How would you like to be able to work with wordpress offline and still have all the functionalities as though you were online? If you stay long enough with me I’ll show you how. Now let’s dive in if you are ready.

A Brief Introduction To The Internet

The internet is a network of computers all over the world with a communication protocol called HTTP (hypertext transfer protocol). It is simply the interconnection of two or more computer network. The web contains huge information stored in the
document called web pages. There are billions of web pages on the internet. These web pages are stored on giant computers called web servers. When you are browsing on the internet, the PC (Personal Computer) used is called web client. The web client make a request called HTTP (Hypertext Transfer Protocol) and the browsing is possible with the use of browsers e.g. Mozilla Firefox, safari, Google chrome, Opera, UC web etc. Web pages are stored on web servers.

The global address of documents and other resources on the World Wide Web is called the URL (uniform resource locator) e.g. www.google .com.

A website is simply a collection of two or more related pages hosted on a web server. To visit a website, you will need to type the address or URL in the address bar of your browser. The first page you land on after typing in the URL of the website is called the homepage or the index page or the front page. A Blog is a page containing series of post or articles related to a particular niche/topic.

Similarly, to visit a blog, you will also have to type the address or URL in the address bar of your browser. 

Before We Begin

To begin building and designing awesome websites, the first thing we will ask ourselves is this:

Are we working online or offline?

This question is important as the answer to the question will determine the route we will take to building our site. However the route we are going to follow, we will be using WordPress to build our website. WordPress is an absolutely free open source system for building websites.

Route 1: Online

If the answer to the question above is online, it means we are going to be working
online. To design online, First, we will need a domain name – our own website
URL eg 
www.mybusiness.com. Second, we will need to install WordPress on the domain. 

Route 2: Offline

If the answer to the question above is offline, it means we are going to be working
offline. To design offline, first, we will need a local host server management
software to set up our workspace. Second, we will need to install WordPress on
our local host. 

This is where this becomes very interesting. WordPress with all its capabilities can
only be used online and in a situation where you don’t have a domain, it becomes a impossible to build a site with it. This is what a lot of web developers think. This is where you will be a thousand steps ahead of a thousand and one web developers. A lot of them do not know that you can use WordPress offline. I was also ignorant of this for several years even as a web developer. Everything you can do with it online can be done completely offline.

WordPress

WordPress is an open source content management system (CMS) that people just like you and me use for creating and publishing websites. It was created by Matt Mullenweg. Matt wanted a simple solution for publishing information on the web.

WordPress is the most popular web development platform and is used by companies like Forbes, CNN, Jay Z’s official website, Beyonce’s official website, Microsoft, Oseen Bolt’s official website, Disney, Mercedes, Snoop dog’s official website, UPS, Sweden’s official webiste, etc. WordPress is simply what’s called a content management software (CMS), which is just a fancy way of saying it helps you manage all your content. So instead of having to know codes like HTML, PHP, CSS etc, all we have to do is just type and upload pictures, drag and drop, copy and paste. How awesome! It makes it super easy to create a website. WordPress is the most popular way to make a website in the entire world. Luckily for us, it is free to use.

It is now the most popular blogging system and website CMS. It powers more than 60 million websites. It was used to design about 20% of the top 10 million websites. This is because wordpress is powerful, fun and easy to use! 

It first started as a blogging system and quickly evolved into a CMS that is much more powerful. WordPress can be used to create any type of website from very simple blogs to the more complicated websites.

Configuring Our Local Host Server

Many people know from their own experience that it’s not easy to install an Apache web server and it gets harder if you want to add MySQl, PHP, and Perl.

The software we will be using to manage our local host server is an easy to install apache distribution containing MySQl , PHP and Perl. It is really very easy to install and to use. It has four distributions and these are designed to be suitable for Linus, Windows, Mac and DOS.

For a complete information on how to set up and configure your WordPress site offline together with the software we are using, you can cliam access here.

Setting Up Your Website Online

Like I said before, the first thing we will need to have our site online is a domain i.e. our own hosted website. This is easy as it can be handled by a hosting company. You simmply find a hosting company, tell them the name of the website you want to register eg wilsonautoparts.com.

You can get them to both register and host your site for you and that’s it. All you will then need from them is the cpanel login details i.e. the username and password. Simple!
If you need more info on this and how to have yours, simply let me know and we will set you up. For now, our concern is the design aspect. 

Now, let’s assume we have our domain and hosting set up, to begin designing, we log in to our cpanel by typing /cpanel after typing your url. Eg wilsonautoparts.com/cpanel
Your newly hosted website will look like the what you have below and adding /cpanel to the url will give you a screen like the one beside it.

Your blank new website

Your cpanel log in page

Now enter the username and password sent to you by your hosting company and click on log in.

Your cpanel admin area

Congrats! This is your panel admin area where we will begin. Yours may not look
exactly the same but trust me it will look similar. It is arranged into different sections. Scroll down to the section titled software and look for softaculous or
Quick install (depending on what your host makes available).

Click on it and on the next screen that shows up, click on WordPress. Once you click WordPress, the screen beside it will pop up.

Make sure to leave the directory blank, then fill in your site name, scroll down and fill other details of your site like admin username, password, admin email etc and then click install. Please note these details, most especially the admin username and admin password. This is what we will be using when we start designing.

Congratulations! We just completed our new WordPress Installation. Sorry I had to strike out the name of my site for security reasons. Did you take note of where it says admin url? That’s the url we will now be using to log in to our WordPress site with that username and pass word I asked you to take note of. This is what a newly installed WordPress site looks like:

Your newly installed WordPress website

Your WordPress dashboard

Now we have a complete blank work space to start filling in our own custom design. The outcome of the result from this point onward is what actually differentiates between an  amateur and a pro developer. 

When you log in to the admin area (your dashboard), what you get will look like the image immediately above. To log in, you simply add /wp-admin to your url e.g.  wilsonautos.com/wp-admin. You then enter your user name and password which I asked you to take note of earlier on and off you go. You are now logged in as the admin of your site!

This is where your job as a web developer really begins. 

This is our dashboard. It is from here that we will be able to build, design and control the front end look of our website.

From here, we can start creating pages, writing blog posts, uploading images, videos and other files and a whole lot of other customizations. Get it?

This is where we will be rounding off for today. In part two of this post, I”ll be going more in depth with several other things like creating pages, writing blog posts, e.t.c. So keep in touch. 

For now, I hope you find this helpful. Please remember to leave a comment below on how helpful you find this post.

 

 

This Post Has 2 Comments

  1. Wow I love the step by step installation guide….but I will prefer working offline so I will prefer if u can also take me towards the online setup

    1. Thanks Cyril. This post is in series. Expect part two. In part two of this series, we show you how to setup offline. That is if you are on our subscribers list. If you have been receiving messages from us, then you are on the list and if you have not, please send a mail to collins@5-staracademy.com with your details so we can add you.

Leave a Reply