Welcome, Guest: Register On Nairaland / LOGIN! / Trending / Recent / New
Stats: 3,158,275 members, 7,836,236 topics. Date: Wednesday, 22 May 2024 at 12:04 AM

Learn How To Program For Free - Programming (2) - Nairaland

Nairaland Forum / Science/Technology / Programming / Learn How To Program For Free (1849 Views)

How To Program Outseal Arduino PLC / First Thing First, Learn To Program! / Solutions To Java How To Program By Deitel, 9th Edition (2) (3) (4)

(1) (2) (3) (4) (Reply) (Go Down)

Re: Learn How To Program For Free by yusufmurry: 7:15am On Aug 20, 2023
adonainana:


Professional 2022

Ok
Re: Learn How To Program For Free by OutsideInn: 10:06am On Aug 20, 2023
Re: Learn How To Program For Free by yusufmurry: 4:48am On Aug 24, 2023
adonainana:
If you don’t want stress using a notepad to be typing code all day

Then download Microsoft visual studio https://visualstudio.microsoft.com/#vs-section


Please note visual studio can only be downloaded on a computer

The best way to learn a computer program is to learn it offline then come back online and learn more

Watching YouTube videos all day would just waste ur data all day and you will waste ur time and be frustrated

The program helps you so much as it automatically guesses which programming language you working in html, or Css , python no matter the programming language under the sun, it will guess it and give you hints . Also you have to do is download it for FREE.

And Microsoft visual studio is so good that it will give you a hint of your code is wrong or you are typing something the wrong way or something isnt right somewhere

This is how Microsoft visual studio looks and all you have to do is click file and open a new text .

And when you are done click control plus S to save your work

And run the code by clicking shift plus F5 or navigate to the run code option on the navigation bar

I have downloaded the MVS successful
Re: Learn How To Program For Free by yusufmurry: 4:53am On Aug 24, 2023
adonainana:
WHAT IS HTML

HTML stands for hypertext mark language.

It usually begins with a a code that begins with <!DOCTYPE html>

Each line of code in HTML beings with an opening tag < and usually ends with a closing tag />

As ironic as it is the features that makes you able to type and comment on nairaland pages has features of HTML in it.

In other words, if i completely type a html code into a post on nairaland, it will be executed so you the person reading this wont be able to see the code, All you will be able to see what the code was intended to do.

Welcome to the world of programming

Find attached a copy of a typical HTML code




Please can you explain each of the code lines in the attached copy of a typical HTML?
Thanks and following
Re: Learn How To Program For Free by adonainana: 5:38am On Aug 24, 2023
yusufmurry:

Please can you explain each of the code lines in the attached copy of a typical HTML?
Thanks and following

Reply to the particular post on the thread and I will explain what each line of code tells the computer to do.

I’m about to start the next topic on the same thread which is how to use html code to Create tables of rows and columns and how to design them with colours and fonts.

so stay tuned

1 Like

Re: Learn How To Program For Free by adonainana: 5:46am On Aug 24, 2023
yusufmurry:


I have downloaded the MVS successful



MVS is a powerful text editor, it can even predict what programming language you are open to start coding in from easy ones such as html and advanced ones like python or c++

Also if you make a mistake in your line of coding MVS has a way of letting you know via a red text on the code so you may correct it yourself or get an idea something isn’t right

This is why Microsoft visual studio is the most popular code text editor

Finally once you have copied and pasted your code into MVS or typed it . Save it and to run it to see if the code works right click on the tab of the file and click copy the path directory and go to your google browser and paste it

Viola you will see what your code as become and direct on the browser page

1 Like

Re: Learn How To Program For Free by konkonbilo(m): 11:38am On Aug 24, 2023
Hey bro, you've just got a new student. though i just started reading your thread and have got a paper, pen and a laptop.thanks! Is there a way i can reach you, i'd like to ask some question or rather seek an advice from you about IT
Re: Learn How To Program For Free by konkonbilo(m): 11:49am On Aug 24, 2023
adonainana:
If you don’t want stress using a notepad to be typing code all day

Then download Microsoft visual studio https://visualstudio.microsoft.com/#vs-section


Please note visual studio can only be downloaded on a computer

The best way to learn a computer program is to learn it offline then come back online and learn more

Watching YouTube videos all day would just waste ur data all day and you will waste ur time and be frustrated

The program helps you so much as it automatically guesses which programming language you working in html, or Css , python no matter the programming language under the sun, it will guess it and give you hints . Also you have to do is download it for FREE.

And Microsoft visual studio is so good that it will give you a hint of your code is wrong or you are typing something the wrong way or something isnt right somewhere

This is how Microsoft visual studio looks and all you have to do is click file and open a new text .

And when you are done click control plus S to save your work

And run the code by clicking shift plus F5 or navigate to the run code option on the navigation bar
please it can't open on my mac becos windows microsoft app can't be supported by mac. how do i do now or how do i open for it for mac
Re: Learn How To Program For Free by adonainana: 11:50am On Aug 24, 2023
konkonbilo:
please it can't open on my mac becos windows microsoft app can't be supported by mac. how do i do now or how do i open for it for mac

Check the version you downloaded was it the Mac version or the windows version
Re: Learn How To Program For Free by konkonbilo(m): 3:37pm On Aug 24, 2023
Bros,i'd be happy if you can just send me your email address so i can message or reach you
Re: Learn How To Program For Free by Adekunleoladepo(m): 4:40pm On Aug 25, 2023
Hello, I'm new here.
Pls can html be used with another language?
Re: Learn How To Program For Free by adonainana: 4:42pm On Aug 25, 2023
konkonbilo:
Bros,i'd be happy if you can just send me your email address so i can message or reach you

Samuel.akinola@rocketmail.com
Re: Learn How To Program For Free by adonainana: 4:46pm On Aug 25, 2023
Adekunleoladepo:
Hello, I'm new here.
Pls can html be used with another language?

Hmm yes and no, html is the most basic programming language used for web development . There is another more advanced language called JavaScript

The problem is you cant learn javascript without learning the basics of html

So your answer is yes and no based on the above

But generally if you want to begin the long journey into computer programs

Html is the easiest and the safest bet because just learning it and a bit of JavaScript you will become a full stack developer and you can make money though that without stressing yourself. You can build any website in this world with just javascript Brit Netflix, Instagram whatever however complex the the website looks.

So JavaScript is too much a safe bet and since you need some knowledge html to understand it you must start from the basics

Then later if you feel you can go for more advanced programming languages

2 Likes

Re: Learn How To Program For Free by adonainana: 4:50pm On Aug 25, 2023
konkonbilo:
Hey bro, you've just got a new student. though i just started reading your thread and have got a paper, pen and a laptop.thanks! Is there a way i can reach you, i'd like to ask some question or rather seek an advice from you about IT

My email is Samuel.akinola@rocketmail.com
Re: Learn How To Program For Free by Adekunleoladepo(m): 4:50pm On Aug 25, 2023
adonainana:


Hmm yes and no, html is the most basic programming language used for wed development . There is another more advanced language called JavaScript

The problem is you cant learn javascript without learning the basics of html

So your answer is yes and no based on the above

But generally if you want to begin the long journey into computer programs

Html is the easiest and the safest bet because just learning it and a bit of JavaScript you will become a full stack developer and you can make money though that without stressing yourself. You can build any website in this world with just javascript Brit Netflix, Instagram whatever however complex the the website looks.

So JavaScript is too much a safe bet and since you need some knowledge html to understand it you must start from the basics

Then later if you feel you can go for more advanced programming languages
thanks
Re: Learn How To Program For Free by adonainana: 1:46am On Aug 27, 2023
Guys we are back

Today topic is how to create TABLES with HTML

TABLES OF ROWS AND COLUMNS CAN BE DESIGNED WITH HTML

So please get ready with your text editor, notepad or Microsoft Visual editor


Type this into your editor and click save and run the code


<!DOCTYPE html>
<html>
<style>
table, th, td {
border:1px solid black;
}
</style>
<body>

<h2>A basic HTML table</h2>

<table style="width:100%">
<tr>
<th>Company</th>
<th>Contact</th>
<th>Country</th>
</tr>
<tr>
<td>Alfreds Futterkiste</td>
<td>Maria Anders</td>
<td>Germany</td>
</tr>
<tr>
<td>Centro comercial Moctezuma</td>
<td>Francisco Chang</td>
<td>Mexico</td>
</tr>
</table>

<p>To understand the example better, we have added borders to the table.</p>

</body>
</html>

Save and run the code

what do you see

Re: Learn How To Program For Free by adonainana: 2:09am On Aug 27, 2023
In the above post this is what the code means

<!DOCTYPE html> ( This tells the computer the programming language you want to start coding in )

<html> ( This tells the computer the beginning of where the html is about to begin )

<style> ( This tells the computer the beginning of the style and appearance of how you want the web page to be )

table, th, td {
border:1px solid black; (This tells the computer you want to create a table, th means table header, whilst td means table data to input )
}
</style> ( This is the closing tag of the style element, for every opened tag there must be a corresponding closed tag for your whole code to work )
<body> ( This tells the computer you are now about to start coding the BODY section of the webpage )

<h2>A basic HTML table</h2> ( This tells the Computer you want HEADING with the words "A basic HTML table "

<table style="width:100%"> ( This tells the computer you want the width of the table you want to create to be 100 percent wide)

<tr> ( This tells the computer to create a table row, L rows are horizonatal whilst columns are vertical )

<th>Company</th> ( This tells the computer after creating the 1st row above, you want a th which mean table header Company

<th>Contact</th> ( This tells the computer you also want another table header with the words "contact"

<th>Country</th> (This tells the computer you also want a 3rd table header with the words "Country "

</tr> (This is a table row closed tag which means you are done with the first row of information )

<tr> ( This tag tells the computer to create another row for you in the next line in the table you want to create)

<td>Alfreds Futterkiste</td> ( This tag tells the computer it should use the words alfreds .... as the first data in the new created row )

<td>Maria Anders</td> ( This tag also tells the computer to use the maria..as the second name as data in the row created )

<td>Germany</td> ( This tag also tells the computer the same thing as above )

</tr> ( Thiis a table row closed tag, it tells the computer you are done with coding the table row in question you opened a tag fo )

<tr> ( For the 3rd time, you are telling the computer again you want another row of information TR means table row)

<td>Centro comercial Moctezuma</td> ( You want centro...to be the first information on the 3rd row, TD means table data )

<td>Francisco Chang</td> ( You are telling the computer you want Francisco to be the data in the new row created )

<td>Mexico</td> ( You are telling the computer you want the words mexico to be the final data in the new row created )

</tr> ( This is a closed TR tag, TR means table row it means that you are done coding the table row in question )

</table> ( This tells the computer you are done coding the mathematical table of rows and columns )

<p>To understand the example better, we have added borders to the table.</p> ( This tells the computer to simply create a new paragraph with the following information "to understand......"

</body> ( This is a closed body tag, it means you are done with the body section of the webpage)

</html> ( This is a closed html tag, it means you are done coding for the day and you want the computer to execute the code without any other addition after this line, ( if you mistakenly put any code after a closed html code, it wont work because you have already told the computer that you are done coding for the day, so the computer might think maybe you dey whine am ni and ignore it )
Re: Learn How To Program For Free by adonainana: 2:23am On Aug 27, 2023
HTML BORDER AND COLOURS

YOU can use HTML code to add border line and back ground colours to your table of rows and columns however you wish
For instance type this code into your editor and save and copy and run the code

<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border: 1px solid white;
border-collapse: collapse;
}
th, td {
background-color: #96D4D4;
}
</style>
</head>
<body>

<h2>Table With Invisible Borders</h2>

<p>Style the table with white borders and a background color of the cells to make the impression of invisible borders.</p>

<table style="width:100%">
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
<tr>
<td>John</td>
<td>Doe</td>
<td>80</td>
</tr>
</table>

</body>
</html>
Re: Learn How To Program For Free by adonainana: 2:29am On Aug 27, 2023
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border: 1px solid white;
border-collapse: collapse;
}
th, td {
background-color: #96D4D4; ( This tells the computer you want the background of the table you are creating to be sky blue, #96D4D4 is a html colour code )
}
</style>
</head>
<body>

<h2>Table With Invisible Borders</h2>

<p>Style the table with white borders and a background color of the cells to make the impression of invisible borders.</p>

<table style="width:100%">
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
<tr>
<td>John</td>
<td>Doe</td>
<td>80</td>
</tr>
</table>

</body>
</html>

Re: Learn How To Program For Free by adonainana: 2:38am On Aug 27, 2023
HTML LISTS

LISTS IN HTML allow web developers to create navigation bars, menu bars

Its simply a series of code that would generate a list of items for you full stop.

There are two types of lists

1. An unordered HTML list: ( with the <ul> tag )
2. An ordered list ( with the <ol> tag

The difference between the <ul> and the <ol> tag above is that

An ordered list would show ur lists using bullet points are numbering

Whilst an ordered list would use numbers instead of buller point as numbering

For example copy this code into your editor and run it what do you see

<!DOCTYPE html>
<html>
<body>

<h2>An unordered HTML list</h2>

<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>

</body>
</html>
Re: Learn How To Program For Free by adonainana: 2:39am On Aug 27, 2023
The code in the last post would simply generate the following

An unordered HTML list
*Coffee
*Tea
*Milk
Re: Learn How To Program For Free by adonainana: 2:41am On Aug 27, 2023
RUN THIS CODE TOO IN THE EDITOR WHAT DO YOU SEE

<!DOCTYPE html>
<html>
<body>

<h2>An ordered HTML list</h2>

<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>

</body>
</html>
Re: Learn How To Program For Free by adonainana: 2:42am On Aug 27, 2023
<!DOCTYPE html>
<html>
<body>

<h2>An ordered HTML list</h2>

<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>

</body>
</html>

The above code would simply generate the following in your browser

An ordered HTML list
1.Coffee
2.Tea
3.Milk
Re: Learn How To Program For Free by adonainana: 2:43am On Aug 27, 2023
In summary the only different between an unordered list <ul> tag and an ordered list <ol> tag is that one former would list out your items using bullet points whilst the latter would list out your items using numerical numbers

FULL STOPPPPPPPP
Re: Learn How To Program For Free by adonainana: 2:54am On Aug 27, 2023
HOW TO CREATE NAVIGATION BARS FOR A WEBSITE USING HTML LISTS

Study the picture attached to this post, does it look nice

If yes we are about to create a Menu bar

COPY THE FOLLOWING CODE INTO YOUR TEXT EDITOR ( PLEASE DONT TYPE IT COPY AND PASTE IT INSTEAD )

<!DOCTYPE html>
<html>
<head>
<style>
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333333;
}

li {
float: left;
}

li a {
display: block;
color: white;
text-align: center;
padding: 16px;
text-decoration: none;
}

li a:hover {
background-color: #111111;
}
</style>
</head>
<body>

<h2>Navigation Menu</h2>
<p>In this example, we use CSS to style the list horizontally, to create a navigation menu:</p>

<ul>
<li><a href="#home">Home</a></li>
<li><a href="#news">News</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="#about">About</a></li>
</ul>

</body>
</html>

1 Like

Re: Learn How To Program For Free by adonainana: 3:29am On Aug 27, 2023
I will now explain what this code means

<!DOCTYPE html> ( Normal normal you want to tell the computer which language you are coding in )

<html> ..........(this is an opening html tag tells the computer you have started coding )

<head>........( this is an opening head section tag >

<style>.....( this is an opening style tag , im using it to style how my navigation bar would look like in advance ) ( in other words its an internal
CSS styling, scroll up to the thread and see types of styling , internal styling, inline styling and external styling)

ul { ...........( ul means an unordered list ,this tells the computer that you want to create an unordered list )
list-style-type: none;.....( However because the code is under the< style opening tag, its simply telling the computer how you want the
unordered items in list to look before hand, list style type none means you dont want a bullet point list. )

margin: 0; ( this line of code means you want the magin for the unordered list to be 0 )

padding: 0..........( this tells the computer you dont want any padding in the list we are creating)

overflow: hidden;

background-color: #333333; ( this tells the computer the colour of the background of the list you are working on )
}

li { ( This line of code tells the computer that the first item on the list ( li means list) should float to the left
float: left;
}

li a { ( this lines of code simply means you want the font of the list to be white, centrally aligned, and with no text decoration)
display: block;
color: white;
text-align: center;
padding: 16px;
text-decoration: none;
}

li a:hover { ( This is an advanced css line of code which means you want the list to be in a way that the mouse can hover over them and
they change colours when the user moves his mouse over them )
background-color: #111111;
}
</style> ( THIS TELLS THE COMPUTER that you are done with your styling by closing it with a closed </style tag>

</head> ( This is also important it tells the computer that the styling done above should only APPLY TO THE HEAD SECTION OF THE WEBSITE )
<body> ( This tells the computer to begin work on the body section of the webpage )

<h2>Navigation Menu</h2> ( This tells the computer you want the words Navigation menu as the first heading on the body of the webpage <h2>
<p>In this example, we use CSS to style the list horizontally, to create a navigation menu:</p> ( This just tells the computer you want to write on a new paragraph <p> means paragraph

<ul> ( ul means unordered list ,this is telling the computer that the following list below are the content of the so called list we are using to create the Navigation bar
<li><a href="#home">Home</a></li> ( This is telling the computer to create the HOME button menu)
<li><a href="#news">News</a></li> ( This is also telling the computer next is a News
<li><a href="#contact">Contact</a></li>
<li><a href="#about">About</a></li>
</ul> ( This is telling the computer you have come to the end of the unordered list and therefore you have closed the </u> tag

</body> ( this also tells the computer you have come to the end of the body section of the webpage and you have closed it as required
</html>( this tells the computer you have come to the end of the html document and closed the html tag so the computer can now run your code for you

ONCE YOU RUN THE CODE YOU WILL GET THE BEAUTIFUL NAVIGATION BAR attached to this post

NICE RIGHT

1 Like

Re: Learn How To Program For Free by Adekunleoladepo(m): 10:29pm On Sep 14, 2023
HELLO
We are still here cry
Re: Learn How To Program For Free by Chikemn: 12:23pm On Mar 01

More of the lectures Sir.



adonainana:
I will now explain what this code means

<!DOCTYPE html> ( Normal normal you want to tell the computer which language you are coding in )

<html> ..........(this is an opening html tag tells the computer you have started coding )

<head>........( this is an opening head section tag >

<style>.....( this is an opening style tag , im using it to style how my navigation bar would look like in advance ) ( in other words its an internal
CSS styling, scroll up to the thread and see types of styling , internal styling, inline styling and external styling)

ul { ...........( ul means an unordered list ,this tells the computer that you want to create an unordered list )
list-style-type: none;.....( However because the code is under the< style opening tag, its simply telling the computer how you want the
unordered items in list to look before hand, list style type none means you dont want a bullet point list. )

margin: 0; ( this line of code means you want the magin for the unordered list to be 0 )

padding: 0..........( this tells the computer you dont want any padding in the list we are creating)

overflow: hidden;

background-color: #333333; ( this tells the computer the colour of the background of the list you are working on )
}

li { ( This line of code tells the computer that the first item on the list ( li means list) should float to the left
float: left;
}

li a { ( this lines of code simply means you want the font of the list to be white, centrally aligned, and with no text decoration)
display: block;
color: white;
text-align: center;
padding: 16px;
text-decoration: none;
}

li a:hover { ( This is an advanced css line of code which means you want the list to be in a way that the mouse can hover over them and
they change colours when the user moves his mouse over them )
background-color: #111111;
}
</style> ( THIS TELLS THE COMPUTER that you are done with your styling by closing it with a closed </style tag>

</head> ( This is also important it tells the computer that the styling done above should only APPLY TO THE HEAD SECTION OF THE WEBSITE )
<body> ( This tells the computer to begin work on the body section of the webpage )

<h2>Navigation Menu</h2> ( This tells the computer you want the words Navigation menu as the first heading on the body of the webpage <h2>
<p>In this example, we use CSS to style the list horizontally, to create a navigation menu:</p> ( This just tells the computer you want to write on a new paragraph <p> means paragraph

<ul> ( ul means unordered list ,this is telling the computer that the following list below are the content of the so called list we are using to create the Navigation bar
<li><a href="#home">Home</a></li> ( This is telling the computer to create the HOME button menu)
<li><a href="#news">News</a></li> ( This is also telling the computer next is a News
<li><a href="#contact">Contact</a></li>
<li><a href="#about">About</a></li>
</ul> ( This is telling the computer you have come to the end of the unordered list and therefore you have closed the </u> tag

</body> ( this also tells the computer you have come to the end of the body section of the webpage and you have closed it as required
</html>( this tells the computer you have come to the end of the html document and closed the html tag so the computer can now run your code for you

ONCE YOU RUN THE CODE YOU WILL GET THE BEAUTIFUL NAVIGATION BAR attached to this post

NICE RIGHT

Re: Learn How To Program For Free by akaahs(m): 10:30am On Mar 06
adonainana:
Hello guys I am a JavaScript computer programming expert

ARE YOU CURRENTLY UNEMPLOYED AND TIRED OF NIGERIA and you want to learn a skill that will change your life for forever .

In just 3 months you can learn a computer program that we change your life and all you need is a laptop , pen and paper and follow this thread

And in this thread I will be showing you and demonstrating to you how to do various tasks web development wise with HTML and CSS and eventually JavaScript

Html means hypertext markup language, almost everything on the internet or website can be read or interpreted via HTML.

CSS means cascading styles sheets, it’s a way of adding extra touch to HTML that brings out beautiful end product websites

JavaScript is the language you need to know about after these two , the problem is you can’t learn JavaScript without knowing about html and CSS.

The good news is HTML AND CSS are like ABCDEF they are extremely easy to understand

So follow this thread carefully

In just 3 months you will be shocked the type of things and the type of instruction or code you will give to a computer and it will answer

Whether or not you do anything todsy 3 months will come , and in 3 months time you will wish you listened to this advice 3 months ago

All you need once again is a pen and paper

A laptop
You don’t need internet
As I will be teaching you everything you need to know here on Nairaland

Also Seun Osewa built this website with python , it’s another programming language but can do much more advanced stuff then JavaScript that I would be teaching you for free on here

Goodluck
Im interested and have all the requirements
Re: Learn How To Program For Free by adonainana: 4:11am On Mar 07
Guys we back

I cant believe its been almost 6 months already

Life has happened to me

I almost forgot about this thread

I have had countless javascript website and projects I have been working on

But anyway for the love of nature I will continue with this thread

If you are seeing this post for the first time, please go back to page one and catch up on what we have done so far

IF YOU WANT TO JOIN MY FREE WHATSAPP GROUP OF STUDENTS WHO WANT TO LEARN COMPUTER PROGRAMMING FOR FREE

SEND ME A WHATSAPP MESSAGE ON +234 912 432 54 79
Re: Learn How To Program For Free by adonainana: 4:12am On Mar 07
The next topic is HTML Block and Inline Elements

(1) (2) (3) (4) (Reply)

Wordpress Payment Integration..stanbic CIPG / What Do Programmers Do In Airports?? / Submitting A Form And Passing Form Values To Another Page In Asp.net.

(Go Up)

Sections: politics (1) business autos (1) jobs (1) career education (1) romance computers phones travel sports fashion health
religion celebs tv-movies music-radio literature webmasters programming techmarket

Links: (1) (2) (3) (4) (5) (6) (7) (8) (9) (10)

Nairaland - Copyright © 2005 - 2024 Oluwaseun Osewa. All rights reserved. See How To Advertise. 101
Disclaimer: Every Nairaland member is solely responsible for anything that he/she posts or uploads on Nairaland.