Introduction to JavaScript
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
- Getting Started with Solid
- How to deploy a .NET app using Docker
- How to deploy a PHP app using Docker
- How to deploy a Deno app using Docker
- How to deploy a MySQL Server using Docker
- How to deploy a Node app using Docker
- Using Puppeteer and Jest for End-to-End Testing
- Learn how to build a Slack Bot using Node.js
- Creating a Twitter bot with Node.js
- Getting Started with React
- Setting Up Stylus CSS Preprocessor