Demonstrate the ability to do each of the following programming tasks:
- Add <script></script> tags to your HTML file
- console.log() command, view in the browser console (F12)
- Use browser console to view JavaScript error messages
- Create functions
- Call functions from console
- Call function inside <script> tags at the end of the <head> section of HTML document
- Call a function on button click: set onclick attribute of <button>
- Declare and assign variables
- View variable values in console
- Do arithmetic with variables
- Use document.getElementById() function to find an HTML element
- Change the innerHTML property of an HTML element (also need document.getElementById() function)
- Change the src property (file source) of an <img> element
- Change CSS style properties (e.g. color) of elements
- Set visibility of elements (style.visibility property)
- Retrieve user input from a form or input element (value attribute)
- if/else logic (if else and conditionals)
More Advanced JavaScript Topics:
- JavaScript arrays
- JavaScript objects
- for loops and while loops
- Loop through objects and arrays
- jQuery (a common JavaScript framework)
- JSON (a human readable data format)
- HTTP requests (web requests)
- AJAX (A is for “asynchronous” – code that runs in background while page remains responsive)
- AngularJS (another common JavaScript framework)