Girl Code, week 2: JavaScript

Girl Code

Part 2: JavaScript

on the client side

Three Languages

HTML     CSS     JavaScript

HTML


<body>
	
Girl Code

	
Girl Code is a coding course…

</body>

I define a document, like writing on a page 📄

I am a tree structure 🌲

My name is made from pointy letters, and I like pointy brackets <> 👌

CSS


p {
	color: blue;
	border: 10px solid red;
}
a {
	text-decoration: underline;
}

I list rules for how to draw things:
colour, size, style 💜💛💚💙

I make HTML look good 😎

My name is made from curly letters, and I like curly brackets { } 👍

JavaScript


function addStar() {
  let star = createStarElement()
  starContainer.appendChild(star)
}

starButton.addEventListener("click", addStar)

I make things happen ⚡️

I am step-by-step instructions 📋

I use round brackets, curly brackets, lots of different symbols actually… 😅

(I am NOT related to Java! 😒)

Activities