Template literals to build DOM content - JavaScript Tutorial

Contents

• Introduction Introduction

  • Welcome

    1m 2s
  • What you should know

    48s
  • Exercise files

    54s
• 1. Overview of Vanilla JS 1. Overview of Vanilla JS

  • Libraries, frameworks, and vanilla JavaScript

    3m 43s
  • Identify when to replace frameworks and libraries

    3m 20s
• 2. Project Overview 2. Project Overview

  • Application architecture

    3m 3s
• 3. Environment Setup 3. Environment Setup

  • Environment setup

    3m 1s
  • Getting your API key

    3m 2s
• 4. Replace Ajax 4. Replace Ajax

  • Fetch API

    1m 51s
  • Create an Ajax request with Fetch

    6m 28s
• 5. Select and Modify DOM Elements 5. Select and Modify DOM Elements

  • Element selection with vanilla JavaScript

    2m 49s
  • Select and modify elements with querySelector

    6m 1s
  • Select and modify elements with querySelectorAll

    3m 15s
• 6. Replace Event Listeners 6. Replace Event Listeners

  • JavaScript events

    4m 46s
  • Add event listeners with vanilla JavaScript

    4m 28s
  • Work with the event object

    4m 5s
• 7. Implement Data Binding 7. Implement Data Binding

  • Data binding

    4m 12s
  • Create elements with vanilla JavaScript

    7m 25s
  • Add and modify properties with vanilla JavaScript

    9m 34s
  • Append elements with vanilla JavaScript

    6m 51s
  • Template literals to build DOM content

    3m 28s
• 8. Replace Simple Animations 8. Replace Simple Animations

  • Animation with vanilla JavaScript

    2m 15s
  • Show and hide elements using vanilla JavaScript

    3m 23s
  • Transition element appearance using CSS

    3m 13s
• 9. Ensure Backward Compatibility 9. Ensure Backward Compatibility

  • Backward compatibility for vanilla JavaScript

    2m 54s
  • Transpile vanilla JavaScript

    8m 15s
• Conclusion Conclusion

  • Next steps

    41s