Links related to JavaScript 30 coding challenge
JS30 is a fun way to learn some of the latest updates for JavaScript frontend development.
With new features in ES6 that are supported in browsers, as well as those implemented from the CSS specification, the benefit is less complicated code and not having to rely on libraries.
The examples are practical and fun and teach you a lot in a short amount of time. You can go straight to the coding and don’t have to worry much about the setup.
Website (course is free to register for): https://javascript30.com/
GitHub to download examples: https://github.com/wesbos/JavaScript30
Three examples:
CSS variables
https://github.com/wesbos/JavaScript30/tree/master/03%20-%20CSS%20Variables
User can manipulate CSS properties with use of CSS variables.
More about CSS variables: https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_variables
https://medium.com/dev-channel/css-variables-no-really-76f8c91bd34e
Here is some info on the backtick syntax that Wes Bos uses: https://stackoverflow.com/questions/27678052/what-is-the-usage-of-the-backtick-symbol-in-javascript
Array Cardio Day 1
Good practice with array functions in JavaScript
https://github.com/wesbos/JavaScript30/tree/master/04%20-%20Array%20Cardio%20Day%201
Here is MDN info for array methods: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array
Fun with HTML5 Canvas
This is a fun example of how to use the canvas element in HTML5.
https://github.com/wesbos/JavaScript30/tree/master/08%20-%20Fun%20with%20HTML5%20Canvas
Here is more on the canvas element: https://www.w3schools.com/graphics/canvas_intro.asp