I Built My First Google Chrome Extension!

Поделиться
HTML-код
  • Опубликовано: 10 авг 2020
  • As a developer, it's nice to be able to create Chrome extensions to make your life easier. I was tired of having to open up my videos just to copy the link and share it. So, I created my first Chrome Extension! It shows me a list of my most recent videos and allows me to copy the link directly!
    _____________________________________________
    Newsletter 🗞
    Interested in exclusive content and discounts? 🤯 Sign up for the newsletter!
    www.jamesqquick.com
    _____________________________________________
    Connect with me 😀
    Live streams on Twitch - / jamesqquick
    Follow me on Twitter - / jamesqquick
    Join the 💬 Discord Server 💬 - / discord
    _____________________________________________
    COURSES 💻
    Learn how to build Fullstack apps with React and Serverless Functions - www.jamesqquick.com/courses/r...
    Learn everything you need to know about Visual Studio Code - www.udemy.com/learn-visual-st...
    Build a Quiz App - www.udemy.com/build-a-quiz-ap...
  • НаукаНаука

Комментарии • 80

  • @JamesQQuick
    @JamesQQuick  3 года назад +12

    This was easier than I thought it would be. Have you ever built a Chrome extension before? Let me know 👇

    • @aridojikatochiri9120
      @aridojikatochiri9120 3 года назад +1

      No☹️

    • @JamesQQuick
      @JamesQQuick  3 года назад

      @@aridojikatochiri9120 Now's the perfect time to start!

    • @HumanityCollected
      @HumanityCollected 3 года назад

      I wonder how similar the process is for Firefox.

    • @JamesQQuick
      @JamesQQuick  3 года назад +1

      @@HumanityCollected hmmm ya I have no idea. Learning opportunity for us both!

    • @thedubbrothers6643
      @thedubbrothers6643 3 года назад

      Yes, i made an adblocker though, i don't have a developer account, so i can't publish it.

  • @domaincontroller
    @domaincontroller 3 года назад +14

    01:53 article 02:03 manifest.json 04:08 popup.html , popup.js, popup.css 04:30 popup.html 05:28 so that is there, at this point we can go ahead and actually kind of use this thing, load unpacked, folder 06:16 javascript file, work on some of the logic there 12:47 copy text to clipboard

  • @gregorytfssd9815
    @gregorytfssd9815 3 года назад +3

    great video, cleared lots of my confusion,ready to dive into learning and building, thanks for a great job

  • @keenb641
    @keenb641 2 года назад

    Awesome! My first project is making a Chrome extension, and this has clarified a lot for me!

  • @npjairaj
    @npjairaj 3 года назад +1

    Thank you very much! I wanted something like this for a long time. And great video as always mate!!

  • @kipperdev
    @kipperdev 3 года назад

    Great video! Thanks, I was needing this exact content :)

  • @rafiujjamanrafi8630
    @rafiujjamanrafi8630 3 года назад +1

    Hey James, just a perfect tutorial/video for me as I was struggling to built my chrome extension. But now I'm confused to make the 'Netlify Serverless Functions' that you have made for this one. How do I make the 'Netlify Serverless Functions' for this kind (RUclips Recent Videos) of extension! Could me please give me some idea!

  • @calebcadainoo
    @calebcadainoo 2 года назад +1

    Interesting build will try build one

  • @debillion
    @debillion Год назад

    Thanks for the video. At the later part, you showed us a manual process of submitting the extension. How do I go about the automated process using CICD for the same task?

  • @aaravdudhia7556
    @aaravdudhia7556 3 года назад

    Hi, I have a question - How do you code an active counter, like AdBlocker, where it counts the ads totally blocked? Thanks!

  • @chidoziennachor7201
    @chidoziennachor7201 Год назад +2

    How did you create the netlify api to accent your youtube data?

  • @0xbitbybit
    @0xbitbybit 3 года назад +1

    Yes! Exactly what I was after, thanks!

  • @cooldharan
    @cooldharan 3 года назад +1

    How to show something like a widget on top of every page displayed without clicking? Is it possible ? If possible could you share how?

  • @Studio-Il
    @Studio-Il 2 года назад

    Thank you!

  • @loubaokraka8310
    @loubaokraka8310 3 года назад +1

    Hello James,
    It won't let me do the "load unpacked" part; It gives an error. Please help me out!
    Thanks,
    Loubao Kraka

  • @noopurp123
    @noopurp123 2 года назад +1

    Great video, James...just one thing, manifest version 2 is now deprecated...manifest version 3 is the new version to use.

  • @otmanm4095
    @otmanm4095 3 года назад

    Great content!

  • @ritikjain3975
    @ritikjain3975 2 года назад

    Hey how to create that API which will show recent videos I watched

  • @saadmaih4097
    @saadmaih4097 5 месяцев назад

    when i try to load it as an extension on chrome it dosent work and says things that dont make senese i did ait at 5:57 and didnt work for me

  • @DeveloperRimon
    @DeveloperRimon 2 года назад

    Thanks

  • @alexisautotte7159
    @alexisautotte7159 11 месяцев назад

    How do you solve image problem ????

  • @alixaprodev
    @alixaprodev 3 года назад

    Love your Video on Traversy media.

  • @MaxProgramming
    @MaxProgramming 3 года назад +1

    AMAZING!

  • @alanb701
    @alanb701 Год назад

    Is there a chance to make a extension, where you click a paypal, it opens and autopays and would it be hard to code? Need it for personal use

  • @ado
    @ado 3 года назад +2

    I've been meaning to build a Chrome extension so this is perfect!

    • @JamesQQuick
      @JamesQQuick  3 года назад

      Do it! :) Now I gotta learn Next.js from you

  • @shettyprashant8802
    @shettyprashant8802 2 года назад

    Thank you so much for the video. How to monazite your chrome extension

  • @mahrark
    @mahrark 2 года назад

    Can we create own Chrome Flags is well or not let me know plz thanks.

  • @vermaweb2504
    @vermaweb2504 2 года назад

    Have you changed the API coz its not working now

  • @rangabharath4253
    @rangabharath4253 3 года назад +1

    Awesome 👍

  • @my_j.a.r.v.i.s.
    @my_j.a.r.v.i.s. 3 года назад +2

    Please make a series of VS code extensions having color theme, snippet etc.

  • @allanfernandes829
    @allanfernandes829 5 месяцев назад

    how can i get my most recent watched youtube videos?

  • @learningstage3428
    @learningstage3428 2 года назад

    How i can build google chrome extension to add ore friends on Facebook

  • @jakobdock9744
    @jakobdock9744 3 года назад +2

    Can you do an IQ test because that brain must be massive

  • @chrisdizzle313
    @chrisdizzle313 3 года назад +1

    I have an idea for one but since I am not a JS dev, I don't know how to do it.

  • @Evenclever009
    @Evenclever009 3 года назад

    Hi brother, I would like to create a facebook extension like group search. thank

  • @natsu753
    @natsu753 3 года назад

    Nice

  • @mdmohiuddin3141
    @mdmohiuddin3141 3 года назад

    I built my first chrome extension what will track user history and send them to my server. If you want to know what your friend is browsing all the time 🤗🤗🤗🤗🤗

  • @d.n.ctalop5560
    @d.n.ctalop5560 3 года назад +2

    2:05 technically, vscode is built using chromium, so you kind of used google chrome

  • @danlater
    @danlater 2 года назад

    nice video

  • @theleaddaddy6684
    @theleaddaddy6684 3 года назад

    Winner - winner - chicken - dinner!

  • @val2690
    @val2690 3 года назад +3

    I wish you had gone over the API here lol the other video is super confusing and fast, really great otherwise though

  • @Abdelrhman_Osama
    @Abdelrhman_Osama 2 года назад

    Can I make it with python 🤔

  • @amlanbeharidey8408
    @amlanbeharidey8408 Год назад

    well the same is anyway too easy... if in browser history you filter by "RUclips"... but knowledge wise it was good... eager to have some more real time examples... like ad blocker or... autovolume or auto resolution... bandwidth tuning, auto zoom.. auto focus... content font formatter...reader... etc

  • @jonathonquick2270
    @jonathonquick2270 3 года назад

    Nice last name ! You got the same initials as me , JQ haha maybe we are like 25th removed cousins or something

    • @JamesQQuick
      @JamesQQuick  3 года назад

      Haha wow!!! We probably are :)

    • @jonathonquick2270
      @jonathonquick2270 3 года назад

      @@JamesQQuick I actually traced back the name ages ago and it's not very common. It originates from Cornwall /south west england in like the middle ages. Some migrated to Australia and some migrated to America. I bet if you trace back your family tree, you'll get to cornwall

  • @khan3443
    @khan3443 2 года назад

    can you make extension for me ,, cost ??

  • @dhanushkrishnan502
    @dhanushkrishnan502 2 года назад

    6:52

  • @dhanushkrishnan502
    @dhanushkrishnan502 2 года назад

    8:09

  • @rangabharath4253
    @rangabharath4253 3 года назад +4

    Please provide source code

    • @JamesQQuick
      @JamesQQuick  3 года назад +7

      github.com/jamesqquick/jqq-youtube-links-extension :)

  • @meesamabbas7169
    @meesamabbas7169 3 года назад

    1st view and comment 🤪

  • @msvmanikantasrivishnu7788
    @msvmanikantasrivishnu7788 3 года назад

    :-)