Replace jQuery and React with vanilla JavaScript to improve site speed without impacting the user experience.
Overview
Syllabus
Introduction
- Welcome
- What you should know
- Exercise files
- Libraries, frameworks, and vanilla JavaScript
- Identify when to replace frameworks and libraries
- Application architecture
- Environment setup
- Getting your API key
- Fetch API
- Create an Ajax request with Fetch
- Element selection with vanilla JavaScript
- Select and modify elements with querySelector
- Select and modify elements with querySelectorAll
- JavaScript events
- Add event listeners with vanilla JavaScript
- Work with the event object
- 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
- Animation with vanilla JavaScript
- Show and hide elements using vanilla JavaScript
- Transition element appearance using CSS
- Backward compatibility for vanilla JavaScript
- Transpile vanilla JavaScript
- Next steps
Taught by
Sasha Vodnik