What is this Course?
This course assumes that the learner has at least some familiarity with modern computers, web browsers, and the internet, as well as HTML and CSS.
This course will feature instructional information as well as code examples and practice problems. Each informational section will be followed by a practice lab featured on https://www.codepen.io.
Those taking this course should have available to them 1) a computer with a web browser and internet connection, and 2) a text editor or access to an online coding environment (such as the previously mentioned https://www.codepen.io/pen).
Good to go? Let’s get started!
//this is a JS comment; anything on this line will be “commented out” due to the preceding //
or across multiple lines:
This is a JS comment too.
Anything between the two slash-asterisk asterisk-slash symbols will be commented out.
Comments will not affect the functionality of the rest of the code.
To open DevTools and gain access to the console, simply have open a web browser and press the F12 key. This will work for Chrome, Edge/IE, and Firefox browsers. If you’re using Safari, you can use the keyboard shortcut Option + Command + I to open the console.
To log output to the console, simply write
console.log(“want to log”);
Okay, got that? Time to practice!
LAB 1: Browser, Comments, and Console
Copy and paste (or simply click to follow) the following url into the address bar of your browser: https://codepen.io/anon/pen/zqJave?editors=0010