CODE WITH ME: Build a Chrome Extension | How to Build & Publish a Chrome Extension in 10 Minutes?

Hi friends! In this video we are going to be coding a chrome extension together. Although I have been a software developer for 5+ years I have never built a chrome extension and always wanted to. This is a fun and simple project you can do. The objective of this video is to show you how to build a chrome extension .The content of the chrome extension itself can be updated and built onto as much as you would like!

✅ Exclusive discounts
✅ Tips from people in the STEM world
✅ Stay up to date with the latest tech events and news
✅ And so much more!

// My Story

I am currently a software developer who once modeled and thought I wanted to pursue a career in the fashion industry. While I was modeling in Hong Kong, I eventually felt the desire to further my education. I decided to depart the modeling world and move back to Canada, knowing that could be the end of my modeling opportunities. I attended Ryerson University for GCM (Graphic Communications Management), as I thought I might still work in the fashion industry in another capacity. It was in my last year of university, I was introduced to a very basic coding course. I instantly fell in love. From there I knew I wanted to pursue software development but didn't have a clue where to start. I didn't want to go back to university as I just completed a four-year degree. I decided to enroll in a 10-week intensive coding Bootcamp. From there I started working at a small startup learning and growing my technical and soft skills. I then transitioned to a larger company where I am a software developer and technical consultant today.

#CodingTutorial #tiffintech

[YashSharma]

Never knew making a chrome extension could be so easy!! Great video👏

[Palmtreeshinobi]

This was cool. Since the video was only 11 mins I figured it would be like Part 1 of 10. Pretty cool that you were able to put together an entire working chrome extension in such a short video. I’m excited to try this myself

[duscraftphoto]

I dig this and I love the coding "live" nature of the video. Nice to see mistakes and bumps in the road along the way. The best way to learn how to do something right is to do it wrong first ha ha. Great video and I'll be checking out more of your content, for sure!

[leloupization]

I LOVE this video. It makes me happy that we see you make mistakes and it isn't just rehersed and scripted. I like the casual tone of it. I subscribed just because of this video.

[mcgruff]

Great content just wanted to point out that you mapped your list items into a <li> tag I believe the proper way would be to <ul id="concerts"> not <li id="concerts"> also would like get a heads up that the API was not a free id. Overall great content please keep it up.

[shadow_rune]

You remind me a lot of my sister, she teaches things the same way you do. You are a really good teacher 👍

Very good at pacing, keeping audience focused, etc. Well done.

[FuzzyQue.]

For people who are confused on how she got where she started in the video:

1 Create a new folder and name it something.
2 Click "Open folder" inside of the dropdown of "NO FOLDER OPENED" in the explorer.
3 Open the folder you created.
4 Right click the folder and select new file and name it "indext.html"

(you can open the explorer inside of the "view" dropdown menu if you dont see it)

[matiasfernandezbettini]

Thanks for the vid, it's really enlightening to see what a ´real´ process looks like, just showing what you do step by step with full transparency. It's a breath of fresh air in the genre of youtube programmers.

[digitaldupo]

This is exactly what I needed. A lot of tutorials already went ahead and dived into a complicated application to implement into your extension.

I was looking for someone to implement it fast and quick. Thanks for this.

[srsh]

Great video. I like that you focused more on creating the extension and it all clicked for me. Much better than making an overly complicated function when I'm just interested in learning the do's and don'ts on how to create Chrome Extension.

[kadirmemisoglu]

when you said "This is so embarrassing, what we didn't do" I screamed at you as you sad, but not the way that you thought. It was like this "Thank youuuu, you are a real person doing coding" :)

[ragtop]

A few years ago I had a storage unit at a storage facility. I was waiting for escrow to close on my house so I could move all my items into my new home. About a week before closing someone broke into my storage unit and stole pretty much everything I owned. Among the items were all of my computers, servers, hard drives, TVs, audio gear, pretty much every electronic device I owned and most of my tools and most of my kitchen.

Fast forward a bit, I filed a claim with my homeowners insurance. As part of the claim, I had to submit a detailed list of items stolen. Keep in mind, there was 25 years worth of my life in that unit, which made it nearly impossible to remember everything that was in there. So was born the dilemma.

To solve the dilemma I turned to coding. I decided to write a Chrome extension that would look through my purchase history on various sites (Amazon, Best Buy, Walmart, etc) and pull item descriptions, purchase dates and purchase price and output them into CSV files.

Second dilemma: I'm not a developer. I'm a photographer. I had no experience with Chrome extensions aside from adding them to my browser from the marketplace and I had zero knowledge of pure Javascript. So off I went into my endeavor. It took me about 2 weeks to learn just enough JS and Chrome API to get my head around what I needed to do. It took me another 2 weeks to build the extension and test it.

Very long story short, it worked! I was able to get all of the information I needed from the sites I had any purchase history on and submit it to the insurance company.

All in all, I lost over $80, 000 USD in items that I was able to find in my purchase history alone, WAY above my claim limit. However, I gained a pretty good skill that I still use to this day for various projects and problems I feel can be solved through automation.

I wonder if this makes a software developer now?

[ashleylilo]

Just started learning how to code. This seems like a fun way to make a mini project to practice!! Thank you

[AdonisAmarante]

Didn't know it was that simple to start a chrome extension, so cool. Thank you for this video!

[nathelenwanjiru]

This is amazing Tiffany!!! I enjoyed so much of this. PLS if you could, make it even longer would love to watch this. Like mentioned, added value indeed!

[Fachher]

Did you know that you only have to type li#concert and then hit tab. This will autocomplete this to <li id="concert"></li>.

[mohammedansari]

Yours was the first video that popped up when i searched for 'how to create chrome extension'. I learnt how, and I enjoyed it. Your tip about RapidAPI was Awesome. You are doing great. Pls keep posting. Subscribed! :)

[izael]

I always wanted to create an extension, after I learned javascript, I never created it, your video encourages me to create. I will create something that helps me during the day :)

[getoverhere]

This is the clearest and most informative coding vid I’ve seen in a while.

[pinkie]

New to coding and this makes me so happy! Never knew it could be so simple! Thank you!