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.
- Getting Started with TypeScript
- How to Install Node on Windows, macOS and Linux
- Getting Started with Express
- How to deploy a PHP app using Docker
- How to deploy an Express app using Docker
- Getting Started with Sass
- Learn how to use v-model with a custom Vue component
- Using Puppeteer and Jest for End-to-End Testing
- Build a Real-Time Chat App with Node, Express, and Socket.io
- Getting User Location using JavaScript's Geolocation API
- Getting Started with Moment.js
- Setting Up Stylus CSS Preprocessor