Learning to Code has never been easier.
Dev Crib is a Front-end Web Developer Hub that's here to help you kick start your career as a Front-End Web Developer with ease.
Focused on modern web standards and web app UX, Dev Crib would simply teach you how to build better websites. By the time you're done, people are gonna love using your stuff!
Here's Where To Begin
<!DOCTYPE html>
<html>
<head>
<title>Code Tutorial</title>
<style>
body {
background-color: lightblue;
}
#jsSample {
font-size: 28px;
font-family: "Source Sans Pro";
}
</style>
<script>
function myFunction(){
let x = document.getElementById("jsSample");
x.style.fontSize = "25px";
x.style.color = "red";
};
</script>
<body>
<h1>This is a heading</h1>
<h2>This is a Sub-heading</h2>
<h3>This code snippet contains HTML, CSS and JavaScript</h3>
<p>This is a paragraph.</p>
<p id="jsSample">Click the button below to change the layout of this paragraph</p>
<button onclick="myFunction()">Click Me!</button>
</body></html>
HTML Example:
<!DOCTYPE html>
<html>
<title>HTML Tutorial</title>
<body>
<h1>This is a heading</h1>
<h2>This is a Sub-heading</h2>
<p>This is a paragraph.</p>
</body>
</html>
CSS Example:
body {
background-color: lightblue;
}
h1 {
color: white;
text-align: center;
}
.sampleclass {
display: flex;
flex-direction row;
}
Learn
JavaScript
The scripting language used for programming Web Pages
Learn JavaScript
JavaScript References
JavaScript Example:
<button onclick="myFunction()">Click Me!</button>
<script>
function myFunction() {
let x = document.getElementById("demo");
x.style.fontSize = "25px";
x.style.color = "red";
}
const d = new Date();
let x = document.getElementById("datesample").innerHTML = d;
</script>
