Dev Drawer
Dev Drawer
  • 138
  • 467 241
Become A Full Stack Developer In 7 Weeks - CRUD Endpoints #115
#reactjs #fullstackdeveloper #course #apidevelopment
Become a Full Stack Developer-Episode 2: In this episode, we’ll build a basic RESTful API using the Slim framework. This will include setting up routes for common CRUD operations and making sure our API follows REST principles. Also, we learned don't just copy and paste from other code you created, read through your code to ensure it is correct before testing. So stay tuned to see how I managed to find my error.
🔗 Timestamps:
00:00 - Intro
00:58 - SQL for Our Database Table
03:38 - Create Our Item Controller
04:48 - Creating Our Endpoints
22:59 - Testing Our Endpoints
⭐ 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 this channel to get access to perks:
ua-cam.com/channels/cr8eSk5xCfn3AbYy8WOWzg.htmljoin
⭐ Become a Patreon to show support and get exclusive access to content: www.patreon.com/devdrawer
`````````````````````````````````````````````````````````````````````````````````````````````````````````````````````
Subscribe: bit.ly/2Wbsnj9
`````````````````````````````````````````````````````````````````````````````````````````````````````````````````````
Join us on our blog for video recaps and other tutorials: thedevdrawer.com
Become a fan on Twitter: thedevdrawer
View Project on GitHub: github.com/thedevdrawer
Переглядів: 189

Відео

Become A Full Stack Developer In 7 Weeks - Slim Backend API #114
Переглядів 259Місяць тому
#reactjs #fullstackdeveloper #course #apidevelopment Become a Full Stack Developer-Episode 1: In this episode, we set up the backend of our full-stack app using the Slim PHP framework. We create a basic Slim project, install the necessary dependencies, and configure routing. We also configure the database connection using PDO and create the initial directory structure for controllers and servic...
How To Send Emails with React.js using Fetch (2024) #113
Переглядів 7045 місяців тому
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: ua-cam.com/video/Ou-R...
React.js 1 Hour Crash Course Preview #coding #programming #code
Переглядів 787 місяців тому
#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
Переглядів 9337 місяців тому
Welcome to our latest UA-cam 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 tutori...
Create A Tip Calculator Using JavaScript # 111
Переглядів 519Рік тому
#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,5 тис.Рік тому
#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
Переглядів 201Рік тому
#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
Переглядів 242Рік тому
Learning NodeJS: Routing and Templates #108
Learning NodeJS: Setup and Starting Your Server #107
Переглядів 272Рік тому
Learning NodeJS: Setup and Starting Your Server #107
10-Minute Python Tutorial: Build a Random Fortune Generator #106
Переглядів 665Рік тому
10-Minute Python Tutorial: Build a Random Fortune Generator #106
Mastering Mustache and PHP for SPA Development #105
Переглядів 2,7 тис.Рік тому
Mastering Mustache and PHP for SPA Development #105
Unlock The Power of RegEx! JavaScript Tutorial #104
Переглядів 311Рік тому
Unlock The Power of RegEx! JavaScript Tutorial #104
How to Count Words and Characters in JavaScript - #103
Переглядів 1,7 тис.Рік тому
How to Count Words and Characters in JavaScript - #103
Which PHP Framework Should You Use in 2023? - #102
Переглядів 16 тис.Рік тому
Which PHP Framework Should You Use in 2023? - #102
[WordPress 6.1 Update] What's New & Changed - #101
Переглядів 6602 роки тому
[WordPress 6.1 Update] What's New & Changed - #101
DevDrawer's Top Programming and Development Tutorials! - #100
Переглядів 9542 роки тому
DevDrawer's Top Programming and Development Tutorials! - #100
How to Show and Hide the Password Field in JavaScript - #99
Переглядів 1,1 тис.2 роки тому
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,5 тис.2 роки тому
Learn How to Make a Digital Clock with an Alarm in JavaScript - #98
Learn how to make a simple countdown timer using JavaScript! - #97
Переглядів 3,1 тис.2 роки тому
Learn how to make a simple countdown timer using JavaScript! - #97
Learn How To Dynamically Create A PDF Using PHP - #96
Переглядів 3,4 тис.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
Переглядів 8652 роки тому
Geolocation Tutorial - User Location with Vanilla JS - #92
Implementing reCAPTCHA v3 - #91
Переглядів 16 тис.2 роки тому
Implementing reCAPTCHA v3 - #91
AJAX / Fetch API Crash Course - #90
Переглядів 3,2 тис.2 роки тому
AJAX / Fetch API Crash Course - #90
PHP CLI Development Intro - #89
Переглядів 1,3 тис.2 роки тому
PHP CLI Development Intro - #89
Vanilla JS Single Page Application Routes | # or URL - #88
Переглядів 42 тис.2 роки тому
Vanilla JS Single Page Application Routes | # or URL - #88
What's new in PHP 8.1 - #87
Переглядів 7832 роки тому
What's new in PHP 8.1 - #87
How To Use .htaccess Files - Advanced Tips and Tricks - #86
Переглядів 8 тис.2 роки тому
How To Use .htaccess Files - Advanced Tips and Tricks - #86

КОМЕНТАРІ

  • @SK_Covers
    @SK_Covers 6 днів тому

    Awesome explanation.🎉🎉 And please release atleast once in a week. Just completed two of your episode. I'm getting ready for building frontend 🔥👀 Just make it soon ❤❤❤

    • @DevDrawer
      @DevDrawer 5 днів тому

      I'm trying to get more on a weekly or biweekly release schedule, but my work keeps me pretty busy. I am working on the next 2 videos in this series. I will push something out within the week. Thanks for watching.

    • @SK_Covers
      @SK_Covers 5 днів тому

      @DevDrawer Thankyou. I'm waiting ❤️🔥👀💯

  • @peterbarraud5254
    @peterbarraud5254 19 днів тому

    Excellent. Helped me fixed a "cors" issue I was struggling with endlessly👍

  • @paulwdoyle
    @paulwdoyle 25 днів тому

    I don't use SASS but I have started using native nested css ... this morning I realised that Safari support isn't great so went looking for a solution... This saved my ass, thanks very much.

    • @DevDrawer
      @DevDrawer 24 дні тому

      That is awesome to hear. Glad I could help.

  • @LucasPerez-s8l
    @LucasPerez-s8l 29 днів тому

    Thank you, it helped me a lot. Cheers from Brazil

    • @DevDrawer
      @DevDrawer 28 днів тому

      That is great to hear. I hope you get help from my other videos too. Good to know I got viewers in other countries.

  • @DevDrawer
    @DevDrawer Місяць тому

    I'll go first. I learned VB.NET and transitioned to PHP. Then I moved on to React.js + TypeScript + Node.js with the occasional PHP API.

  • @alvinolavarrieta
    @alvinolavarrieta Місяць тому

    What php server are you using?

    • @DevDrawer
      @DevDrawer Місяць тому

      Ubuntu with Apache

  • @karthickm7776
    @karthickm7776 Місяць тому

    hey do you have discord server?

    • @DevDrawer
      @DevDrawer Місяць тому

      Yes, but honestly, I am not on it too often. There are some other users that browse it, and I like my head there sometimes. discord.gg/VUr9ycRH

    • @karthickm7776
      @karthickm7776 Місяць тому

      @@DevDrawer thanks man.

  • @mauricioernestomoralesariz1496
    @mauricioernestomoralesariz1496 2 місяці тому

    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 2 місяці тому

    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 2 місяці тому

    How would you handle dynamic styling and global styling ?

  • @sphinixminecraft3328
    @sphinixminecraft3328 2 місяці тому

    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 2 місяці тому

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

    • @sphinixminecraft3328
      @sphinixminecraft3328 2 місяці тому

      @@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 2 місяці тому

    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 2 місяці тому

      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 2 місяці тому

      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 2 місяці тому

    Great stuff! Thanks mate 👍

    • @DevDrawer
      @DevDrawer 2 місяці тому

      Glad you liked it

  • @Tianex
    @Tianex 2 місяці тому

    we use yii3, it seems a mistake😂

  • @Bikinin
    @Bikinin 3 місяці тому

    Finally I fond the dinamically pdf generator, Thanks Sir

    • @DevDrawer
      @DevDrawer 3 місяці тому

      That is great. It comes in handy very often.

  • @LaboJaan
    @LaboJaan 3 місяці тому

  • @ilkoto
    @ilkoto 4 місяці тому

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

  • @chrisstonalll
    @chrisstonalll 4 місяці тому

    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 4 місяці тому

    thanks brother

  • @tim-osflow7628
    @tim-osflow7628 4 місяці тому

    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 5 місяців тому

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

    • @DevDrawer
      @DevDrawer 5 місяців тому

      That is awesome to hear. Thank you.

  • @quvomiddinkamalov3292
    @quvomiddinkamalov3292 5 місяців тому

    Thank you sir I have been looking for that❤

    • @DevDrawer
      @DevDrawer 5 місяців тому

      Awesome. Glad I could help. Thanks for watching.

  • @DevDrawer
    @DevDrawer 5 місяців тому

    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 5 місяців тому

    Great tutorial. Help me a lot with a project.

    • @DevDrawer
      @DevDrawer 5 місяців тому

      Hey thanks. Glad to hear it.

  • @danaililiev1404
    @danaililiev1404 5 місяців тому

    algorithum hack

    • @DevDrawer
      @DevDrawer 5 місяців тому

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

  • @AdaptorLive
    @AdaptorLive 5 місяців тому

    Thanks for the video!

    • @DevDrawer
      @DevDrawer 5 місяців тому

      Thanks for watching

  • @mal798
    @mal798 6 місяців тому

    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 6 місяців тому

    What is that symbol at 14:34?

    • @DevDrawer
      @DevDrawer 6 місяців тому

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

  • @Niqnex
    @Niqnex 6 місяців тому

    Great work. Keep it up...

  • @michaelnolan8719
    @michaelnolan8719 6 місяців тому

    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 6 місяців тому

      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 6 місяців тому

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

    • @DevDrawer
      @DevDrawer 6 місяців тому

      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 6 місяців тому

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

    • @DevDrawer
      @DevDrawer 6 місяців тому

      Thanks. Glad you liked the video.

  • @hornyjesuz
    @hornyjesuz 6 місяців тому

    damn, this video is fully packed with info

    • @DevDrawer
      @DevDrawer 6 місяців тому

      That is awesome to hear. Glad I could help.

  • @scopedreams5931
    @scopedreams5931 6 місяців тому

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

    • @DevDrawer
      @DevDrawer 6 місяців тому

      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 6 місяців тому

      @@DevDrawer thank you for the help!

    • @DevDrawer
      @DevDrawer 6 місяців тому

      No problem. Glad I could help

  • @xerox2552
    @xerox2552 7 місяців тому

    Excel master class about the htaccess file.

    • @DevDrawer
      @DevDrawer 7 місяців тому

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

  • @user-mrwhoyouknow
    @user-mrwhoyouknow 7 місяців тому

    great content !!

    • @DevDrawer
      @DevDrawer 7 місяців тому

      Thanks. Glad you enjoyed it.

  • @aogunnaike
    @aogunnaike 7 місяців тому

    Welcome back buddy, it's been a while

    • @DevDrawer
      @DevDrawer 7 місяців тому

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

  • @cacurazi
    @cacurazi 7 місяців тому

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

    • @DevDrawer
      @DevDrawer 7 місяців тому

      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 7 місяців тому

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

    • @DevDrawer
      @DevDrawer 7 місяців тому

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

  • @andresraso561
    @andresraso561 8 місяців тому

    great video

    • @DevDrawer
      @DevDrawer 8 місяців тому

      Great to hear. Glad you liked it

  • @Sfimedia-web-design
    @Sfimedia-web-design 8 місяців тому

    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 8 місяців тому

    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 8 місяців тому

    Codeigniter period.

  • @stevevoltmer2964
    @stevevoltmer2964 8 місяців тому

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

  • @Sub0x-x40
    @Sub0x-x40 8 місяців тому

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

    • @DevDrawer
      @DevDrawer 8 місяців тому

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

  • @RazakZhumaev
    @RazakZhumaev 9 місяців тому

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

    • @DevDrawer
      @DevDrawer 9 місяців тому

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

  • @toba-bonjour
    @toba-bonjour 9 місяців тому

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

    • @DevDrawer
      @DevDrawer 9 місяців тому

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

  • @hassehellstrom8852
    @hassehellstrom8852 9 місяців тому

    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 9 місяців тому

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

  • @AliKing-bu4hv
    @AliKing-bu4hv 9 місяців тому

    iska coding to dikha dyty...

    • @DevDrawer
      @DevDrawer 9 місяців тому

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

    • @AliKing-bu4hv
      @AliKing-bu4hv 9 місяців тому

      ​@@DevDrawer code ?

    • @DevDrawer
      @DevDrawer 9 місяців тому

      ua-cam.com/video/GvWY0eR4zJo/v-deo.html