OpenJavaScript
OpenJavaScript
  • Видео 149
  • Просмотров 1 796 803
Add reCAPTCHA Validation to a HTML Form | Web Development Tutorial
‍🎓 NEW: Earn a professional certificate in web development from Meta Inc. (course links in card below) 👇
⚡ Need hosting for a website, WordPress blog or Node.js app? We use HostWithLove: bit.ly/3V2RM9Q ❤️
This tutorial shows you how to add Google reCaptcha v2 validation to a HTML form and implement client-side validation with JavaScript and server-side validation using the example of a Node.js backend.
#recaptcha #webdevelopment #html #javascript #frontend #backend #tutorial
⚡Web development professional certificates from Meta Inc.⚡
Front-End Developer Professional Certificate: imp.i384100.net/b3dMek
Back-End Developer Professional Certificate: imp.i384100.net/gbYorg
iOS Developer Professional ...
Просмотров: 50 630

Видео

Test Localhost on Mobile and Make Available Online | Web Development Tutorial
Просмотров 2 тыс.Год назад
‍🎓 NEW: Earn a professional certificate in web development from Meta Inc. (course links in card below) 👇 ⚡ Need hosting for a website, WordPress blog or Node.js app? We use HostWithLove: bit.ly/3V2RM9Q ❤️ This web development tutorial shows you how to access and test a localhost server on a mobile device and allows other to access it online. #localhost #webdevelopment #tutorial #frontend #webde...
Custom File Input Button with File List | JavaScript Tutorial
Просмотров 2,5 тыс.Год назад
‍🎓 NEW: Earn a professional certificate in web development from Meta Inc. (course links in card below) 👇 ⚡ Need hosting for a website, WordPress blog or Node.js app? We use HostWithLove: bit.ly/3V2RM9Q ❤️ This tutorial covers how to create a custom file input button that supports the selection of one or multiple files that, unlike the native file input element, can be styled. Also covered is ho...
Drag and Drop File Upload Zone | JavaScript Tutorial
Просмотров 9 тыс.Год назад
‍🎓 NEW: Earn a professional certificate in web development from Meta Inc. (course links in card below) 👇 ⚡ Need hosting for a website, WordPress blog or Node.js app? We use HostWithLove: bit.ly/3V2RM9Q ❤️ This tutorial shows you how to create a file upload zone (dropzone) for one or multiple files, including upload progress and the option to browse from file when a user clicks in on the dropzon...
Detect Page Visibility using the Page Visibility API | JavaScript Tutorial
Просмотров 1,2 тыс.Год назад
‍🎓 NEW: Earn a professional certificate in web development from Meta Inc. (course links in card below) 👇 ⚡ Need hosting for a website, WordPress blog or Node.js app? We use HostWithLove: bit.ly/3V2RM9Q ❤️ This tutorial shows you how the native Page Visibility API can be used in JavaScript to prevent data being transmitted to a page and/or pause the UI when a page is no longer visible to a user....
Upload a File / Multiple Files in React | React.js Tutorial
Просмотров 72 тыс.Год назад
‍🎓 NEW: Earn a professional certificate in web development from Meta Inc. (course links in card below) 👇 ⚡ Need hosting for a website, WordPress blog or Node.js app? We use HostWithLove: bit.ly/3V2RM9Q ❤️ This tutorial shows you how to upload one or multiple files in React using Axios or Fetch and how to update the UI, including a progress bar. #react #reactjs #reactjstutorial #reactjsdeveloper...
MySQL in Node.js Tutorial | CRUD and Creating Databases
Просмотров 9 тыс.Год назад
‍🎓 NEW: Earn a professional certificate in web development from Meta Inc. (course links in card below) 👇 ⚡ Need hosting for a website, WordPress blog or Node.js app? We use HostWithLove: bit.ly/3V2RM9Q ❤️ This Node.js tutorial shows you how to interact with a MySQL server in Node.js, including how to create a database and create, read, update and delete (CRUD) operations. #nodejs #mysql #nodejs...
Share Data Across Tabs using the Broadcast Channel API | JavaScript Tutorial
Просмотров 1,6 тыс.Год назад
‍🎓 NEW: Earn a professional certificate in web development from Meta Inc. (course links in card below) 👇 ⚡ Need hosting for a website, WordPress blog or Node.js app? We use HostWithLove: bit.ly/3V2RM9Q ❤️ This tutorial shows you how to use the Broadcast Channel API in JavaScript to share data across open browser tabs. #javascript #javascript_tutorial #webdevelopment #frontend #broadcastchannel ...
Real-Time Data Updates using Socket.io | JavaScript and Node.js Tutorial
Просмотров 27 тыс.Год назад
‍🎓 NEW: Earn a professional certificate in web development from Meta Inc. (course links in card below) 👇 ⚡ Need hosting for a website, WordPress blog or Node.js app? We use HostWithLove: bit.ly/3V2RM9Q ❤️ This tutorial show you how to get real-time data updates in JavaScript in the browser by establishing a web socket between it and a Node.js server using the Socket.io library. #realtime #javas...
QR Code Reader / Scanner in React (Html5-QRCode.js)
Просмотров 48 тыс.Год назад
‍🎓 NEW: Earn a professional certificate in web development from Meta Inc. (course links in card below) 👇 ⚡ Need hosting for a website, WordPress blog or Node.js app? We use HostWithLove: bit.ly/3V2RM9Q ❤️ This tutorial shows you how to implement a QR code reader / scanner in React using the Html5-QRCode library. #react #qrcode #tutorial #reacttutorial#reactjs #reactjstutorial ⚡Web development p...
Dark Mode with CSS and JavaScript
Просмотров 877Год назад
‍🎓 NEW: Earn a professional certificate in web development from Meta Inc. (course links in card below) 👇 ⚡ Need hosting for a website, WordPress blog or Node.js app? We use HostWithLove: bit.ly/3V2RM9Q ❤️ This web development tutorial shows you how to add darkmode toggling to a web page using CSS and JavaScript. #darkmode #css #javascript #csstutorial #javascript_tutorial #webdevelopment #codin...
Create File URLs in JavaScript: Data URLs v Blob URLs
Просмотров 4,1 тыс.Год назад
‍🎓 NEW: Earn a professional certificate in web development from Meta Inc. (course links in card below) 👇 ⚡ Need hosting for a website, WordPress blog or Node.js app? We use HostWithLove: bit.ly/3V2RM9Q ❤️ This tutorial shows you how to create file URLs in JavaScript in either Data URL or Blob URL format and when to use which method. #javascript #javascript_tutorial #webdevelopment #frontend #tu...
Pass an Object or Array through localStorage
Просмотров 1,2 тыс.Год назад
‍🎓 NEW: Earn a professional certificate in web development from Meta Inc. (course links in card below) 👇 ⚡ Need hosting for a website, WordPress blog or Node.js app? We use HostWithLove: bit.ly/3V2RM9Q ❤️ This tutorial shows you how you can store and retrieve an object or array in localStorage or sessionStorage by stringifying it using JSON.stringify and JSON.parse. #javascript #javascript_tuto...
Download a File with Axios | JavaScript Tutorial
Просмотров 7 тыс.Год назад
‍🎓 NEW: Earn a professional certificate in web development from Meta Inc. (course links in card below) 👇 ⚡ Need hosting for a website, WordPress blog or Node.js app? We use HostWithLove: bit.ly/3V2RM9Q ❤️ This tutorial shows you how to download a file located at a URL resource using Axios (including how to track download progress) and then initiate a user download of the file. #javascript #java...
Wait for Multiple Async Functions | JavaScript Tutorial
Просмотров 1,5 тыс.Год назад
‍🎓 NEW: Earn a professional certificate in web development from Meta Inc. (course links in card below) 👇 ⚡ Need hosting for a website, WordPress blog or Node.js app? We use HostWithLove: bit.ly/3V2RM9Q ❤️ This tutorial shows you how to wait for multiple asynchronous functions in JavaScript that can be callbacks, promises or both using Promise.all and Promise.all after promisifying any callback ...
Use Import in Node.js | Node.js Tutorial
Просмотров 2 тыс.Год назад
Use Import in Node.js | Node.js Tutorial
Hide an API Key | JavaScript Tutorial
Просмотров 20 тыс.Год назад
Hide an API Key | JavaScript Tutorial
Go Fullscreen using the Fullscreen API | JavaScript Tutorial
Просмотров 1,7 тыс.Год назад
Go Fullscreen using the Fullscreen API | JavaScript Tutorial
Custom Events | JavaScript Tutorial
Просмотров 1,7 тыс.Год назад
Custom Events | JavaScript Tutorial
Multiple Images to Zip File Download | JavaScript Tutorial
Просмотров 7 тыс.Год назад
Multiple Images to Zip File Download | JavaScript Tutorial
Receive Form Data in Node.js (with and without files) | Node.js Tutorial
Просмотров 35 тыс.Год назад
Receive Form Data in Node.js (with and without files) | Node.js Tutorial
Map with Markers using Leaflet | JavaScript Tutorial
Просмотров 18 тыс.Год назад
Map with Markers using Leaflet | JavaScript Tutorial
Get URL Parameters in Node.js using Express and in pure Node.js
Просмотров 3 тыс.Год назад
Get URL Parameters in Node.js using Express and in pure Node.js
ChatGPT for Developers: A Productivity Booster?
Просмотров 455Год назад
ChatGPT for Developers: A Productivity Booster?
Get FormData Object Size | JavaScript Tutorial
Просмотров 822Год назад
Get FormData Object Size | JavaScript Tutorial
Upload Multiple Files using the Fetch API - JavaScript Tutorial
Просмотров 4,1 тыс.Год назад
Upload Multiple Files using the Fetch API - JavaScript Tutorial
Validate the Size of a File or Files before Upload | JavaScript Tutorial
Просмотров 4,8 тыс.Год назад
Validate the Size of a File or Files before Upload | JavaScript Tutorial
Blobs and Blob URLs | JavaScript Tutorial
Просмотров 31 тыс.Год назад
Blobs and Blob URLs | JavaScript Tutorial
Copy Text to the Clipboard using Clipboard API | JavaScript Tutorial
Просмотров 1,5 тыс.Год назад
Copy Text to the Clipboard using Clipboard API | JavaScript Tutorial
Work with Fastest of Multiple Fetch Requests with Promise.any() | JavaScript Tutorial
Просмотров 1,3 тыс.Год назад
Work with Fastest of Multiple Fetch Requests with Promise.any() | JavaScript Tutorial

Комментарии

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

    Thank you, these vids are extremely helpful 👍👍👌👌☺️

  • @ShuhratKarimov-x4j
    @ShuhratKarimov-x4j 2 дня назад

    Thanks bro! It is helpful!😎

  • @Desdroyer24
    @Desdroyer24 2 дня назад

    Excellent alternative to tell the users kindly to turn off the ad blocker

  • @solankijd0072
    @solankijd0072 9 дней назад

    Thank you sir...

  • @alizainulyasoob9491
    @alizainulyasoob9491 9 дней назад

    This is great. Simple and detailed.

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

    how does express know to start the website from index.html and not any other page like about?

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

    Not working showing blank page in print preview

  • @HBKDEVDYNASTY
    @HBKDEVDYNASTY 12 дней назад

    Is it okay if the captcha is not showing images

  • @pablopiccolo3723
    @pablopiccolo3723 12 дней назад

    Hello. Why in 17.00 the requst is unseccesfull? Why put method does not save the json file on API?

  • @bmmr
    @bmmr 12 дней назад

    Best video on how to use blob and files, thanks 👍

  • @AbdullahRiaz2005
    @AbdullahRiaz2005 14 дней назад

    I am seeing your videos for the past multiple days, and i am astonished how good a channel can be. Thank You So Much Bro For making these kinda informative videos. Its helping me alot ❤❤❤

  • @monkeytime3171
    @monkeytime3171 17 дней назад

    Thanks for much!

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

    decent video 10:10

  • @legz444
    @legz444 22 дня назад

    This is a great tutorial! Thank you. I am troubleshooting for a clients website that is a static HTML site. It has no express backend, very old school. The form is embedded from their CRM. I can display the recaptcha just fine, but I don't know how to set up the server side response. Any ideas?

  • @stove1393
    @stove1393 29 дней назад

    Thank you

  • @willb.r2055
    @willb.r2055 Месяц назад

    very nice work

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

    But how i host (setup) this socket app on live server using cpanel ? Please create video on that topic

  • @Michael-wz5iv
    @Michael-wz5iv Месяц назад

    How does express auto default to the index html page?

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

    thanks!💫

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

    Hi, I tried it with Nextjs 15 and it worked. Awesome!

  • @OscarA-c2l
    @OscarA-c2l Месяц назад

    2:41 - That's your server IP, not your actual IP address.

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

    presigned url 사용해서 다운로드할 때, 몇 퍼센트 다운로드 됐는지 확인할 방법이 있을가요..?ㅠ

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

    it did not work for me i do not know why? this is my code clikc on reply to see it

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

    Not sure if this is a dumb question i'm a beginner, but how do I code and automate requests? I see you use Thunder Client, can I code it to request it automatically without me having to manage what type of request and sending it myself?

  • @sanyalakt.5466
    @sanyalakt.5466 Месяц назад

    thank you

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

    What to do when I also have a python server, how to deploy then ?

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

    Could the image be a.png ?

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

    getting a webassenbly error while hosting on shred hosting need help

  • @RohitPahuja-mw3pz
    @RohitPahuja-mw3pz 2 месяца назад

    thanks dudde

  • @SeyiAudu-cy5qc
    @SeyiAudu-cy5qc 2 месяца назад

    Thanks!

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

    my page is refreshing even i am using preventdefault

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

    Is there a way that you can also track someone that you wanted to meet? Like a share location feature to locate someone

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

    What I am looking for, is to have a Button -- in which if the user clicks the button, a file should download. This should be a frontend file download without a server or backend. How do I achieve this?

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

    thanks bro 100% working.. you deserve huge respect.💖💖

  • @FunnyVideos-ni4iu
    @FunnyVideos-ni4iu 2 месяца назад

    very well explained ☑ thanks a lot mate 👍

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

    Thank you so much! I'm doing something that requires this for my year 3 University dissertation, and this was very, very helpful. Thanks again!!

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

    Hi, how can i add the IntelliSense in VS Code for leaflet? i found some extension called leaflet but dort think it's the correct one. My env seems to get some of the methods etc but don't think it's working as well as yours. Thank you

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

    I have now been following you and I am addicted to your videos. I am trying to watch all your videos❤

  • @IvetaNovakova-zy1kb
    @IvetaNovakova-zy1kb 2 месяца назад

    Thank you. Very helpful video.

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

    how about ios

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

    how can I use it as a heartbeat of some stock API in browser. I donot want to bind it any web page. something like chrome extension with background script

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

      I tried the chrome notifications but it is not visible some how with chrome alarms

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

    Thank you

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

    thanks, it's working

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

    Thanks a lot

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

    Nice tutorial, master

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

    You are a good teacher. This has saved me from stress. Please do a video on adding Google login and Signup Oauth

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

      Oh boy Oauth is like impossible

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

    thanks for the infomation sir🫡

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

    vs code font name

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

    u da man, my friend. thx a lot

  • @ThomasRobinson-e5x
    @ThomasRobinson-e5x 2 месяца назад

    Rodriguez Helen Johnson Robert Williams Jessica