Code with Voran
Code with Voran
  • 21
  • 440 491
Fetching Data from API (JavaScript and HTML tutorial)
#fetch #javascript #tutorial
In this tutorial, you will learn how to fetch API responses in an HTML page using JavaScript.
If you have any doubts, please write them down in the comment section.
Like | Comment | Subscribe
Thank you
zhlédnutí: 530

Video

Send Email using HTML + JavaScript (EmailJs Tutorial)
zhlédnutí 100KPřed rokem
In this tutorial, I have shown you how to send emails from an HTML form using JavaScript. I created a simple functioning contact us form. For the design, I used Bootstrap. If you have any doubts, feel free to comment. If you feel this tutorial is useful, smash the like button. If you are new to my channel, please subscribe. More amazing tutorials are on the way. Source code - github.com/voranzo...
3. React with firebase 9 - Blog app (Firebase rules, Hosting)
zhlédnutí 1,1KPřed 2 lety
This is part 3 of our blog app. In this video, I explained the firebase rules and I deployed the blog app on Firebase hosting deployed app here (Play around) - fir-app-68eac.web.app/ 00:00 Introduction 00:14 Firebase Rules 03:00 Firebase Hosting Part 1 - czcams.com/video/_7gdsAfFV9o/video.html Part 2 - czcams.com/video/cS94eDcTe44/video.html Github repo - github.com/voranzovv/my-article If you ...
2. React with firebase 9 - Blog app (Authentication, Likes, Comments and React-router)
zhlédnutí 8KPřed 2 lety
This is part 2 of our blog app. In this video, I added some cool features such as authentication, like, comment features, react-router, and more. deployed app here (Play around) - fir-app-68eac.web.app/ 00:00 Introduction 00:24 Demo 01:30 Navigation bar 03:42 Firebase Rules 04:23 React-router 07:06 Signup 17:49 Login 28:08 Like button 36:46 View article 43:43 Comment Part 1 - czcams.com/video/_...
1. React with firebase 9 - Blog app (CRUD, File upload)
zhlédnutí 15KPřed 2 lety
In this tutorial, I developed a blog application with ReactJs and firebase 9. Github repo - github.com/voranzovv/my-article Part - 2 is out now czcams.com/video/cS94eDcTe44/video.html deployed app here (Play around) - fir-app-68eac.web.app/ If you find this useful, please subscribe to the channel and like the video. If you want me to add more features, feel free to comment. TABLE OF CONTENT 00:...
React Tutorial : ToDo app with localStorage
zhlédnutí 7KPřed 2 lety
In this tutorial, I have developed a Todo app with localStorage using reactJS. For the design, I used CSS, bootstrap, and material icons. if you have any doubts, please comment below. #reactJs #tutorial #localStorage you can check the code in the below link. Git repo : github.com/voranzovv/react-todo-with-localStorage
React Tutorial - Simple Counter App
zhlédnutí 1,6KPřed 2 lety
#React #useState #hooks welcome to my another react tutorial. Last week I reached 500 subscribers. it's a great start. Thank u for ur support so far. if you haven't subscribed to my channel, please subscribe and like the videos, it really means a lot to me In this tutorial, I built a basic counter app using a #hook called useState. If you have doubts, please comment in the comment section. Buy ...
React Table Sorting
zhlédnutí 42KPřed 3 lety
In this video, I implemented a table with sorting functionality. The column can be ordered in ascending and descending order. I generated dummy data from mockaroo.com I used bootstrap for the design. you can get the CDN from the link below. getbootstrap.com/docs/4.4/getting-started/introduction/ If you have any doubts, please comment below. Don't forget to subscribe and like. Thank you Voranzov
React form with Formik and Yup (Easy way to build react forms)
zhlédnutí 1,2KPřed 3 lety
#react #formik #yup #bootstrap In this tutorial, I made a React form using Formik and validated it with Yup. Bootstrap is used for the design. It is a very simple and easy-to-follow tutorial. If you get any doubts, feel free to write them down in the comment section. 00:00 - Introduction 00:41 - Install Formik and Yup 00:52 - Create Formik form 06:02 - Design with Bootstrap 08:16 - Validation w...
Send email from React without backend
zhlédnutí 69KPřed 3 lety
This React tutorial will guide you to create a contact us form in a react application without a server. A third-party service called EmailJS will be used to send emails. If you have any doubts, please comment below. Please subscribe to my CZcams channel and link the video and share. Happy learning!!! Thank you.
Build Restful Api with Node.js, Express & MongoDb
zhlédnutí 594Před 3 lety
In this turorial I made restful api with Node Js, Express and mongoDB
React search filter tutorial
zhlédnutí 20KPřed 3 lety
React search filter tutorial
Create NPM package and publish
zhlédnutí 494Před 3 lety
Create NPM package and publish
React table with pagination
zhlédnutí 40KPřed 3 lety
React table with pagination
Laravel API Tutorial (2021)
zhlédnutí 522Před 3 lety
Laravel API Tutorial (2021)
Send Email directly from JavaScript | Tutorial [Easy]
zhlédnutí 53KPřed 3 lety
Send Email directly from JavaScript | Tutorial [Easy]
HTML to PDF using JavaScript
zhlédnutí 79KPřed 3 lety
HTML to PDF using JavaScript

Komentáře

  • @VinhNguyen-nq6iu
    @VinhNguyen-nq6iu Před 16 hodinami

    it really worked well, thanks!

  • @_Bellator
    @_Bellator Před 7 dny

    Dude, I'm trying to make a website for a school project where the website needs to be a CV generator, in which the user puts their data (name, age, address and other things), and when I went to test it I did exactly as you did, but the content of the PDF was the website page itself, and in addition it was cut off at the end. How do I get just the answers from the different <input> and organize them with different sizes and places in the PDF? I used a link you answered in another comment but nothing there helped me

  • @jstv5592
    @jstv5592 Před 13 dny

    sehr hilfreiches Video.

  • @thanveerpp1983
    @thanveerpp1983 Před 18 dny

    i is not working in my form😮‍💨

  • @priyankayadhav3930
    @priyankayadhav3930 Před 26 dny

    It's working Thanks for the video ❤

  • @wildhog7210
    @wildhog7210 Před měsícem

    Thank you, excellent tutorial !!

  • @poralekhaseekho
    @poralekhaseekho Před měsícem

    brother, Extraordinary your video... please new video upload . I am waiting

  • @gamesbyxa
    @gamesbyxa Před měsícem

    Great Tutorial but my company doesn't use Gmail for Business, we use Zoho, and the setup is completely different! Can you please create a tutorial for Zoho Business Users, as I've searched all over CZcams and every single EmailJS tutorial uses Gmail which is super easy to connect and setup and just requires you click the connect account button and add the template where we Zoho users are required to input name, service id, user email, app password, and region before we can even click the connect the Create Service Button and it is highly recommended that we use the third-party app password if we have 2FA turned on.

  • @amapianozizwe3995
    @amapianozizwe3995 Před měsícem

    Hi, Thanks for your content. I've been trying to get emailJS to wok 2 weeks now. All the videos I tried didn't work but yours. Just got yourself a new sub. Thanks #SouthAfrica

    • @CodewithVoran
      @CodewithVoran Před měsícem

      I'm glad my tutorial helped you out.🥰

  • @matheuspombeiro1675
    @matheuspombeiro1675 Před měsícem

    Thanks Voran, you helped me a lot!

  • @Chrisoyeleke
    @Chrisoyeleke Před měsícem

    Well done!@code with Voran Mine is not working properly ,after clicking on send button my inputted data are not showing on the gmail,I don't know why

  • @rinkradio2284
    @rinkradio2284 Před měsícem

    Thankyou very much I am looking for this and I get this thak you ❤❤❤

  • @MoMoney75314
    @MoMoney75314 Před 2 měsíci

    Very very helpful, thank you sir.

  • @Sirius39170
    @Sirius39170 Před 2 měsíci

    Thanks for the video!

  • @TechHaven_
    @TechHaven_ Před 2 měsíci

    Finally a tutorial that works! thank you so much, easy like and subscribe

  • @linosouza8871
    @linosouza8871 Před 2 měsíci

    Thanks for sharing.

  • @DebjyotiNath-fd6lv
    @DebjyotiNath-fd6lv Před 2 měsíci

    Thanks

  • @TungjangpoMusic-yq4rf
    @TungjangpoMusic-yq4rf Před 2 měsíci

    Whether it is possible to make one submit button perform 2 function, sending information as well as redirect to another page that work as a link

  • @IllIIIIIIllll
    @IllIIIIIIllll Před 2 měsíci

    everyone can do this even a noob can do this but do this in multipage and having header and footer space that' tough thing

  • @DiyaBhadoriya
    @DiyaBhadoriya Před 3 měsíci

    Can anyone tell me why the details sent to me are not arriving on my email

  • @jlcdrivewayramps7343
    @jlcdrivewayramps7343 Před 3 měsíci

    Great video but background music is annoying. Very very very annoying. I came to learn, not listen to music.

    • @CodewithVoran
      @CodewithVoran Před 3 měsíci

      Sorry about that. I turned off the background music in the next videos.

  • @JAIDEVSHARMA-pf5ew
    @JAIDEVSHARMA-pf5ew Před 3 měsíci

    can anyone please tell me how to get radio button inputs in this

  • @joshuamuanlal6936
    @joshuamuanlal6936 Před 3 měsíci

    we dont need to download anything?

  • @dude9835
    @dude9835 Před 3 měsíci

    mera data ek api sai aa rha hai mai data,setdata ki place pai ky likhu

  • @IleniaQuintero
    @IleniaQuintero Před 4 měsíci

    Hello, I was looking at your video channel. We may be helping a company that uses secure images to increase supply chain security and help cloud native development. Would you be willing to help try their software, make a video, and help show devs how to use their tools? This is not an offer, but just to start a conversation about your willingness to take on sponsorship. Please provide me with your email if you are interested. You'd have a chance to look at their technology and decide if it's the type of software that you'd be interested in covering in your channel.

  • @ruhitbaidya1681
    @ruhitbaidya1681 Před 4 měsíci

    wonderfull

  • @SwahiliSpicE
    @SwahiliSpicE Před 4 měsíci

    Hi, thanks for this tutorial, very very helpful. How would I add form validation to ensure the email is not sent unless the required fields have been filled out?

  • @bernsTech
    @bernsTech Před 4 měsíci

    excellent!!!!

  • @RiteshSingh-gb6ne
    @RiteshSingh-gb6ne Před 4 měsíci

    Jai shri ram hai mahadev ji ki jsi jai bholenwth ji ki jsi jsj momma owrveyi jjnjsividhjnintsjnse kdki jdu kds drsgi jdj knsvfynhnjdubmdsesjgjjdubyjnhfuhrhbhdubhhikthjujruhfgrfyubugrujrthbhdubbydhhhdubysuburubyrubhduhujrhudubdgdrrhugdhhvcvgvcdbgbjyg

  • @abuaslam1004
    @abuaslam1004 Před 4 měsíci

    THANKS its working

  • @imkhitaryan8349
    @imkhitaryan8349 Před 4 měsíci

    I'm using the html2topdf JS library to generate PDF from HTML, but the content is dynamic and the PDF is truncated so that parts of the HTML element are cut off․ how to solve this problem?

  • @irenek8150
    @irenek8150 Před 5 měsíci

    Thank you so much!! It helped me a lot!

  • @darksideyoutuber33
    @darksideyoutuber33 Před 5 měsíci

    Bro one for sending message in mobile number please you are the best and gave us source code

  • @MUSICMSK2024
    @MUSICMSK2024 Před 5 měsíci

    I dont know what i am doing wrong, it doesn't work for me :(

    • @CodewithVoran
      @CodewithVoran Před 5 měsíci

      You can check the code in GitHub. It's in the description

  • @TheShekar2012
    @TheShekar2012 Před 5 měsíci

    Can you twll how to convert images also if we have image in our code

  • @givendarian2023
    @givendarian2023 Před 5 měsíci

    Thanks man very helpful.

  • @shashanksp8089
    @shashanksp8089 Před 5 měsíci

    Thanks sir, a very good explanation, Love from India ❤❤

  • @vladimiruchiha4420
    @vladimiruchiha4420 Před 6 měsíci

    is emailjs safe? can i use formsubmit instead?

    • @CodewithVoran
      @CodewithVoran Před 6 měsíci

      Yes. But you need to prevent reloading.

    • @CodewithVoran
      @CodewithVoran Před 6 měsíci

      Indeed, someone could copy your keys (a well-known issue of any public API), but they will only be able to send your templates with your content, and they will not be able to send a custom email with their content (spam), which is not interesting for spammers

    • @vladimiruchiha4420
      @vladimiruchiha4420 Před 6 měsíci

      @@CodewithVoran thanks a lot for explaining me🫂

  • @aymenbachiri-yh2hd
    @aymenbachiri-yh2hd Před 7 měsíci

    thank you

  • @emiflixx41949
    @emiflixx41949 Před 7 měsíci

    great video its helpful

  • @rakshi4291
    @rakshi4291 Před 7 měsíci

    Osm thank you ❤

  • @ar13147
    @ar13147 Před 7 měsíci

    HI, does is it convert only 1 page document??

  • @Mohammad-qs3ld
    @Mohammad-qs3ld Před 7 měsíci

    Nice bro

  • @Faruqueabdulla-bw5wk
    @Faruqueabdulla-bw5wk Před 8 měsíci

    thank u bro

  • @sajalk4996
    @sajalk4996 Před 8 měsíci

    Without using email.js how can we get email responses

  • @reefcam
    @reefcam Před 8 měsíci

    Very good teaching skills

  • @ozodbekboriboyev1010
    @ozodbekboriboyev1010 Před 8 měsíci

    Thank you !!!!

  • @Josiah-Sitariko
    @Josiah-Sitariko Před 8 měsíci

    Thanks for this video I appreciate because am learning new things from your channel

  • @RiarddHalimi
    @RiarddHalimi Před 8 měsíci

    After i answer a email the message its not sent to the email who sent email but its sent again to me how to fix :)

  • @ivangrca9870
    @ivangrca9870 Před 8 měsíci

    hello,i get status code 412 when i try to send mail from my app.I did everything like you did but i got this status code Gmail_API: Request had insufficient authentication scopes.'}