/my-revision-checklist-webD

HTML CSS JS React

my-revision-checklist-webD

HTML CSS JS React

HTML

CSS

JavaScript

Fundamentals

Web page and JavaScript

Playlist

  • document.getElementById
  • document.getElementsByTagName
  • document.getElementsByClassName
  • document.getElementsByName
  • document.querySelector
  • document.querySelectorAll
  • .createElement
  • .innerHTML
  • .innerText
  • .append()
  • .remove()
  • .appendChild
  • .style
  • events
    • .addEventListener
    • .removeEventListener
    • event.preventDefault

Web fundamentals

Step Up

CSS

  • animations Video
    • transition property
    • @keyframes
    • animation property - name, duration, timing-function, delay, iteration-count, direction
  • flexbox
  • grid
  • media query to build responsive sites
  • CSS Specificity Article

JavaScript

  • bind, call, apply Video
  • Scopes
  • Hoisting Video
  • Temporal Dead Zone Video
  • Event bubbling Video
  • Event Capturing Video
  • Promises Video
  • Callbacks
  • async / await
  • AJAX (XMLHttpRequest)
  • Generators
  • Making API calls using fetch, axios Video
  • Event loop Video
  • Closures Article Video
  • Service Workers
  • Browser events Article
  • Forms
    • Form properties and methods
    • Form events: focus, blur, submit
    • Form validation Article

React

Front end library:

Debugging Tools