Skip to content

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.

Notifications You must be signed in to change notification settings

Klosmi/html-basics

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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: Loops
  16. JS: Functions
  17. JS: Callback Functions & Array Methods
  18. JS: Other features
  19. JS: DOM
  20. JS: DOM manipulation
  21. JS: Attributes & Properties
  22. JS: DOM events
  23. JS: Asynchronous JavaScript
  24. JS: AJAX
  25. JS: Object-Prototype - an introduction to OOP
  26. 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

  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. ;)

About

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.

Topics

Resources

Stars

Watchers

Forks