Index of Web Development #

• 0. Basics of the Web
  • 1. Browsing the web
  • 2. Dev Tool
    • DevTool advanced
• 1. HTML
  • 1. What are tags
  • 2. Commonly used tags
    • 1. Writing stuff
    • 2. Anchor tag
    • 3. Lists
    • 4. Multimedia tags
    • 5. Table
    • 6. Meta tags
  • 3. Containers
  • 4. Forms
  • 5. Semantic tags - Page Sections
• 2. CSS
  • 1. CSS Basics
    • 1. Types of CSS
    • 2. CSS Selectors
    • 3. Order and Inheritance in CSS
    • 4. Critical Render Path
  • 2. Commonly used properties - IGN
    • 0. Miscellaneous
    • 1. Data based
      • 1. Size
      • 2. Colors
      • 3. background-image
      • 4. Fonts
      • 5. Text Formatting
      • 6. Icons
      • 7. Links
    • 4. List styles
    • 5. CSS tables
    • 6. CSS extras - IGN
      • 1. Media queries
      • 2. auto keyword
      • 3. Avoid pixelation
      • 4. Viewport sizes
      • 5. CSS variables
      • 6. CSS calc function
  • 3. Box Model
    • 1. Box model
    • 2. margin and padding
    • 3. border
    • 4. height and width
    • 5. outline
    • 6. display and visibility
  • 4. Layouts - flex, grid
    • 1. Flexbox
      • 1. flex property
      • 2. Container controls
        • 1. main axis
        • 2. cross axis
        • 3. Wrapping
      • Flex-item controls
        • 1. flex-shrink
        • 2. flex-grow
        • 3. flex-basis
        • 4. order
        • 5. align self
        • 6. All in one flex property
    • 1. Flexbox - 1D
      • 0. flex syntax
      • 1. Container
        • 1. main axis
        • 2. cross axis
        • 3. Wrapping
      • 2. Items
        • 1. flex-shrink
        • 2. flex-grow
        • 3. flex-basis
        • 4. order
        • 5. align self
        • 6. All in one flex property
    • 2. Grid - 2D
      • 1. Container
        • 1. grid-template
          • 1. CSS functions
        • 2. units
        • 3. row and column gap
        • 4. Justifying and aligning items
        • 5. Naming items
      • 2. Items
        • 1. Space occupied
        • 2. grid item position
      • 3. Flex vs Grid
    • 3. Floats
  • 5. Positioning
  • 6. Transition and Animations
• 3. JavaScript
  • 1. JS Basics
    • 1. JS Setup
    • 2. What is JavaScript
    • 3. Basic JavaScript
    • 4. Using JS
    • 5. Basic Data Structures
    • 6. Building Facebook
  • 2. DOM Manipulation
    • 1. DOM and JS Engine
    • 2. DOM Selectors
    • 3. DOM events
    • 4. Creating new HTML elements
    • 5. Background color picker
    • 6. jQuery - trivia
    • 7. Developer Fundamental 5
  • 3. Advanced JS
    • 1. Scope
    • 2. ES5 and ES6
      • A. Necessities
        • this and arrow functions
      • B. Shorthands and object features
      • C. JS exclusive features
    • 3. Advanced Loops
    • 4. Advanced Arrays
      • 1. spread and rest operators
      • 2. Map, filter and reduce
      • 3. some and every
    • 5. Advanced Functions
      • 1. Pure functions
      • 2. Closures
      • 3. Currying
      • 4. Function composition
    • 6. Advanced Objects
      • 1. How variables work
      • 2. Scope context
      • 3. Classes and objects
      • 4. Inheritance
    • 7. ES7
    • 8. ES8
    • 9. Debugging
    • 10. How Does JS works
    • 11. Modules in JS
    • 12. Asynchronous JavaScript
      • 1. Callbacks
      • 2. Promises
      • 3. Async await syntax sugar
• 4. Website Design
  • 1. Accessibility
  • 2. Folder structure
• Home
  • 1. Motivation
  • 2. Our job as problem solvers
  • 3. Applying to jobs
  • 4. Roadmap
  • 3_Resources
  • Transition
    • 1. JavaScript.info course
      • 1. An Introduction
      • 2. JS fundamentals