What is Programming?

Hey so you have heard about programming, programming, programming and you want to become one because of one reason or the other. But you do not know where to start as there are dozens of languages that you want to learn and there is not enough time for you to learn all of them!

What do you do?
Don’t worry, we’ll tell you!
As long as you are not over 100 years old ( the age where you can die at anytime) there is always time to learn!

First let get some definitions clear:

Programmer: Some one who writes a program
Programming: The act of writing a program
Code: The written “word” or “sentence” that is used to write the program
Programming Language: The language that is used to write the code
Program: The actual working software that runs the codes that the programmer has written. Eg the facebook
Website is the Program that was written using the programming language called PHP

Okay so where do we start?
Let’s start from where is all began – the beginning...

In the beginning, there was the Analytical Engine which was designed by English mathematician and computer pioneer Charles Babbage who is considered the father of the computers.
This is important to us programmers because he invented the first machine in the world that ran on instructions or programs which were set of instructions that told the machine what to do.
[img]https://serving./446428823cf3c4ae2ab343ccf9788885587f3580b5dce7e16b99331dd3e50479f244cabf.jpg[/img]

Now instructions were given to this machine using punch cards like the ones shown below:
[img]https://serving./37573502d10bbf7c0d128f2eee10af4946198cfc3827027dd65f9080b8b9ffc42ba8b177.jpg[/img]

That means if you were a programmer and you wanted to write 1000 lines of codes, you would need to be a body builder as well to be able to carry 1000 packs of cards around to program !

Now this is the Colossus computer. The computer was designed by the British to be used to break secret codes.
[img]https://serving./16241580e5f9124b9108b76f6fa50473b90bb27b10c0e8251a04d2fb7ad4e8690ee6fa8b.jpg[/img]

The codes and instructions given to this machine was done using a set of switches shown below:
[img]https://serving./13526146593599a21b9079c344debd64e061bda196a4835b7924a1f4b644e625c4698e7a.jpg[/img]

So to be a programmer with this machine was the same as being an aeroplane plane pilot! Look at all those controls

Thankfully today we program using programming languages which are software packages that are used to tell the computer what to do.
[img]https://serving./70768225f5f95f336b41aaa7bf3d374d37f463239a1d1a126026711652e9c54cf47f3875.jpg[/img]

These are much easy to learn, understand and use as they are closer to the human language.

So which one do you learn as a beginner?
Well it depends on what you want to do.

If you want to go the way of website development then the most popular languages used are Javascript, PHP, Ruby, Perl is the way to go at they will help you develop website applications

If you want to develop business applications like super market POS and inventory software or any desktop based software that will run on your PC independent of a computer network, then you can learn C++, VB.NET, C-Sharp,NET , Java

If you need to learn mobile development there are languages like Swift, Objective C, C++, Java

Interested in Game Development? Then use JavaScript, Pyton, C++, Java


The fact is that you can even use one language to do all of these. At the end of the day, it boils down to what you want to do and the language that you prefer to use...

Where to start?

We suggest that if you are new to programming you should start from the simple to the complex. Thus Web development ought to be the way to go for you!

Many businesses and organizations are trying to catch up with the internet and its advantages. If you look around you, you would have noticed this.

Once upon a time, students used to write JAMB exams using answer booklet and question paper.
[img]https://serving./8147141859e53514243c251aec3b92c65fba74d6c35cb314d96fddc1b03f7d54d6468b4d.jpg[/img]


Now students write their examination sand submit them online - thanks to a website!
[img]https://serving./781848235bed2284540438aebe10fd15e5a2221e9efdda1b2e4c0effb2a06a2420eb34ae.jpg[/img]


Once upon a time all banking transactions were done via the banking hall. You had to have a line up and queue for hours before you could do a transaction!
[img]https://serving./0994160045882d77528a054cc4f4b0a0001e3d1285f102991f3178076dbf3daa1a94475d.jpg[/img]


Now you can go online and do internet banking and transfer and purchase services without leaving your room – thanks to a website.
[img]https://serving./81690569900ff23f4043fdd95d85b8119890a2d5d60e18dbc143630a457e7d58239b7397.jpg[/img]


There used to be a time you had to go to a supermarket to make ALL your purchases or own a supermarket or shop before you could sell anything.
[img]https://serving./8595427694080cbfa1081850ec066fb282d94e674e3f444597f25c019ae7b28dec589c80.jpg[/img]

Now you can use your ATM Card and go online, search for items that you want to buy, order and pay for these items and have them delivered to your door step – again all thanks to a website.
[img]https://serving./042039991c546da0bc9a4c74d65fc8db073589bcb083f3e3e60628444b42c49572387ba5.jpg[/img]


You can now see how website development is becoming the fore front tool that both businesses and government establishments are using to perform their operations.

Yet there are many businesses that are yet to partake in this website revolution in Nigeria, but soon they will want to join their counterparts and have their business go online so that they can be competitive as well.

When that time comes, would you not want to be among one of the web developers that will be called to take that job?
When every road side business realizes that they need to have a website, and then they ask you, "Can you develop a website for my business?" what would you say?

If you would like to say a BIG YES when that time comes, then you can start by learning web development right now.

So you are ready to develop a website now? Let’s begin.

Introduction to HTML
[img]https://serving./06176576e6f17242f8e40da4c1e26c16004cebe4d747769bca138c3ed9690032de831b00.jpg[/img]

When you browse the web you use a browser, like the one that you are using now to view this post. Examples are firefox, chrome, opera and the infamous internet explorer (If you still use internet explorer to browse the internet in 2018, well … you are on your own!)

When you use the browser, you see images, you see pictures, you see video, you fill forms like the login form you must have filled to login to this website. All these this are made possible by a language called HTML.

Everything you see in your browser is generated by HTML code that was written by a programmer and the browser interprets this code to the pictures and text and video that you can see on the browser.
[img]https://serving./658470735a68a76e5b99ca6566177447e8ced54620d774edcb0728dc68824012ccd57616.jpg[/img]

Before we go on, let us get some terms clear.

A browser: This is used to view a website
A webpage: This is a single page or document or HTML document which is a file containing HTML code
A website: This is usually a group of WebPages that are linked together

Let us see what HTML means.
HTML is an acronym which means that all the letters in the name stand for something which explains the name.
So HTML stands for Hyper Text Markup Language.


Let us explain…

The link below is what is called a hypertext.

Welcome to Code College! If you want to view the Video of this tutorial Click Here.

If you click on the link it will take you to another website. That is a hyper text. This is the backbone of the internet. It makes browsing the internet what it is today.

How so?
Alright. Before you read this post, you clicked on the Programming section link, then you clicked on the Are You New To Programming? Want To Learn But Do Not Know How? Come In! link before you could see this page.

You see, we could argue that if there were no links you would not reach this page!
Without hypertext links you cannot have an inter-connection from one site to another or from one webpage to another.
That's why they call the WEB the WEB because all sites are links to each other like a spiders web and hyper-links are the "webs" that make this possible.

We can say that the Markup language refers to the code that is used to tell the browser how to display contents on the webpage.
All that code shown in the example below is markup language for the browser.
[img]https://serving./5949688702174c7504adce9be0bc851534ee5d714f5b742356700f70f0fc93caad0220b4.jpg[/img]

Thus from the definition we can say that HTML is a hypertext markup language is a language used by the browser for displaying most importantly hyper link text and other forms of media.

---

[img]https://serving./1800029182200899c301bc5947757a149c3f241f1d036f4a9c99e44a5c58686795bc806c.jpg[/img]

HTML code is made up of what is called tags. They come in the format:

<tagname> content </tagname>

Where tagname is the name of the tag. And content is the content of the tag.

The part where we have:

<tagname>

This called the opening tag. It starts the tag. It tells the browser that the tag will start here.


The part where we have:

</tagname>

This called the closing tag. It ends the tag. It tells the browser that the tag will end here.


Lets is look at some basic tags:

Html tag: Used to indicate to the browser where the HTML tag starts
Format:
<html> content </html>

Title tag: Used to add a title to the title caption of the browser as shown in the figure below
[img]https://serving./665904212a0e28716cd8f68b97624fef45214e1adaabb21888a0a4a9a38139cc01fa57b0.jpg[/img]

Format:
<title> content </title>




Body tag: This is where all the contents displayed on the webpage will be put
Format:
<body> content </body>



Paragraph tag: Used to add paragraphs to the webpage
Format:
<p> content </p>



Bold tag: Used to make text bold
Format:
<b> content </b>


Underline tag: Used to make text have an underline
Format:
<u> content </u>

Italics tag: Used to make text have italics
Format:
<i> content </i>


Now there are tags that do not have closing tags. There usually do not have content to hold. Let us look at some examples.

Line Break tag: Used to add a new line to a web page
Format:
<br>

Horizontal Rule tag: Used to add a horizontal line to the webpage
Format:
<hr>

Creating a Webpage

Now that we know some html tags how do we create a web page document with that?
Its simple!

First open notepad on your PC.
[img]https://serving./67824206b7d0b66f91afb6ae9df86344403023413c71b38274c2baf5eb064ef0488e2715.jpg[/img]


This will take you to the Notepad environment.
Now you will click on the "File" menu option and the "Save As" button.
[img]https://serving./01418915b5a96211135eb159640a393971b5ca9fbcd829d1a715723d2e411452550226e0.jpg[/img]


Type "MyFile.html" and select "All files" and save it in your desktop location.
[img]https://serving./957261706a9761acf0b56d5e20d3c492ad17fb600e87e0d38e7fb3f1e737abf6d40ded91.jpg[/img]


In the notepad file copy and paste the following code there.

<html>
<title> This is My First Webpage </title>
<body>
Hello
<br>
This is a horizontal rule
<hr>
<p> Hello Welcome to the paragraph tag. This is where paragraphs are written </p>
<p> <b>This is bold text</b> <u> This is underline text </u>. <i>italics text live here</i> </p>
</body>
</html>

After that click on the save option:
[img]https://serving./31268044cd5498a52664571e169580db7c84ecd0fea6617203166d9c5529809277ecef60.jpg[/img]

Now go to your desktop and click on the "MyFile.html" icon
[img]https://serving./95097791c3d4d2fb34540aa3c506683080815d0b80479b64143b897a7e309b63502d4d97.jpg[/img]


You should see this in your browser:
[img]https://serving./031067032cf3064a49f40f27562b8a9d46e46d5571801edcd89bcba6a750a5821bdc1c30.jpg[/img]


That is it! You have started on your journey to become a web developer!
There is a lot more to learn but you have started well. To aid you in your road to becoming a web developer we have made a video tutorial to help you by showing what we just did and more.

Enroll on our online platform to become a student and get access to the video training tutorials here.

How can Video Tutorials help you to learn programming?

Tutorials like this one you have just read can be a lot easier to follow if you watch them on video. The video will show you how you can write the code with live examples.
[img]https://serving./827100958d2af68c4440d4e7dd9d772c8f7f0e3e285eea2395ccddd9c2bc04c45a20781d.jpg[/img]

How to use Video Tutorials

Watching a video tutorial is like taking a lecture. Many students make the mistake of thinking that it is just another type of movie.
When they do not see flashing lights and actors jumping around with an Indian movie theme song singing only Lord Knows What in the background, they become disappointed.

If you are one of those students, please do not expect a training video to come in this format:
[img]https://serving./525157265b8a8d74d62ad729f96b4374365568ec3171c550e110dff767807d0e041aca28.jpg[/img]
Training video tutorials were not designed to work that way...



A video tutorial is an extension of the lecture class room. What you would expect to see in a classroom is what the video will give you.
That means you will also do what you are supposed to do in a classroom when you are watching the video tutorial:-

- You listen
- You take notes on your jotter (Yes you should have a jotter when you are watching lessons on video too!)
- You write down questions which you will ask when you come to the online platform to submit your assignment

You can pause the video and then do the practical along with the video.

At the end you will learn a lot more faster watching videos than if you read them yourself. The energy you spend in reading will be used to follow the lesson and do the practical.

The Video tutorial for this course and more is available at our online e-Learning platform
You can enroll and login here
Once you have logged in, you can have access to the videos and do the assignments which are meant to help you judge how good you have understood the course.

---

[img]https://serving./1800029182200899c301bc5947757a149c3f241f1d036f4a9c99e44a5c58686795bc806c.jpg[/img]

HTML Homework
[img]https://serving./60308677ba0b4714f80d7406feb9829dcf06f9aeacfbeecae23a1befd807967bf71a8a2a.jpg[/img]

Now that you have completed the first lesson in our HTML course, you are required to do and submit the assignment.

Learning on your own is great, but you will need an expert to guide you as well so that you will know if you are going in the right track. That is why we are here!

How to do the Homework
Just download the homework assignment [url]file from this link[/url]
It is a PDF file that you can open on your browser (if you are using a laptop)

How to submit the Homework
You will need to be a registered student on our platform to submit the homework.
[url=http://codecollege.code4me.info/course.php?Introduction%20to%20HTML&id=1]Enroll to be a student and register for the course "Introduction to HTML" here[/url]

After that you can follow the instruction at the end of the homework file to submit the
We will mark it and tell you your result before we continue to the next lesson.

You can download the homework for the HTML course below.
Happy Learning!

---

[url=http://codecollege.code4me.info/cc/348r576vry8479y48hvur4h8944b%20-%20C1L1-HW.pdf]Download Assignment Here[/url]

Cant Python be used for Web?

Wow.. Am loving these... You making it too easy to understand... God bless you bro

Thanks for this

Wonderful.. I'm following

Hi, seunny4lif!
Yes you can use Python for the web development.
It is also easy to learn and we will soon do a video tutorial for it and an introduction here...

Hi, Ivumar!
Thank you very much!!!
You have made our day this Sunday.
We will endeavor to bring more programming languages to the chopping block here, and break them down to pieces so that everybody can understand them and become programmers too!

Hi, Shirgles.
Thank you very much!

CCTeam:
Hi, seunny4lif!
Yes you can use Python for the web development.
It is also easy to learn and we will soon do a video tutorial for it and an introduction here...

Good

Hi, Gombs!
Thank you for following and registering on our online learning platform.
We have sent you a mail regarding the tutorials. You can check your mail or CC platform inbox.

Do not forget to submit the assignment. That's how we know if our work here is good or not!

Following patiently.....

following

ok
am listening

www.jolagict.com

Hello can get a good programmer for a job as a partner. This is urgent and lucreative. If you are interested or know somebody good enough please contact Yinka peters on 08038415642 or mail me at hifipeter01@yahoo.com.

I will be expecting

CCTeam:
What is Programming?

Hey so you have heard about programming, programming, programming and you want to become one because of one reason or the other. But you do not know where to start as there are dozens of languages that you want to learn and there is not enough time for you to learn all of them!

What do you do?
Don’t worry, we’ll tell you!
As long as you are not over 100 years old ( the age where you can die at anytime) there is always time to learn!

First let get some definitions clear:



Okay so where do we start?
Let’s start from where is all began – the beginning...

what is the minimum configuration of a laptop I can use for programming

Do you also do video class on SQ
L

itsmolep:
what is the minimum configuration of a laptop I can use for programming

Hi, Itsmolep!

We have a very very "managable" system that is old but still runs programs rather well.
So the specification of that system will be used here as the minimum. If you can afford better, then do so, as your budget allows you to.

Considering the above, the least specification would be:
RAM: 1 GB
Hard Drive Space: 74.4 GB
Operating System: Windows 7

Hope that helps?

aremuforlife:
Do you also do video class on SQ
L

Hi, Aremuforlife!
We will doing lectures on SQL soon.
When we are done, we will let you know.

Un