Hope you guys enjoy the project. I have been working on revamping my "Modern JS From The Beginning" course, so that is the reason for all the vanilla JS lately. I will be doing more projects using React and other frameworks as well as backend stuff soon.
@abdellahdamri656
2 жыл бұрын
Hi Brad! Great stuff! I was wondering if there will be any courses coming. something BIG (authentication, authorization, permissions, multiple roles) like MERN/MEAN or even MEVN stack! That would be AWESOME!
@TraversyMedia
2 жыл бұрын
@@abdellahdamri656 I usually do that stuff in my courses rather than KZitem, because they take A LOT of time and effort. The latest "Learn The MERN Stack" series was a good sized project with authentication.
@abdellahdamri656
2 жыл бұрын
@@TraversyMedia Yeah That was REALLY good! I watched the playlist several times! I didn't mean on KZitem! I meant on any online course provider (Udemy, Coursera, edX) or Even if you get to publish on your own platform That would be great!
@OnlyJavascript
2 жыл бұрын
pls, brad, make one and we are ready to buy it. MERN Best Practices (authorization, authentication, roles and permissions)
@jaimevtv
2 жыл бұрын
Happy to hear this brad, sounds exciting 😍😍😍
@ernestradner156
2 жыл бұрын
📌I don’t know who but someone actually needs to hear this.You’ve got to stop saving all your money. Venture into investing some, if you really want financial stability.
@enricopulieri1459
2 жыл бұрын
Lately I’ve been thinking of buying cryptocurrency for retirement, I’ve set asides $350k to invest but along the line,I usually get cold feet, maybe because I have no idea what I’m doing, please I could really use some guidelines.
@claireenriquez6126
2 жыл бұрын
@@enricopulieri1459 In situations like this,I always recommend to people on getting guidance at least from someone that understands price action and all that while you strive on improving yourself by watching videos and learning fundamental analysis.
@stevenwalker2117
2 жыл бұрын
Investment guidance sounds like a great idea,thought about it before but never knew how to go about it.
@joachimmilberg2313
2 жыл бұрын
@@stevenwalker2117 I started investing in cryptocurrency a little while ago and I’ve come to realize nothing beats first hand experience..Investing with Juan Antonio Landa has been the best experience ever.
@veronicafarmiga5577
2 жыл бұрын
Wow…..Juan Antonio Landa?
@mohsinfarooq1840
2 жыл бұрын
Anyone having issues with the Application on mobile device? I personally tried to use it on my device and turns out when you try to save the generated QR image, it actually saves the offline file of the web page and not the QR image itself. If anyone has found any solution to it, let me know !
@patric_forreal
2 жыл бұрын
Seriously.... I was bored and hearbroken in front of my computer the whole day trying to create an android app... I ended up know where due small computer processing power... Hence my pc couldn't run android studio, And just that very moment YT notified me on your new video.... On QR CODE app, I Quickly jumped into the small, I am done creating it... But I just want to add that custom Alert box to be done with the project am so glad that I just exploited my programming passion with you Brad.... Thank You So Much For Helping Me Out ❤️❤️❤️
@fahadm365
2 жыл бұрын
Great project and well presented, I really appreciate what you have done to help the people on KZitem. I really did all the steps you mentioned in the video everything worked perfectly but I had a problem when opening the website on mobile device ( android only ios works fine) when I click the download button below the QR code it save the link of the index.html as a webpage. tried it also on your website the same issue happened, I hope you read this and provide a solution. Regards :) ,
@ZiziKarma
2 жыл бұрын
Thank you very much Brad!! If anybody wants to be able to input a website without , change the input type="text" in the html, and add a simple conditional statement to the setTimeout. ``` const url = document.getElementById("url").value; const size = document.getElementById("size").value; const https = ""; if (!url) { return alert("Please Enter a URL"); } else { showSpinner(); setTimeout(() => { hideSpinner(); if (!url.includes("" || "")) { const newUrl = https.concat(url); generateQRCode(newUrl, size); } else { generateQRCode(url, size); } setTimeout(() => { const saveUrl = qr.querySelector("img").src; createSaveBtn(saveUrl); }, 50); }, 1000); } ```
@edwinschutjes8878
2 жыл бұрын
Great video as always! I love these small side projects because it's a great oppertunity to actually finish something. Instead of working on massive applications at my job that are basically never finished. Also love the use of vanilla JS. Getting kinda tired of everybody over-engineering simple applications with frameworks.
@ztcanada_1
2 жыл бұрын
Helpline 📲📩 QUESTIONS CAN COME IN☝️⬆️ ⬆️..
@uzairmehran8542
2 жыл бұрын
Hi Brad i am from Pakistan 🇵🇰. I really like your videos and your are inspiration to me. I learned a lot from you. I am working in a smaal company but i want to start my own work in end of December. Keep it up bro. May God bless you.
@codehal
Жыл бұрын
Very good sir
@clintonwambugu
2 жыл бұрын
I have a question why dont we use FormData() to get the values of the form inputs?
@JamesQQuick
2 жыл бұрын
Nicely done! Love this.
@redMaple_QC
2 жыл бұрын
Little comment. Hold a small pause before enter when entering Emmet or Tailwind, so we can can see the code instead of going back and forth. I noticed that in a lot of tutorials, not just yours.
@marsxollective
Жыл бұрын
I followed along with the tutorial, but I keep getting Uncaught TypeError: Cannot read properties of null (reading 'value') in the javascript
@IsaacLim-bv4oi
2 ай бұрын
Hi, the download button works on desktop and on mobile if desktop mode is selected. For some reason, on mobile browsing, the whole webpage is downloaded instead. Any idea why this is so and how it can be fixed (besides asking the user to force switch to desktop mode)?
@acedigibits9079
2 жыл бұрын
one small suggestion, you can add download 'a' in html itself and simply change the href everytime qr code is generated. This way you dont have to worry about multiple download buttons also
@ztcanada_1
2 жыл бұрын
Helpline 📲📩 QUESTIONS CAN COME IN☝️⬆️ ⬆️..
@PrashantNirgun
2 жыл бұрын
Great tutorial one request some QR Code has image in center plz check whatsapp QR code for reference. If you could explain how to achieve this
@ztcanada_1
2 жыл бұрын
Helpline 📲📩 QUESTIONS CAN COME IN☝️⬆️ ⬆️
@siddharthpatel2193
2 жыл бұрын
I created QR generator app few days back with Flask. I even added many features like customizable QRs like image background QR or color QR etc. It was so fun project.
@terrencemcmanus
2 жыл бұрын
I love doing code as a hobby...and your videos are my go to resource. I appreciate you going thru the code and logic...I have learned quite a bit. Thank you.
@yasinnabi
2 жыл бұрын
Luck is 0.0001% Hard work is 100% .... instead of waiting to get lucky, start working hard and get lucky.... Hard work and investing in yourself is the best investment ever. a fellow creator....
@ztcanada_1
2 жыл бұрын
Helpline 📲📩 QUESTIONS CAN COME IN☝️⬆️ ⬆️.
@thedinosaurspecialist8053
2 жыл бұрын
Thanks dude this project is very beginner-friendly for me thanks
@yogeshkumarshah5191
9 ай бұрын
19:26 | I can't get access to the spinner div. Can somebody assist me to the solution??
@darkglamramos
Жыл бұрын
How can I get the downloaded file to be named like the url? Thanks in advance.
@abhis3kh
2 жыл бұрын
Thank you veryyyyyyyyyyyyyyyyyyyy much Brad. really appreciate it. Learned the many things. Keep making this kind videos more often :)
@JohnWeland
2 жыл бұрын
Neat man! I am looking to redo the URL shorter to add a QRCode generator so when you shorten a URL is till generate a QR for the short URL.
@ztcanada_1
2 жыл бұрын
Helpline 📲📩 QUESTIONS CAN COME IN☝️⬆️ ⬆️....
@LadeShootH
Жыл бұрын
hey, I really like your video, thx m8! Do you know if there is a way to create more customized qr codes like the qr code generator by bitly does? (e.g. a logo in the middle)
@metamodern7648
2 жыл бұрын
Well, I've raised on your videos, so can't complain, however I'd better leave a note: as an idea for a project for web -- the project is great, but the title is awfully misleading. I hoped for actual js code being written to generate QR code, not for a library usage. Very "clickbait'y", sorry not sorry.
@ashutoshtomar364
Жыл бұрын
Is the QR generated is temporary or permanent or it will expired after the days.
@muhammadfarhan5414
Жыл бұрын
hey, how can i make similar app (qr code generator) not only refer to a web link but also for making vCard (personal contact)?
@patrickudoh7732
2 жыл бұрын
after following the entire tutorial. didn't work. realize my mistake was having the defer in quotes in the js script tag. i felt hopeless for a while there. crazy. I'm good now
@patricionally
Жыл бұрын
How can the same project be done, or that it should be added to generate dynamic QR codes, to be able to link them to Google analytics and be able to follow up. Thank you.
@emmanuelmunachi1801
2 жыл бұрын
Simple and brilliant..... Your diligence never dissappoints Brad , 🙌 even with notifications turned on I always check daily if you have dropped something.
@just-being-aryan
Жыл бұрын
have you used any external APIs or Libraries in creating this ? if yes can u give me some resources to create QR Code Generator without using Any external APIs or Libraries?
@DesarrolloDimpulsox
Жыл бұрын
Hi, do u know how to make a qr code but from a form in the html? because I have a pdf converter, but I would like to add a qr, that instead of passing a pdf on the form, I could simply show the qr to be scanned
@KingKongHitDaBong
2 жыл бұрын
for some reason my qr code wont load (the image is there but it shows the tiny blue window to show it didnt load fully) ive tried everything no idea what went wrong
@KingKongHitDaBong
2 жыл бұрын
if anyone has any idea what went wrong I'd really appreciate it
@namanjain2894
2 жыл бұрын
I am also facing the same problem
@KingKongHitDaBong
2 жыл бұрын
@@namanjain2894 this is the frustrating thing about being a self taught coder. I'll give it a few more hours and if I still can't find out what went wrong I will head to brads repo
@EntyFu
2 жыл бұрын
@@KingKongHitDaBong what browser are you using? do you have any browser add-ons might hinder it being displayed? if you clone brad's repo and it won't show either, its definitely an issue with your browser
@KingKongHitDaBong
2 жыл бұрын
@@EntyFu thx for helping but I finally found out what was wrong, my names in the input fields weren't accurate. @Naman Jain see if this was also what's causing your issue
@JTinphoenix
Жыл бұрын
will this work for sms qr codes?
@tothebone4613
Жыл бұрын
so the generated qr code would be static right ? even got refreshed ?
@WiLDeveD
2 жыл бұрын
Cool Tutorial. Thanks bro...
@crust5532
2 жыл бұрын
Learning so much stiff from you . I really appreciate your hard work to teach us so many things in web development plus with other stuffs . Also Which VS code theme is this ??? So clear to see
@ondrejmarek9752
2 жыл бұрын
I belive it is called GitHub Theme. First impression is quite good, but I think it is not practical that much.
@canerdemircigm
2 жыл бұрын
Thank you Brad. I would like to know what you think about .Net Blazor.
@afolabioluwatomisinmaveric7235
Жыл бұрын
Thank you so much Brad for your lessons. I noticed that the download button downloads the image on desktop but download the HTML page on mobile. What could be the reason and how to fix that bug? Thanks In Advance
@TheArtofWill082
2 жыл бұрын
Joe from Codingphase brought me to your channel. Too bad you two weren’t able to collaborate as scheduled.
@braveitor
2 жыл бұрын
Interesting but I think that "dummy" spinner adds nothing to the website. I suppose this fetch part can be easely done with a "promise-then" functionality, so the spinner would really indicate that the site is processing the info, though the image is probably to quickly generated so the spinner never shows. But displayingit there for a second for cosmetic reasons, I don't know....
@lancemarchetti8673
2 жыл бұрын
Nice! I tested hiding some web account logins in a single Qr . When scanned, it spits out a page in Hex. After converting to Ascii, a page filled with Base64 appears. After a simple decode in Notepad ++, ..voila! QRcode is handy...and looks cool as well.😎
@HazemFanoush
2 жыл бұрын
I was thinking that you going to create the whole library not using an existing library, but there is no problem.
@harry4088
2 жыл бұрын
Hey Brad sir which font u r using in vs code ?? please reply
@ztcanada_1
2 жыл бұрын
Helpline 📲📩 QUESTIONS CAN COME IN☝️⬆️ ⬆️...
@ztcanada_1
2 жыл бұрын
Helpline 📲📩 QUESTIONS CAN COME IN☝️⬆️ ⬆️..
@jonhardlarsen8562
Жыл бұрын
Hi Brad, love your tutorials, always very explanatory. But in this case I have a minor problem. I have copied your code from Github Repo, and it works almost fine, the only thing is the button for saving the the QR-code image does not get created. What am I missing?
@jonhardlarsen8562
Жыл бұрын
Problem solved. The problem was the Show scanner function ;) I deleted it, and then it worked fine.
@NeedyCatMedia
2 жыл бұрын
This was great. I am not a coder by no means, so I like to play around and learn new things. I created a new HTML and Script file using what was within the repo. Everything looks like it did in the video. However, I cannot seem to get the generator to work. I am familiar with svg files, but I was able to download them and place them within my IMG folder. Any thoughts on what I am doing wrong. Thanks in advance
@NeedyCatMedia
2 жыл бұрын
So I moved it to a sperate directory and it worked fine. Thanks
@issahabeeb546
Жыл бұрын
Can someone created a scanner that will scan the qrcodes automatically 🤔
@rockbelleh6237
Жыл бұрын
Camera is always use to scan
@ІгорРадецький-к4г
2 жыл бұрын
Plese make advance lesson on React + RubyOnRails back
@reanhazelpascual7102
2 жыл бұрын
Hi, I just wanna ask where can I find the code for the Spinner? I do hope anyone can answer me.
@reanhazelpascual7102
2 жыл бұрын
I don't know where that code came from, please help me
@deejaydev
2 жыл бұрын
Haha, I wanted to build a JavaScript QR generator on my channel, but instead we built an IP address generator, great minds think alike, thanks Brad, for being you... Blessing
@DavidAinsworth37
2 жыл бұрын
Hi Brad, thank you for building this functionality, it is super useful. As always really easy to follow your instructions and learnt a number of lessons along the way.
@mohsinghazi3574
2 жыл бұрын
Make a tutorial on pdf generate from backend in mern app
@triggermindscape2031
2 жыл бұрын
Thanks Brad, as you mentioned, what should be done get a profit of this project after I deploy it? May be this can be a good topic for your next video.
@ztcanada_1
2 жыл бұрын
Helpline 📲📩 QUESTIONS CAN COME IN☝️⬆️ ⬆️
@stevencrutchfield1154
3 ай бұрын
Do the codes ever expire?
@sailee5208
2 жыл бұрын
Thanks Brad! Nice little side project.
@reviews2vlog630
2 жыл бұрын
Love from Pakistan Sir
@MACH_SDQ
2 жыл бұрын
Very intersting and will watch it complete later
@MatthaisUK
2 жыл бұрын
Is there a reason you don't use a FormData object for form handling inside your submit event listener? I find it makes it much less manual
@ztcanada_1
2 жыл бұрын
Helpline 📲📩 QUESTIONS CAN COME IN☝️⬆️ ⬆️..
@abbaskareem5281
2 жыл бұрын
Hi sir, can you please make crash course on 'React Query' state managment ... Thank you
@ztcanada_1
2 жыл бұрын
Helpline 📲📩 QUESTIONS CAN COME IN☝️⬆️ ⬆️....
@sasaeedkhan9753
2 жыл бұрын
Really good video for us Thank you ❤️
@deactor6925
2 ай бұрын
Code theme?
@coding7909
2 жыл бұрын
thanks alot for this amazing tutorial!
@jacobbeck8260
2 жыл бұрын
nice tutorial just what i was looking for
@tonymorin6308
2 жыл бұрын
Thanks Brad, so many uses in my head already, brilliant!
@phonlawutchansri7083
3 ай бұрын
Seem easy
@adyarabiat9394
2 жыл бұрын
Hi Brad, I think it is time for 2022 Home Office Tour
@ztcanada_1
2 жыл бұрын
Helpline 📲📩 QUESTIONS CAN COME IN☝️⬆️ ⬆️..
@oleksandrsmyrnov9275
2 жыл бұрын
Great video! thanks for your work
@jamols09
2 жыл бұрын
I thought this is going to be from the scratch QR code :(
@ztcanada_1
2 жыл бұрын
Helpline 📲📩 QUESTIONS CAN COME IN☝️⬆️ ⬆️......
@mohamedyoussef8835
2 жыл бұрын
Awesome video ++++++++++++ 😃
@beinyourguard
2 жыл бұрын
Interesting, I didn't know that creating a QRCode was that simple in JS
@mohsinfarooq1840
2 жыл бұрын
I added the "Save Image " button but when I click it the image gets downloaded and throws an error "Failed - no file". What is the matter ? Can anyone help ?
@envercanoudehergelink963
2 жыл бұрын
Hi Mohsin, I'm getting the same error. Were you able to solve the problem? I am thinking maybe the reason is we are trying to download the image from our local server. thanks in advance
@mohsinfarooq1840
2 жыл бұрын
@@envercanoudehergelink963 No, I wasn't able to resolve the issue. And about the local server, wasn't Brad doing the same while he coded the save image button, infact he even was able to download. I don't know what's the issue. Let me know if you can figure it out.
@envercanoudehergelink963
2 жыл бұрын
@@mohsinfarooq1840 Found it! Check the js file line 70 on the projects Github repo and compare it to yours. My mistake was wrapping saveUrl in quotation marks " ". Hope it helps.
@mohsinfarooq1840
2 жыл бұрын
@@envercanoudehergelink963 yes, thank you! It really solved the issue.
@ztcanada_1
2 жыл бұрын
@@mohsinfarooq1840 Helpline 📲📩 QUESTIONS CAN COME IN☝️⬆️ ⬆️
@hamzahmd_
2 жыл бұрын
Stay awesome Brad! Thanks
@alikisang827
2 жыл бұрын
Brad is my hero and mentor. Hi Boss🤗🤗☺☺
@ztcanada_1
2 жыл бұрын
Helpline 📲📩 QUESTIONS CAN COME IN☝️⬆️ ⬆️ I also have an investment platform for you
@EntyFu
2 жыл бұрын
awesome, thank you!
@lonewolf.8635
2 жыл бұрын
Thanks Boss and God bless!
@AmericanDragon134
2 жыл бұрын
What u can think about MERN stack in 22/23
@ztcanada_1
2 жыл бұрын
Helpline 📲📩 QUESTIONS CAN COME IN☝️⬆️ ⬆️...
@hassaneoutouaya
2 жыл бұрын
Thank you so much !
@naveenbelandur7269
2 жыл бұрын
Can you make a video on how to become a better Developer what are the things need to keep upgrading as a developer please
@jamesmanjada9553
2 жыл бұрын
He already posted. Please watch kzitem.info/news/bejne/pqewu5eDs5iHZKw
@TraversyMedia
2 жыл бұрын
Yeah I can add it to the list as a dedicated video, but if you look in the "Discussion & Career Advice" playlist, there is all kinds of videos around that stuff.
@naveenbelandur7269
2 жыл бұрын
@@TraversyMedia sure thanks you
@dinorossi6611
2 жыл бұрын
A simple?
@santhoshsandy4419
2 жыл бұрын
❤️
@ronilbiswas
2 жыл бұрын
Why use libraries?? What's there to learn. This video is basically about TailwindCSS and basic JS. Nothing else or nothing interesting.
@ztcanada_1
2 жыл бұрын
@@shalimkhan1986 Helpline 📲📩 QUESTIONS CAN COME IN☝️⬆️ ⬆️...
@ztcanada_1
2 жыл бұрын
Helpline 📲📩 QUESTIONS CAN COME IN☝️⬆️ ⬆️..
@warpmaster7
2 жыл бұрын
Awesome video. One thing I did notice is that you need to enter in order for the link to be recognized. Not sure if that was on purpose
@ztcanada_1
2 жыл бұрын
Helpline 📲📩 QUESTIONS CAN COME IN☝️⬆️ ⬆️....
@changeyourbodystuffyourwallet
Жыл бұрын
I hope you will leave the url at that location. I'm not too tech savvy and this is very helpful to me. Thank you for making a difference in the world. It's generous.
@zackOverflow
2 жыл бұрын
This is going to be very interesting as always. Thumbs Up 👍
@ztcanada_1
2 жыл бұрын
Helpline 📲📩 QUESTIONS CAN COME IN☝️⬆️ ⬆️.....
@orisaadele5852
2 жыл бұрын
Very professional video explanation, Instagram is looking forward to your reply, thank you!
Пікірлер: 180