Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Frontend Applications with JavaScript and jQuery
Overview
Introduction (2:09)
Prerequisite knowledge (1:32)
The sample notes application (3:02)
The JavaScript notes app
Installation (2:31)
Display note titles from an array of notes (7:34)
Sidenote - security issues with .innerHTML (2:14)
Use methods to sort and format notes (7:07)
Add active class to note selector on click (4:44)
Put note body and timestamp in the note editor on note selector click (6:19)
Edit the selected note on editor input (8:54)
Create a new note with a button (4:37)
Delete the selected note with a button (6:12)
Filter notes on search input (8:14)
The jQuery notes app
Overview and Installation (3:26)
Display note titles from an array of notes (3:37)
Use methods to sort and format notes (1:29)
Add active class to note selector on click (4:54)
Put note body and timestamp in the note editor on note selector click (3:21)
Edit the selected note on editor input (5:32)
Create a new note with a button (3:25)
Delete the selected note with a button (4:29)
Filter notes on search input (6:37)
Conclusion
JavaScript versus jQuery (2:35)
Other frontend frameworks (2:22)
Display note titles from an array of notes
Reference code
Display note titles from an array of notes
Resources
JavaScript
Date.now()
JavaScript
template literal string
JavaScript DOM
document.querySelector
Complete and Continue