Some of the top websites in the world like Facebook, Instagram, AirBnB, and Netflix utilize JavaScript in their webpages and mobile apps. JavaScript is also one of the easier languages to debug. So much so that middle school and high school students can pick it up, and there are even some block-building languages (like Blockly and Scratch) which are based on JavaScript and taught to even younger students. Compared with many other true programming languages, JavaScript’s syntax and key concepts are rather straightforward and relatively easy to learn. JS is noob-friendly and (relatively) easy to learn.As such, the majority of the world’s population with access to the Internet is in contact with JavaScript on a daily basis.

The majority of the world’s websites utilize JavaScript somewhere – it provides much of the interactivity on a site – and it can also be used to build mobile applications ( React Native, NativeScript).

Whereas HTML & CSS are not really programming languages per se (they are markup languages concerned with presentation, not function), JS is actually a functional programming language that can create interactive applications – and not just online brochures.

JS is the third leg of the code-tripod that builds websites.

There are many reasons why JavaScript is a particularly useful programming language for new learners. But the project’s main focus was to introduce my students to the beauty of JavaScript, and that is what the bulk of the tutorial will cover. My class began the project with a review of HTML structure and CSS styles in order to create the overall look and feel of the web app. The web project this tutorial introduces is for a project that I built with my high school students in the Spring 2019 semester. I’m passionate about helping new learners discover the joys of JavaScript. I’m also a Google Certified Trainer who has taught computer science and graphic design in high school since 2013. My current passions include React, React Native, Node, and the WP REST API.

CSS Transitions / Animations / Transforms CodePens | CheatsheetĪs you may have noticed in my bio, my name is Aaron Snowberger, and I’m a frontend designer/developer who likes to dabble in backend and mobile technologies.

Codepen todolist react