/html-basics

Here I created a little overview of HTML and CSS basics (and a bit more) to easily find explanations and examples of these topics. Sort of my personal notes, but it can be useful for other people too.

HTML and CSS -basics

  1. HTML Inline elements vs block elements
  2. HTML Semantics
  3. HTML Unrelated elements & HTML enitites
  4. HTML Tables
  5. HTML Forms
  6. Folder Structure external link
  7. HTML Form validation
  8. CSS Basics
  9. CSS Selectors
  10. CSS Cascade and CSS Specificity
  11. CSS Inheritance
  12. The Google Chrome Devtool
  13. CSS Box Model: content (box) ・ border ・ padding ・ margin
  14. CSS Box Model: display property
  15. CSS Box Model-Units - em & rem
  16. CSS Some useful properties - extra
  17. CSS Simple tricks and useful stuffs 🤓
  18. CSS Links and collections - reset your CSS
  19. CSS Flexbox
  20. CSS Grid
  21. CSS Responsive design - @media queries
  22. SASS
  23. CSS BEM methodology
  24. OOCSS - Object Oriented CSS
  25. About CSS Modules external link
  26. Inspirationel sites for web design

JavaScript -basics

  1. JS: Primitive Types
  2. JS: Variables
  3. JS: Methods
  4. JS: Template Literals (template strings)
  5. JS: Math Object
  6. JS: Comparison Operators
  7. JS: console | alert() | prompt methods
  8. JS: Conditional statement - if • else if • else
  9. JS: Switch statement
  10. JS: Truthy and Falsy values
  11. JS: Conditional (ternary) operator
  12. JS: Logical operators
  13. JS: Arrays
  14. JS: Object Literals
  15. JS: Destructuring
  16. JS: Loops
  17. JS: Functions
  18. JS: Callback Functions & Array Methods
  19. JS: Other features
  20. JS: DOM
  21. JS: DOM manipulation
  22. JS: Attributes & Properties
  23. JS: DOM events
  24. JS: Asynchronous JavaScript
  25. JS: AJAX
  26. JS: Object-Prototype - an introduction to OOP
  27. JS: OOP - Object-oriented Programming

Node JS -basics

  1. What is Node JS?
  2. REPL
  3. How to run files in Node?
  4. process . argv
  5. node:fs - File System Module
  6. module.exports
  7. Require Directory
  8. NPM

Terminal (command line) -basics

  1. Terminologies
  2. Basic Commands (LS, PWD, etc.)
  3. Absolute vs Relative path
  4. mkdir - Make new Directories
  5. man command - manual
  6. touch command - create/update file(s)
  7. rm & rmdir - delete file(s) and directories


These are my personal notes I can not guarantee that it's perfect, feel free to let me know if there is something that should or must be fiexd. Several parts are gathered from different sites and online/offline courses, no intention to harm any copyrights. Web is open, (or at least should be) free and should be accessible to everyone. ;)