JavaScript
A language used to create interactive effects on a webpage.
Best practices
- Comments: provide a brief explanation for label to the code
- Modules: save the code in individual files for each function to assist with organization and debugging
- Debug: run the code and check for errors using the text editor and DevTools (99% right is still wrong)
Hints
- Check folder pathway
- Check for spelling errors
- Check for any flagged problems
- Use console.log() to see if function is being implemented
- TypeScript is a syntactic superset of JavaScript which adds static typing which means that TypeScript adds syntax on top of JavaScript, allowing developers to add types
One & Done
- Mobile events or touch events are different to computer or click events
- JavaScript can be used to change an elements' ID
- The data needs to be a string for ".toLowercase()" to work
- To alter elements using ".querySelectorAll" you need to use a "forEach" loop
- If, else loops need == to compare variables
- CSS properties like font-weight are listed in camelCase like element.style.fontWeight = "......"
- Use the indexOf() property to check if a div contains a word
- Switch statements can be used instead of if... else... statements
- appendChild() is used to add an element to a parent element. It can be used to move a node between parent elements
- Theres is a Typescript gridboard which is a template which can be used for JavaScript gird based games
- Make an image move using the arrow keys
- Add and/or alter a SVG using JavaScript
- Add instead of replace innerHTML
- Create a grid using divs
- Use a switch statement as an alternative conditional statement