JavaScript for Beginners

Introduction

What is this?

This is an introduction workshop to basics of JavaScript and is intended for absolute beginners. You’ll be learning the fundamentals of writing code and you’ll complete some mini-challenges along the way.

Why JavaScript?

If you want to learn to code, JavaScript is a great first language. As the official language of the web, you can build amazing websites and applications with JavaScript alongside HTML and CSS. It’s easy to use, and has immediate payoff. Once you’ve learned JavaScript, you’ll find it easier to learn other programming languages which share common concepts.

Workshop Structure

This workshop is divided into a pre-requisite, 4 lessons and challenges. In each lesson, you will be introduced to a new programming concept, be shown some examples. At the end, you will be given challenges related to the lessons to practice what you’ve learned.

Where to Run Your Code

As you write code, you’ll want to be able to see what it does. For this, you need to “run it” somewhere. You can do this in a number of ways, but to keep things simple, we are going to use a tool called Repl.it. You will find all the information related to it in lesson 2. Let’s start!

Let’s practice!

Lessons

• Setting up
• Lesson 1: Introduction to HTML & CSS
  • Part 1: HTML
  • Part 2: CSS
• Lesson 2: JavaScript
• Lesson 3: Arrays and Objects
• Lesson 4: If/Else Statements and For Loops

Challenges

• Challenge 1
• Challenge 2
• Challenge 3
• Challenge 4
• Challenge 5
• Challenge 6

---

Acknowledgements

The content of this workshop has been adapted from a number of sources. Primarily:

• GDS Learn to Code (CC BY-NC-SA 4.0)

• NodeGirls (MIT License)

This page was last reviewed on 3 February 2022. It needs to be reviewed again on 3 February 2023 .

This page was set to be reviewed before 3 February 2023. This might mean the content is out of date.