![]() The website will look a little like this: Click the "Start coding" button on the top right.Create different functions to handle different events that could happen.Plan out what the structure of the app is going to look like.Adding form fields and linking the data in the code, so we can reference it in the backend later.Creating the design and importing different libraries/stylesheets to enhance the visual aspect of the app.I highly reccomend doing them in order because each one relies on the other. You can download/clone this Github repository for the final code, if you want to reference from a master copy: online coding platform (no account necessary, but highly recommended)ĭemo: Test out what we'll be making by tinkering with this live demo!.This demo will specifically teach you how to build a bookmarking application (that is tailored for Zoom links), but if you want to learn how to build any type of Chrome extension, this is your workshop!Īverage time for completion: You can complete this in 15-20 minutes. I will go over everything you need to know for this workshop, so you don't need to worry about how much experience you have. This is a very simple app, but it will allow you to "hack your way" to productivity by teaching you the foundation of building a Chrome extension.ĭifficulty/interest level: This is a simple web app using HTML/CSS/JS, with a strong emphasis on Javascript. You will be making a Chrome extension that allows you to save and access your Zoom links for your classes. Added complex event listeners and tools to recognize button clicks and run API requests.Use HTML/CSS/JS to make an interactive application.Pack and unpack extensions correctly to show up in your extensions pane.Use Chrome's API to save and access data.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |