Hands-On Introduction: JavaScript

1h 44mIntermediate2022-11-09

Authors

Morten Rand-Hendriksen

Senior Staff Instructor, Speaker, Web Designer, and Software Developer

Course details

Are you brand-new to coding in JavaScript? Or are you just looking to learn a little bit more? Sometimes, when you learn a new framework, you need to jump right in and get things done. Join LinkedIn Learning senior instructor Morten Rand-Hendriksen as he shows you what it takes to get started writing JavaScript without trying to familiarize yourself with it beforehand. Explore this interactive, easy-to-follow primer on making changes directly to your code, testing out your new skills as you go, and making edits on your own in real time. Get tips from Morten on picking JS apart, building code from scratch, and then extending it, as well as fetching data from APIs to build new JS components that allow you to use your data. By the end of this course, you’ll be ready to get your hands dirty with your own code, no matter your level of experience or professional background.

Skills covered

Ecma InternationalJavaScriptProgramming LanguagesSoftware DevelopmentDeep Dive (X:Y)

Concepts

0. Introduction

01 - Hands-on JavaScript
02 - Using GitHub Codespaces with this course

1. Picking JS Apart

03 - Modify a component
04 - Break down a complex function
05 - Make a component reusable through nesting
06 - Pull only the data you need from an object
07 - Add new data to an existing data object

2. Building JS from Scratch

08 - Set up ESLint and Prettier
09 - Create a dark mode switch
10 - Detect existing mode
11 - Store dark mode settings in the browser
12 - Create a loading indicator and simulate loading time
13 - Lazy-load content with IntersectionObserver

3. Extending JS

14 - Get access and documentation for an API
15 - Fetch data from an API
16 - Build a component utilizing API data
17 - Add a button to change units
18 - Add a location selector

Conclusion

19 - Going further