Dev Drawer
Dev Drawer
  • Видео 135
  • Просмотров 453 098
How To Send Emails with React.js using Fetch (2024) #113
Thank you to Mailtrap.io for sponsoring this video. Use the sponsor code DEVDRAWER to receive a free Mailtrap "10k Basic Email Sending" plan for a month.
Try Mailtrap for free: l.rw.rw/devdrawer
Continuing our previous React JS video, we will add an email send function to the previously created contact form. You can view the crash course on this URL:
React JS Crash Course: ruclips.net/video/Ou-RUuujpXY/видео.html
Since React is JavaScript and does not process emails like server-side code (PHP, Node, etc), we have to make a call to an external location. For this tutorial, we will be using a simple PHP email function that is referenced in the React code using FETCH. This works the same way you...
Просмотров: 580

Видео

React.js 1 Hour Crash Course Preview #coding #programming #code
Просмотров 685 месяцев назад
#shorts #short #react #tutorial Want to learn React.js? Take a look at my 1 hour tutorial on how to use common components and how to setup a React website. ⭐Programmer Merch: store.thedevdrawer.com/#!/ ⭐ Join the Discord: discord.gg/4nRPmBFSDj ⭐ If you would like to buy me a coffee because I created something that helped you, it would be much appreciated! : www.buymeacoffee.com/devdrawer ⭐ Join...
React.js Crash Course, Learn React in 1 Hour #112
Просмотров 7485 месяцев назад
Welcome to our latest RUclips tutorial! In this comprehensive crash course, we dive into the exciting world of React.js. Whether you're a seasoned developer or just starting out, this video is packed with everything you need to learn React in just one hour. We'll cover the fundamentals of React, including components, JSX syntax, state management, props, hooks, and more. By the end of this tutor...
Create A Tip Calculator Using JavaScript # 111
Просмотров 44910 месяцев назад
#javascript #tutorial #tipping #calculator In this video, I will show you how to create a simple restaurant bill and tip calculator using vanilla JavaScript, HTML, and SASS. You can use this tutorial to build your own and help you figure out the total bill amount per person and even what each person will need to tip based on selectable percentages. This is a quick and easy project that anyone l...
How to Collect Data from an External API using Node and Axios #110
Просмотров 1,3 тыс.Год назад
#Nodejs #Axios #API #Tutorial #DataCollection Welcome to DevDrawer! In this tutorial, we'll show you step-by-step how to collect data from an external API using Node.js and Axios, the popular HTTP client library. Whether you're a beginner looking to learn the basics or an experienced developer seeking a refresher, this video is packed with valuable insights. View the entire series here: Learnin...
NodeJS Demystified: Unlocking Styling and Data Wizardry #109
Просмотров 189Год назад
#NodeJS #JavaScript #NodeJSTutorial #Programming #meanstack Welcome to 'NodeJS Demystified: Unlocking Styling and Data Wizardry' - Your Comprehensive Guide to Node.js Programming and JavaScript Mastery! 🚀 In this beginner-friendly Node.js tutorial, we'll take you on a captivating journey through the world of Node.js, demystifying its core concepts and exploring how to work with styling and data...
Learning NodeJS: Routing and Templates #108
Просмотров 217Год назад
#nodejs #nodemon #supervisor #http #routing #tutorial In this Node.js tutorial, we will be continuing our usage of Node from the previous video. View the entire series here: Learning NodeJS: Setup and Starting Your Server #107: ruclips.net/video/1lnVcVmR8Zc/видео.html Learning NodeJS: Routing and Templates #108: ruclips.net/video/-KR26yEwnec/видео.html NodeJS Demystified: Unlocking Styling and ...
Learning NodeJS: Setup and Starting Your Server #107
Просмотров 257Год назад
#nodejs #nodemon #supervisor #http #routing #tutorial In this tutorial, we will embark on an exciting journey of learning Node.js as we explore the essential steps to set up your development environment and start your server. View the entire series here: Learning NodeJS: Setup and Starting Your Server #107: ruclips.net/video/1lnVcVmR8Zc/видео.html Learning NodeJS: Routing and Templates #108: ru...
10-Minute Python Tutorial: Build a Random Fortune Generator #106
Просмотров 598Год назад
10-Minute Python Tutorial: Build a Random Fortune Generator #106
Mastering Mustache and PHP for SPA Development #105
Просмотров 2,6 тыс.Год назад
Mastering Mustache and PHP for SPA Development #105
Unlock The Power of RegEx! JavaScript Tutorial #104
Просмотров 301Год назад
Unlock The Power of RegEx! JavaScript Tutorial #104
How to Count Words and Characters in JavaScript - #103
Просмотров 1,6 тыс.Год назад
How to Count Words and Characters in JavaScript - #103
Which PHP Framework Should You Use in 2023? - #102
Просмотров 15 тыс.Год назад
Which PHP Framework Should You Use in 2023? - #102
[WordPress 6.1 Update] What's New & Changed - #101
Просмотров 644Год назад
[WordPress 6.1 Update] What's New & Changed - #101
DevDrawer's Top Programming and Development Tutorials! - #100
Просмотров 922Год назад
DevDrawer's Top Programming and Development Tutorials! - #100
How to Show and Hide the Password Field in JavaScript - #99
Просмотров 1,1 тыс.Год назад
How to Show and Hide the Password Field in JavaScript - #99
Learn How to Make a Digital Clock with an Alarm in JavaScript - #98
Просмотров 2,4 тыс.Год назад
Learn How to Make a Digital Clock with an Alarm in JavaScript - #98
Learn how to make a simple countdown timer using JavaScript! - #97
Просмотров 2,8 тыс.2 года назад
Learn how to make a simple countdown timer using JavaScript! - #97
Learn How To Dynamically Create A PDF Using PHP - #96
Просмотров 3,2 тыс.2 года назад
Learn How To Dynamically Create A PDF Using PHP - #96
How To Automatically Generate CSS Using Live Sass Compiler - An Easy Set Up! - #95
Просмотров 12 тыс.2 года назад
How To Automatically Generate CSS Using Live Sass Compiler - An Easy Set Up! - #95
Collapse / Expand Sidebar Menu Using JavaScript, HTML, & CSS - #93
Просмотров 15 тыс.2 года назад
Collapse / Expand Sidebar Menu Using JavaScript, HTML, & CSS - #93
Geolocation Tutorial - User Location with Vanilla JS - #92
Просмотров 8292 года назад
Geolocation Tutorial - User Location with Vanilla JS - #92
Implementing reCAPTCHA v3 - #91
Просмотров 15 тыс.2 года назад
Implementing reCAPTCHA v3 - #91
AJAX / Fetch API Crash Course - #90
Просмотров 3,1 тыс.2 года назад
AJAX / Fetch API Crash Course - #90
PHP CLI Development Intro - #89
Просмотров 1,2 тыс.2 года назад
PHP CLI Development Intro - #89
Vanilla JS Single Page Application Routes | # or URL - #88
Просмотров 40 тыс.2 года назад
Vanilla JS Single Page Application Routes | # or URL - #88
What's new in PHP 8.1 - #87
Просмотров 7752 года назад
What's new in PHP 8.1 - #87
How To Use .htaccess Files - Advanced Tips and Tricks - #86
Просмотров 7 тыс.2 года назад
How To Use .htaccess Files - Advanced Tips and Tricks - #86
VSCode Tips and Tricks to Use In 2022 - #85
Просмотров 5222 года назад
VSCode Tips and Tricks to Use In 2022 - #85
Template Literals (Template Strings) Using ES6 JavaScript - #84
Просмотров 3082 года назад
Template Literals (Template Strings) Using ES6 JavaScript - #84

Комментарии

  • @karthickm7776
    @karthickm7776 День назад

    hey do you have discord server?

  • @mauricioernestomoralesariz1496
    @mauricioernestomoralesariz1496 10 дней назад

    Another thing I notice is that without the elementor plugin when I try to edit a page or post the title and content appear but if I activate the elementor plugin only the title appears and not the content.

  • @mauricioernestomoralesariz1496
    @mauricioernestomoralesariz1496 10 дней назад

    Hello, thanks for your video. I followed all your steps. However I have an error because when I want to create a page o post and edit them with elementor appear Updating failed. The response is not a valid JSON response. Could you help me to solve the problem. Thanks

  • @1RRaider
    @1RRaider 15 дней назад

    How would you handle dynamic styling and global styling ?

  • @sphinixminecraft3328
    @sphinixminecraft3328 16 дней назад

    Woah, that was overwhelming! I am a beginner, trying to make my own similar project but I see that after 3 weeks of learning, I only got like 50 to 60 percent of what you did. I think that I should give this tutorial a break.

    • @DevDrawer
      @DevDrawer 16 дней назад

      What do you need help with specifically? Maybe I can point you in the right direction.

    • @sphinixminecraft3328
      @sphinixminecraft3328 16 дней назад

      @@DevDrawer I was trying to make a dashboard website, as a practice for drawer sidebar. But seems like I need to learn alot more things about html and css rn so I will book mark this one for later. Thank you though.

  • @markhawkins3677
    @markhawkins3677 20 дней назад

    Thanks for the video, but it would be great if you had a github depository of this with source code. I'm so tired of finding tutorials about doing this with NODE server or its so old it wont work after hours of frustration. And 90% of tutorials are so out-dated. My use case for React is building interactive websites. That's it, no more.

    • @DevDrawer
      @DevDrawer 20 дней назад

      That is a good point. I usually add the repo but forgot for this one. I will get it up by tomorrow at the latest. Thanks for the reminder.

    • @DevDrawer
      @DevDrawer 19 дней назад

      I have added this code and the original code that this project was based on from the other video to GitHub. You can see it here: github.com/thedevdrawer/sample-react I will also update the description of the videos so you can easily access them. Thanks again.

  • @JovanNikolic-vw8pk
    @JovanNikolic-vw8pk 22 дня назад

    Great stuff! Thanks mate 👍

  • @Tianex
    @Tianex Месяц назад

    we use yii3, it seems a mistake😂

  • @Bikinin
    @Bikinin Месяц назад

    Finally I fond the dinamically pdf generator, Thanks Sir

    • @DevDrawer
      @DevDrawer Месяц назад

      That is great. It comes in handy very often.

  • @LaboJaan
    @LaboJaan Месяц назад

  • @ilkoto
    @ilkoto 2 месяца назад

    Its looks nice, but what will happend on SEO with this technique? Can we make SSR with Vanilla JS also?

  • @chrisstonalll
    @chrisstonalll 2 месяца назад

    Hey i was getting errors on my own site, then used your example code which i copied it word for word including the php and js. i still get an error when i try submit the form. all my keys are correct. is there something i am doing wrong still? i hosted it and still wont work. Please help.

  • @ananthac6472
    @ananthac6472 2 месяца назад

    thanks brother

  • @tim-osflow7628
    @tim-osflow7628 2 месяца назад

    Thx for this nice tutorial, but I get 'event' is deprecated at the const urlRoute function, I can't figure it out....I checked your GitHub Code and copied it, double checked everything

  • @de_castilho
    @de_castilho 3 месяца назад

    dude, this is the best video that i saw about simple js SPA.

    • @DevDrawer
      @DevDrawer 3 месяца назад

      That is awesome to hear. Thank you.

  • @quvomiddinkamalov3292
    @quvomiddinkamalov3292 3 месяца назад

    Thank you sir I have been looking for that❤

    • @DevDrawer
      @DevDrawer 3 месяца назад

      Awesome. Glad I could help. Thanks for watching.

  • @DevDrawer
    @DevDrawer 3 месяца назад

    Thank you to Mailtrap.io for sponsoring this video. Check them out and use my promo code for 1 month free: Try Mailtrap for free: l.rw.rw/devdrawer

  • @eseval
    @eseval 3 месяца назад

    Great tutorial. Help me a lot with a project.

    • @DevDrawer
      @DevDrawer 3 месяца назад

      Hey thanks. Glad to hear it.

  • @danaililiev1404
    @danaililiev1404 4 месяца назад

    algorithum hack

    • @DevDrawer
      @DevDrawer 4 месяца назад

      I'm sorry but I don't understand what you mean.

  • @AdaptorLive
    @AdaptorLive 4 месяца назад

    Thanks for the video!

    • @DevDrawer
      @DevDrawer 4 месяца назад

      Thanks for watching

  • @mal798
    @mal798 4 месяца назад

    I'd really like to see a video with a narrower scope around the best practice implementation of secure basic authentication. I understand the concept of building up to it, but I think many people are landing on your video having already understood UI elements and API calls, but don't understand yet how to authenticate a user and set a cookie or something to persist the session. I feel like these videos miss the point. I have a web app which runs in the browser session, it makes API calls to the backend, and the backend interacts with the DB, that's great. I can add a user ID column to my tables and return values based on current user, that should be ok too, but how do I actually authenticate users in a secure way and take my single user app to multi user?

  • @wutkeks4063
    @wutkeks4063 4 месяца назад

    What is that symbol at 14:34?

    • @DevDrawer
      @DevDrawer 4 месяца назад

      It is two pipes || (commonly used for OR). Sorry apparently my mouse hovered over it while I was talking.

  • @Niqnex
    @Niqnex 4 месяца назад

    Great work. Keep it up...

  • @michaelnolan8719
    @michaelnolan8719 4 месяца назад

    Been lurking for a while now.. I must say you're incredible and PLEASE keep on sharing your knowledge/skills!!! (I rarely make comments tbh)

    • @DevDrawer
      @DevDrawer 4 месяца назад

      I am glad my videos made you want to comment. That fills me with joy. I rarely comment on videos outside of my channel, so I know how you feel. It means a lot.

  • @TheShmrsh
    @TheShmrsh 4 месяца назад

    vanilla js is painful to watch, is it better with typescript and frameworks or it's same mess there too?

    • @DevDrawer
      @DevDrawer 4 месяца назад

      Pretty much the same, just different flavors. Honestly I like vanilla JS (even as a backend dev). I feel it has a lot of potential. Not the best format but once you get used to the basics and using ES6, it gets much easier to write as a project.

  • @nahuelpiguillem2949
    @nahuelpiguillem2949 4 месяца назад

    Thank you very much man, very clear and to the point

    • @DevDrawer
      @DevDrawer 4 месяца назад

      Thanks. Glad you liked the video.

  • @hornyjesus_
    @hornyjesus_ 4 месяца назад

    damn, this video is fully packed with info

    • @DevDrawer
      @DevDrawer 4 месяца назад

      That is awesome to hear. Glad I could help.

  • @scopedreams5931
    @scopedreams5931 4 месяца назад

    what extension are you using to run the .htaccess file? cant seem to get them to run on my vscode

    • @DevDrawer
      @DevDrawer 4 месяца назад

      The .htaccess file is a server directive file so it cannot be run from VS Code. You have to create the file and place it on an Apache server. Here is a link on how you can setup and enable .htaccess on your server: phoenixnap.com/kb/how-to-set-up-enable-htaccess-apache

    • @scopedreams5931
      @scopedreams5931 4 месяца назад

      @@DevDrawer thank you for the help!

    • @DevDrawer
      @DevDrawer 4 месяца назад

      No problem. Glad I could help

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

    Excel master class about the htaccess file.

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

      Thank you for watching. I am glad it made an impact.

  • @user-mrwhoyouknow
    @user-mrwhoyouknow 5 месяцев назад

    great content !!

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

      Thanks. Glad you enjoyed it.

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

    Welcome back buddy, it's been a while

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

      Yes it has. I have been working a lot. Feels good to be back.

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

    TIL that the .htaccess file is actually your firewall! Informative. Thanks!

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

      It can be. A lot of server directives can be put there and they are run prior to access to your server so it can be used that way.

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

    I got this error : Uncaught ReferenceError: grecaptcha is not defined at HTMLFormElement.<anonymous> (init.js:26:13)

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

      Did you add the element to the html code? The message is stating that the element is missing.

  • @andresraso561
    @andresraso561 6 месяцев назад

    great video

    • @DevDrawer
      @DevDrawer 6 месяцев назад

      Great to hear. Glad you liked it

  • @Sfimedia-web-design
    @Sfimedia-web-design 6 месяцев назад

    Love the videos they have helped me a lot to get to know how to use api in relation to e-commerce. I didn't need the user info so missed that video. Which means I couldn't do this video as it included cart process with userid. I need a simple guest no logged in add to cart function which will be processed on the api website. Is there a none logged in add to cart function available in this video I tried finding it but couldn't?

  • @stadtminish3219
    @stadtminish3219 6 месяцев назад

    Thanks for your script. I can use this well for my applications. But I'm a little confused. I always read that you should avoid global variables. But it seems to work so much easier. Unfortunately, when I tried to convert my Javascript code into modules, I failed miserably. It would be interesting to see a modular router.

  • @johnmigcruz2323
    @johnmigcruz2323 6 месяцев назад

    Codeigniter period.

  • @stevevoltmer2964
    @stevevoltmer2964 7 месяцев назад

    So, do you use yarn build at this point? How do implement this on a current site?

  • @Sub0x-x40
    @Sub0x-x40 7 месяцев назад

    those little syntax things is where copilot shines. i rememeber spending hours once looking for a , or something

    • @DevDrawer
      @DevDrawer 7 месяцев назад

      I agree, copilot has become part of my daily work. Great addon to help you remember things.

  • @RazakZhumaev
    @RazakZhumaev 7 месяцев назад

    where can i find design for this app , maybe you can share figma?

    • @DevDrawer
      @DevDrawer 7 месяцев назад

      Unfortunately, this was of the cuff so no design. Just me fleshing it out as I worked.

  • @toba-bonjour
    @toba-bonjour 7 месяцев назад

    Thanks man! Will I get errors when attempting to input a URL to go to a page ?

    • @DevDrawer
      @DevDrawer 7 месяцев назад

      You shouldn't. It should load based on the route.

  • @hassehellstrom8852
    @hassehellstrom8852 7 месяцев назад

    Thanks for a great tutorial. Even an old geezer could follow along. The Axios API wrap solved a problem I had with CORS on my local API.

    • @DevDrawer
      @DevDrawer 7 месяцев назад

      That is awesome. I'm glad it helped you solve an issue you were having.

  • @AliKing-bu4hv
    @AliKing-bu4hv 7 месяцев назад

    iska coding to dikha dyty...

    • @DevDrawer
      @DevDrawer 7 месяцев назад

      I'm sorry but I have no idea what you said and google translate was no help.

    • @AliKing-bu4hv
      @AliKing-bu4hv 7 месяцев назад

      ​@@DevDrawer code ?

    • @DevDrawer
      @DevDrawer 7 месяцев назад

      ruclips.net/video/GvWY0eR4zJo/видео.html

  • @EduardoLopez-us5gs
    @EduardoLopez-us5gs 8 месяцев назад

    Thanks man!, Learned a lot, simple and to the point on vanilla!

    • @DevDrawer
      @DevDrawer 8 месяцев назад

      That's awesome. Thanks for the watch

  • @Miltonhn
    @Miltonhn 8 месяцев назад

    This video should have 1 billion likes

    • @DevDrawer
      @DevDrawer 8 месяцев назад

      I wish. Share it with people you think it would help. Help me get it to 1 billion lol

    • @Miltonhn
      @Miltonhn 8 месяцев назад

      I'm trying to make it work in a contact form that I had previously put but with the call back action in a button however the js script don't know how to set it ou@@DevDrawer

  • @Miltonhn
    @Miltonhn 8 месяцев назад

    cheese man 🧠

  • @Skytech-u4b
    @Skytech-u4b 8 месяцев назад

    Thanks for the awesome tutorial. Can you please show us how to make secondary-menu level show on hover, please.

  • @tunarmemmedov196
    @tunarmemmedov196 8 месяцев назад

    hey , in htaccess file i consistently get engine rewrite not allowed here error,what can cause it

  • @dmdennislive
    @dmdennislive 8 месяцев назад

    Amazing video, thank you so much for it! You helped me fix my page redirects with it. 😊For anyone else who's looking for redirects from one page to another: Redirect from one page to another, same domain: 36:19 Redirect from one page to another, different domain: 37:29

    • @DevDrawer
      @DevDrawer 8 месяцев назад

      Thanks for watching. I am glad it helped you out.