Hey there, this is the fifth and final part in the series of building a new tab notes extension. In this video we connect up to our database to save, update & delete our notes. You can find the source code for the project in the link below (It’s free but you donations are welcome to support the channel 😊)
00:00 Intro
02:00 - Add Save & Delete buttons
03:03 - Updating CSS
07:58 - Change Page Function
14:30 - Set Click Events for Buttons
15:40 - New/Clear Note Function
19:50 - Save Page Event Listener
21:20 - Delete Page Event Listener
24:33 - Save Page Function
31:20 - Firebase JS Commands
32:15 - Delete Note In Database
35:10 - Create/Update Note In Database
39:16 - Refresh, Test & Complete
40:15 - Summary
**Get a 7-day free trial of Skillshare - https://www.skillshare.com/r/user/rus... **
THE SERIES
In this new series, we will be creating a Chrome Extension that will appear when we open a new tab. Users can create, edit & delete notes. This series will go through all the steps needed to create the extension. Have a feature you want us to cover? Comment below & let me know!
1️⃣ Part One: • How to create a New Tab Notes Chrome Exten...
2️⃣ Part Two: • Creating a New Tab Notes Chrome Extension ...
3️⃣ Part Three: • How to make DIV content editable with CSS ...
4️⃣ Part Four: • Fetch notes from Firebase (Database) - New...
5️⃣ Part Five: • Create, Update & Delete Notes From Firebas... (This Video)
GET THE CODE
⌨️ http://gum.co/newtabnotion
MY ONLINE COURSE:
⛏ My Chrome Extension Course: https://skl.sh/2Xcr9Va
FIND ME ONLINE:
📨 Sign up to my email newsletter - https://rustyzone.substack.com
🌍 My website / blog - https://russellr.co.uk
🐦 Twitter - / russellbarnard
On this page of the site you can watch the video online Create, Update & Delete Notes From Firebase Database - New Tab Notes Chrome Extension - Final Part with a duration of hours minute second in good quality, which was uploaded by the user Rusty Zone 15 December 2020, share the link with friends and acquaintances, this video has already been watched 670 times on youtube and it was liked by 11 viewers. Enjoy your viewing!