SuperHi FM

Up to 50% off if you buy two or more of our courses! Discount automatically applied.
Up to 50% off if you buy two or more of our courses! Discount automatically applied.
Up to 50% off if you buy two or more of our courses! Discount automatically applied.
Up to 50% off if you buy two or more of our courses! Discount automatically applied.
Up to 50% off if you buy two or more of our courses! Discount automatically applied.
Up to 50% off if you buy two or more of our courses! Discount automatically applied.
Up to 50% off if you buy two or more of our courses! Discount automatically applied.
Up to 50% off if you buy two or more of our courses! Discount automatically applied.
Up to 50% off if you buy two or more of our courses! Discount automatically applied.
Up to 50% off if you buy two or more of our courses! Discount automatically applied.
CatalogCart AboutSign in
Foundation HTML, CSS + Javascript

Get access to Foundation HTML, CSS + Javascript

  • Practical, go-at-your-own pace learning, with help from our industry experts and experienced teachers
  • Projects and code that you can alter and include in your own sites and portfolio
  • Resources to get you started and going post-course

Foundation HTML, CSS + Javascript

Interior Weekly

Lesson 01

Project overview

Learn how to build a site with scroll event functionality using jQuery. Hide and show the header, change the background color, and add a progress bar as you scroll down the page.

Transcript

00:00

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris euismod imperdiet feugiat. Pellentesque elementum rhoncus justo eu maximus. Donec varius magna sed nisl posuere fermentum. Integer in orci placerat, egestas lacus a, pharetra tortor. Sed iaculis ac turpis sit amet semper. Nunc accumsan gravida tempus. Donec vel eros a risus condimentum ullamcorper ac eu mauris. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vel tortor faucibus, egestas tellus ut, condimentum erat. Vivamus tristique aliquam purus.

00:50

Nulla facilisi. Donec sed quam in dolor mattis condimentum. Proin mauris erat, laoreet et tellus vitae, iaculis interdum augue. Duis mattis nunc et felis facilisis lobortis. Pellentesque sagittis egestas neque. Vestibulum ultricies non libero at placerat. Quisque sodales eu lacus in molestie. Aenean tempor ac lacus id tincidunt. Curabitur lacinia condimentum elementum. Cras pellentesque, nibh auctor vehicula egestas, nunc purus molestie urna, eget maximus elit arcu id mauris. Nunc egestas congue dui, a posuere justo. Aliquam leo libero, lacinia at justo quis, tincidunt iaculis felis. Aliquam tempus varius vulputate. Donec porta, sem eu maximus viverra, turpis mi accumsan metus, gravida blandit mauris nunc sit amet massa.

01:41

Donec vitae diam id lectus faucibus tincidunt. Duis quis ipsum turpis. Donec facilisis sapien massa. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis hendrerit lacus quis odio maximus convallis. Mauris eu ultrices diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc eu ligula diam. Vestibulum a risus nec libero dictum rutrum in ac arcu. Maecenas commodo, quam non suscipit mollis, risus lacus maximus leo, sed interdum metus ante eget justo. Phasellus condimentum nisl diam, at lacinia turpis viverra in.

Private notes

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

SuperHi FM

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

Project setup

Next: Lesson 02

Project setup

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!

EmailDiscord