Want to program in HTML, CSS and JavaScript? The following shows the steps that you will take as well as the relevant web links.

Programming Languages

Programming languages used in most popular websites

Online Programming Environment

https://repl.it/languages

HTML, CSS and JavaScript

Online IDE

The result Tab

- Under the result tab, copy the page URL
- Open the page in a web browser

The index.html Tab

- Replace the text between `<title>` and `</title>`
- Click `Run` button on the top of window
- Reload the result page

- Insert new content: 
		<div>
			<h1>This is My Home Page!</h1>
		</div>
		
		<h2 id="plan">What's the Plan for Today?</h2>
		<button onclick="changeColor('blue','PLAY');">blue</button>
		<button onclick="changeColor('red','STUDY');">red</button>

		<div>
			<img width="600px" src="http://www.jdatalab.com/assets/img/rules.jpg">
		</div>

		<div>
		<table align='center'>
			<th>Monday</th>
			<th>Tuesday</th>
			<th>Wednesday</th>
			<th>Thursday</th>
			<th>Friday</th>
			<th>Saturday</th>
			<tr>
				<td>HTML</td>
				<td>CSS</td>
				<td>*</td>
				<td>Python</td>
				<td>HTML</td>
				<td>JavaScript</td>
			</tr>
			<tr>
				<td>CSS</td>
				<td>JavaScript</td>
				<td>HTML</td>
				<td>Go</td>
				<td>JavaScript</td>
				<td>HTML</td>
			</tr>
			<tr>
				<td>HTML</td>
				<td>Swift</td>
				<td>Go</td>
				<td>HTML</td>
				<td>Swift</td>
				<td>Java</td>
			</tr>
			<tr>
				<td>HTML</td>
				<td>HTML</td>
				<td>Python</td>
				<td>*</td>
				<td>HTML</td>
				<td>HTML</td>
			</tr>
		</table>
		</div>
		

Edit style.css

- will add styles here:
		body{
			background-color: powderblue;
			color: black;
			text-align: center;
		}

		th {
			background-color: white;
			text-align: center;
			border: 1px cornflowerblue solid;
		}
		
		button {
			width:100px;
			height: 50px;
			font-size: 2em;
		}
		

Edit script.js

	function changeColor(newColor,newText) {
		var element = document.getElementById('plan');
		element.style.color = newColor;
		element.innerText = newText;
	}
	

Phaser2

Part 1

dude

player

Part 2

Part 3

Part 4