<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Windows Onlod Event</title>
<link rel="stylesheet" type="text/css" href="win.css">
</head>
<body id="body">
<div id="wrapper">
<div id="button" class="black">Click and change colour</div>
<div id="content">
<h1>What is coding?</h1>
<p>If you don’t know the first thing about coding, you’ve come to the right place. We’ve put together a beginner’s tutorial which will give you all the background information you need on coding, before you start learning it for real.
It starts with an explanation on the benefits of learning coding. Here, you’ll find out what you’ll be able to do once you know how to work with code. Then, you’ll get a deeper understanding of how coding works, and how the code you write gets converted into an instruction that a computer can ‘understand’. Very satisfying to know!
That’s followed by an outline of today’s coding languages. After all, every language has a purpose – some are for the web, others for app development, others for desktop software. You’ll find out why web development is an ideal form of coding to start off with, and then get a full overview of it. You’ll also be introduced to web design and app development.
Finally – and most importantly – there’s a step-by-step action plan that will outline the fastest and easiest way to get started in coding, and become a coder in 6 months.</p>
<p>Coding is basically the computer language used to develop apps, websites, and software. Without it, we’d have none of the most popular technology we’ve come to rely on such as Facebook, our smartphones, the browser we choose to view our favorite blogs, or even the blogs themselves. It all runs on code.
To put it very simply, the code is what tells your computer what to do. To go a bit deeper, computers don’t understand words. They only understand the concepts of on and off. The capabilities of a computer are guided by on and off switches, or transistors. Binary code represents these on and off transistors as the digits 1 and 0. An infinite number of combinations of these codes make your computer work. In order to make binary code manageable, computer programming languages were formed. These languages each serve different purposes, but they all allow programmers to translate important commands into binary code.
Each computer application needs a properly written code to know what to do. Most software has thousands to billions of lines of coded text and numbers. The code gives computers a step-by-step guide on how to function. Computers speed through reading the code to execute every online and offline task. In today’s digital world, everything from mobile phones to smart TVs and cars run using coded software. For example, the code might tell the computer to input an image and make it spin. Creating flawless code is essential to avoid 404 error pop-ups and software crashes. Debugging code is always the final step to reveal and fix coding issues.</p>
</div><!-- end content -->
</div>
<!-- end Wrapper -->
<script type="text/javascript" src="win.js"></script>
</body>
</html>
body{
font-family: tahoma;
font-size: 1.2em;
}
div#wrapper{
margin: 50px auto 0px auto;
width: 80%;
}
div#wrapper > div#button{
display: inline-block;
line-height: 60px;
padding: 0px 30px;
border-radius: 25px;
cursor: pointer;
}
.black{
color: white;
background-color: black;
}
.white{
color: black;
background-color: white;
}
var body = document.getElementById('body');
var button = document.getElementById("button");
button.onclick = function () {
if (body.className == "black") {
body.className = "white";
button.className = "black";
}else{
body.className = "black";
button.className = "white";
}
};
