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
The example this month helped me greatly to understand how Javascript is used to manipulate a webpage. Great stuff.