SuperHi FM

Search:

Catalog Cart About Sign in

Javascript for Designers

Rose Culver

Chapter 01

Rose Culver

Links + downloads

Chapter resources

Chapter URL

Videos

Lesson 01

Welcome to Javascript for Designers!

Lesson 02

How do we hold data in Javascript

Lesson 03

What are let and const

Lesson 04

Javascript functions

Lesson 05

Using Javascript in the browser

Lesson 06

Introduction to Rose Culver project

Lesson 07

What is the SuperHi Editor

Lesson 08

Setting up our HTML

Lesson 09

Adding CSS typography

Lesson 10

How to add the background gradient

Lesson 11

Fixing our section layout

Lesson 12

Adding our footer

Lesson 13

How to add Javascript to our page

Lesson 14

The Javascript console

Lesson 15

Adding event listeners

Lesson 16

Monitoring the page number

Lesson 17

Cleaning up our code with functions

Lesson 18

If statements

Lesson 19

Adding previous functionality to our site

Lesson 20

Adding in Javascript comments

Lesson 21

Putting our data in an array

Lesson 22

Data in an array of objects

Lesson 23

Adding our background color change

Lesson 24

What is randomness?

Lesson 25

Adding a random function

Lesson 26

The keyup event

Lesson 27

Looking for arrow left and arrow right

Lesson 28

Final tweaks to our project!

SuperHi FM

Want some ambient music in the background? Play our radio station!

Plant Life

Next: Chapter 02

Plant Life

Feeling stuck?

Don’t worry, we are here to help you with:

Speedy help from one of our team members
Detailed, relevant solutions
Direct access to peer support through Discord!

Remember, there’s no such thing as a silly question, so don’t hesitate to reach out, we love hearing from you!

© 2024 SuperHi, Inc.

Learn

All courses Code Design Project management SuperHi Editor

Company

About Student work SuperHi for Business NEW Careers Newsletter

Support

Return policy Terms of use Discrimination policy Code of conduct Contact us

In the first chapter, we'll discuss to work with data and events in Javascript and how to apply them to a website that lets us change both HTML content and CSS styling. We'll use this to build a designer's portfolio website.

Private notes

A place for you to post notes about anything on this page. Only you can view your notes.

Sign in to save notes