Table of Contents
The modern web today is dynamic, vibrant, and offers many rich experiences. A lot of that is thanks to JavaScript.
JavaScript is an easy-to-learn scripting language that allows you to make your websites more interactive, including changing the content on your page, creating cookies, validating forms, adding custom effects, reacting to user actions, and much more.
JavaScript is used in almost every website you browse and helps bring your pages to life.
In this JavaScript class, we will dive into all of these to help you understand a major component that makes the web tick the way it does. We will cover the basics of JavaScript, how to use it, and how to make it work for you.
Prerequisites
- Intermediate knowledge of HTML, which you can obtain from this class on HTML.
- Basic knowledge of CSS since we'll be using it lightly.
- A desire to learn how to code!
With that being said, let's get started!
Selecting a Text Editor
Since JavaScript is ultimately just plain text, you can use any text editor for this class. However, we suggest using Visual Studio Code. It will support the operating system you're running on, and its syntax highlighting makes writing JavaScript a blast!
Of course, feel free to use whatever text editor you might already be using.
Visual Studio Code
Hello World
Create a brand new file in your editor, and type this in:
HTML<!DOCTYPE html>
<html>
<head>
<title>Intro to JavaScript</title>
<script>
alert("Hello World");
</script>
</head>
<body>
</body>
</html>
Save this as index.html and then open it with your browser of choice. You should see something like this if successful:
Hello World in browser.
If you see the alert dialog at the top, you have everything you need to begin this class on JavaScript!
Let's roll.
How to Install Node on Windows, macOS and Linux
Managing PHP Dependencies with Composer
Getting Started with Svelte
Getting Started with Electron
How to Serve Static Files with Nginx and Docker
How to deploy a PHP app using Docker
How to deploy a MySQL Server using Docker
How to deploy a Node app using Docker
How to Scrape the Web using Node.js and Puppeteer
Getting Started with Handlebars.js
Building a Real-Time Note-Taking App with Vue and Firebase
Getting Started with Vuex: Managing State in Vue