• Skip to secondary menu
  • Skip to main content
  • Skip to primary sidebar
  • Blog
  • Web Design SIG Archive
  • WordPress SIG Archive
  • pacsnet.org

PACS WordPress SIG

A Special Interest Group of the Philadelphia Area Computer Society

  • .ORG
  • Codex
You are here: Home / Web Design SIG / JavaScript 30 – Building 30 Things Part 2

JavaScript 30 – Building 30 Things Part 2

March 25, 2018 by Matt

JavaScripT coffee cup logo with 'part 2' indicator

The March 2018 meeting of the PACS Web Design SIG continued on with 2 new lessons from Wes Bos’ JavaScript30 course. Last month we built a drum kit and a CSS clock. This month we looked at 1 method to create a sticky navigation menu on our website and then took a quick look at how we can use CSS variables to modify the class of an element without reloading the page. We are learning with Wes Bos and his online Javascript 30 course.

The brief presentation that was offered during the March Web Design SIG session on Javascript can be found online here. We viewed the Sticky Nav menu first, followed by the video on CSS variables.

Next month we will continue our look at JavaScript with 1 or 2 more real world quick projects that you can include on your next website.

A few resources were briefly highlighted. All of these resoruces are included in the presentation linked above.

Resources:
Wes Bos’ Online JavaScript Course: https://javascript30.com/
CSS-Tricks article on one method to learn JavaScript: https://css-tricks.com/javascript-learning-landscape-2018
JavaScript Weekly Newsletter: https://javascriptweekly.com
Eloquent JavaScript online book: https://eloquentjavascript.net/
Browser feature implementation guide – caniuse.com

JavaScript, The Definitive Guide – Sixth Edition

Example code from JavaScript, The Definitive Guide, 6th Edition

Filed Under: Web Design SIG Tagged With: JavaScript

About Matt

Web developer and designer. Learning all the time. Founder & CEO - Cap Web Solutions

Reader Interactions

Comments

  1. John Davey says

    March 25, 2018 at 6:45 pm

    The example this month helped me greatly to understand how Javascript is used to manipulate a webpage. Great stuff.

Primary Sidebar

Posts By Category

Tags

About Page backend backups Beaver Builder blocks block themes CDN Cloudflare CodePen CoffeeCup Software color Contact Page Content convert css CSS Grid design development ecommerce email firefox framework Gutenberg HTML HTTPS InstaWP JavaScript Kadence LocalWP migration patterns php plugins PMPro Rachel Andrew responsive RSS Security SMTP SSL tools training troubleshooting VS Code wp-cli

Privacy Policy · Terms & Conditions
Copyright © 2025 PACS WordPress SIG · All Rights Reserved.
Website by Cap Web Solutions
Legacy Lifestyle Pro Theme on Genesis Framework
Top of page