Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

LinkedIn Learning

Learning App Building with Vanilla JavaScript

via LinkedIn Learning

Overview

Replace jQuery and React with vanilla JavaScript to improve site speed without impacting the user experience.

Syllabus

Introduction
  • Welcome
  • What you should know
  • Exercise files
1. Overview of Vanilla JS
  • Libraries, frameworks, and vanilla JavaScript
  • Identify when to replace frameworks and libraries
2. Project Overview
  • Application architecture
3. Environment Setup
  • Environment setup
  • Getting your API key
4. Replace Ajax
  • Fetch API
  • Create an Ajax request with Fetch
5. Select and Modify DOM Elements
  • Element selection with vanilla JavaScript
  • Select and modify elements with querySelector
  • Select and modify elements with querySelectorAll
6. Replace Event Listeners
  • JavaScript events
  • Add event listeners with vanilla JavaScript
  • Work with the event object
7. Implement Data Binding
  • Data binding
  • Create elements with vanilla JavaScript
  • Add and modify properties with vanilla JavaScript
  • Append elements with vanilla JavaScript
  • Template literals to build DOM content
8. Replace Simple Animations
  • Animation with vanilla JavaScript
  • Show and hide elements using vanilla JavaScript
  • Transition element appearance using CSS
9. Ensure Backward Compatibility
  • Backward compatibility for vanilla JavaScript
  • Transpile vanilla JavaScript
Conclusion
  • Next steps

Taught by

Sasha Vodnik

Reviews

4.6 rating at LinkedIn Learning based on 180 ratings

Start your review of Learning App Building with Vanilla JavaScript

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.