JavaScript: Notes Variable and data types Variables Data Types Numbers Strings String Methods String Properties String HTML Wrapper Methods Conditionals and logical operators Conditionals Logical Operators Regular Expressions Functions Functions Function.call() "this" keyword parseInt() Array Arrays Array Methods Array.sort() Array.filter() Array.map() Array.reduce() Array.sort(), finding min and max. Various array search methods Loops Loops Loop Exercises DOM manipulations DOM Manipulations Promise Promise setTimeout and setInterval Object Objects Object Constructor Debugging Errors Events Event Handlers Elements Forms
JavaScript: Extras Need to learn: regular expressions Forms This Unfinished reading: MDN - String Learning sites: JavaScript.info MDN Web Docs w3schools JavaScript Tutorial Bookmarks: MDN Web Docs: Regular expression syntax cheatsheet Debuggex: JavaScript Regex Cheatsheet Expressions and operators Operator Precedence Values Operator Precedence Table w3schools: JavaScript String Reference JavaScript: Comparison querySelector vs getElementById, which is best and why
JavaScript: Exercise Sandbox Sandbox Problem solving FizzBuzz Regular Expressions Paragraph Checker Sign up form Select Element: Theme Basic theme selection: BW More theme options: colors Using return valuesWith scope selection box Script in 1 or 2 lines Final version Introduction Click button Input element: favourite food Select element with comment: weather Input button with conditional: admin login
HTML HTML Notes: HTML Elements Content Sectioning Elements Text Content Elements Inline Text Semantic Elements Table Elements Form Elements HTML Attributes DevTools Notes: DevTools Introduction (F12) Tools: PageSpeed Insight PhotoPea Codepen Bookmarks: Color names Icon creator
CSS CSS Notes: CSS Box Model Flexbox Flexbox Alignment Grid Next to learn: Selector specificity (a, b, c) CSS Pseudo-classes CSS Pseudo-elements Tools: Tailwind CSS Google Fonts Bookmarks: CSS Naming Conventions that Will Save You Hours of Debugging CSS Pseudo-class Blog: Modern CSS Solutions Modern CSS reset by Piccalilli CSS Variables Flexbox guide Flexbox Cheat Sheet Style specific columns or rows in tables CSS Table
Projects Personal website projects CodeyLuwak - Coding page Green Speckles - Gardening page Kitchenochi - Recipe page Odin projects Etch-A-Sketch - Sketchpad page Rock Paper Scissors - Game JavaScript30 projects 01 - JavaScript Drum Kit 02 - JS and CSS Clock 03 - CSS Variables 04 - Array Cardio Day 1 05 - Flex Panel Gallery 25 - Event Capture, Propagation, Bubbling and Once Watch project descriptions and get initial codes at wesbos/JavaScript30
Code Learning Main courses: Codecademy The Odin Project FreeCodeCamp CS50 Odin progress Fundamental 5 Where am I: Calculator Sides: MDN: JavaScript object basics Promise setTimeout, setInterval Charts and Cheatsheets Glossary