OpenJavaScript
OpenJavaScript
  • 149
  • 1 674 148
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 Certificate: imp.i384100.net/Jr7qj2
Meta Android Developer Professional Certificate: imp.i384100.net/oeYnGo
Meta Database Engineer Professional Certificate: imp.i384100.net/BX7KGB
มุมมอง: 43 848

วีดีโอ

Test Localhost on Mobile and Make Available Online | Web Development Tutorial
มุมมอง 1.7Kปีที่แล้ว
‍🎓 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
มุมมอง 2Kปีที่แล้ว
‍🎓 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
มุมมอง 8Kปีที่แล้ว
‍🎓 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.1Kปีที่แล้ว
‍🎓 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
มุมมอง 66Kปีที่แล้ว
‍🎓 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
มุมมอง 8Kปีที่แล้ว
‍🎓 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.5Kปีที่แล้ว
‍🎓 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
มุมมอง 25Kปีที่แล้ว
‍🎓 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)
มุมมอง 43Kปีที่แล้ว
‍🎓 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
มุมมอง 832ปีที่แล้ว
‍🎓 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
มุมมอง 3.7Kปีที่แล้ว
‍🎓 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
มุมมอง 1Kปีที่แล้ว
‍🎓 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
มุมมอง 6Kปีที่แล้ว
‍🎓 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.4Kปีที่แล้ว
‍🎓 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
มุมมอง 1.8Kปีที่แล้ว
Use Import in Node.js | Node.js Tutorial
Hide an API Key | JavaScript Tutorial
มุมมอง 18Kปีที่แล้ว
Hide an API Key | JavaScript Tutorial
Go Fullscreen using the Fullscreen API | JavaScript Tutorial
มุมมอง 1.6Kปีที่แล้ว
Go Fullscreen using the Fullscreen API | JavaScript Tutorial
Custom Events | JavaScript Tutorial
มุมมอง 1.6Kปีที่แล้ว
Custom Events | JavaScript Tutorial
Multiple Images to Zip File Download | JavaScript Tutorial
มุมมอง 6Kปีที่แล้ว
Multiple Images to Zip File Download | JavaScript Tutorial
Receive Form Data in Node.js (with and without files) | Node.js Tutorial
มุมมอง 32Kปีที่แล้ว
Receive Form Data in Node.js (with and without files) | Node.js Tutorial
Map with Markers using Leaflet | JavaScript Tutorial
มุมมอง 17Kปีที่แล้ว
Map with Markers using Leaflet | JavaScript Tutorial
Get URL Parameters in Node.js using Express and in pure Node.js
มุมมอง 2.8Kปีที่แล้ว
Get URL Parameters in Node.js using Express and in pure Node.js
ChatGPT for Developers: A Productivity Booster?
มุมมอง 444ปีที่แล้ว
ChatGPT for Developers: A Productivity Booster?
Get FormData Object Size | JavaScript Tutorial
มุมมอง 774ปีที่แล้ว
Get FormData Object Size | JavaScript Tutorial
Upload Multiple Files using the Fetch API - JavaScript Tutorial
มุมมอง 3.8Kปีที่แล้ว
Upload Multiple Files using the Fetch API - JavaScript Tutorial
Validate the Size of a File or Files before Upload | JavaScript Tutorial
มุมมอง 4.5Kปีที่แล้ว
Validate the Size of a File or Files before Upload | JavaScript Tutorial
Blobs and Blob URLs | JavaScript Tutorial
มุมมอง 28Kปีที่แล้ว
Blobs and Blob URLs | JavaScript Tutorial
Copy Text to the Clipboard using Clipboard API | JavaScript Tutorial
มุมมอง 1.4Kปีที่แล้ว
Copy Text to the Clipboard using Clipboard API | JavaScript Tutorial
Work with Fastest of Multiple Fetch Requests with Promise.any() | JavaScript Tutorial
มุมมอง 1.2Kปีที่แล้ว
Work with Fastest of Multiple Fetch Requests with Promise.any() | JavaScript Tutorial

ความคิดเห็น

  • @bigshuff
    @bigshuff 8 ชั่วโมงที่ผ่านมา

    So pleased to have found this video, so many only upload files with out text. Also many are overly complex. I need to research how to create a progress bar now, any tips? 👍

  • @JenniferThomas-z7l
    @JenniferThomas-z7l วันที่ผ่านมา

    Lopez Richard Williams John Lopez Edward

  • @ThompsonUpton-k7l
    @ThompsonUpton-k7l วันที่ผ่านมา

    Wilson Patricia Clark Charles Harris Larry

  • @SylviaElliott-c6v
    @SylviaElliott-c6v 3 วันที่ผ่านมา

    Martinez Robert Lee Jason Jackson Kevin

  • @noname-ep9hy
    @noname-ep9hy 5 วันที่ผ่านมา

    You're a great brother, but I have a question. I need to dynamically change the values of longitude and latitude using my GPS/GSM module. How can I do that?

  • @msmcreations9522
    @msmcreations9522 6 วันที่ผ่านมา

    How to do for multiple task at multiple scheduled time

  • @jpanderson6145
    @jpanderson6145 6 วันที่ผ่านมา

    Why subdomain if I want the homepage to load the app?

    • @jpanderson6145
      @jpanderson6145 6 วันที่ผ่านมา

      Where did you get those files from you pulled up on your desktop?

  • @FitzGeraldDuncan-p7i
    @FitzGeraldDuncan-p7i 12 วันที่ผ่านมา

    Harris Karen Lewis John Williams Charles

  • @chris11651
    @chris11651 13 วันที่ผ่านมา

    Very well explained, I'm trying to install a nuxt application following this tutorial, and everything works fine. I install npm correctly but I keep getting the 503 error. Is there any way to see logs or something?

  • @EtanRowleS
    @EtanRowleS 13 วันที่ผ่านมา

    Walker Linda Hernandez Angela Clark Timothy

  • @averylisejameses7688
    @averylisejameses7688 15 วันที่ผ่านมา

    Young Mary Martin Edward Martinez Maria

  • @sezyboii
    @sezyboii 15 วันที่ผ่านมา

    How do I put this into a website?

  • @DtdtycgfyvugucggubTfxfvhugbibi
    @DtdtycgfyvugucggubTfxfvhugbibi 15 วันที่ผ่านมา

    Young Cynthia Garcia Paul Moore David

  • @dickdeayrton3486
    @dickdeayrton3486 17 วันที่ผ่านมา

    Taylor Jessica White Donald Young Jessica

  • @MorrisonOscar-u6l
    @MorrisonOscar-u6l 17 วันที่ผ่านมา

    Anderson Robert Miller Jennifer Jackson Mary

  • @TheRagreis
    @TheRagreis 19 วันที่ผ่านมา

    Perfect!!!! Please, can you explain how Axios can show the upload file progress in a form of progress bar? Many thanks.

  • @nanaana9757
    @nanaana9757 20 วันที่ผ่านมา

    Hi, is it possible to use an external camera? Like cam scanner, web cam or something else

    • @leandroalonso9895
      @leandroalonso9895 11 วันที่ผ่านมา

      Use Iriun WebCam. Installed on both the phone and the PC.

  • @rakeshreddysarikonda9540
    @rakeshreddysarikonda9540 21 วันที่ผ่านมา

    could you please share the code link

  • @shubhamsinghvi9338
    @shubhamsinghvi9338 21 วันที่ผ่านมา

    Can you please share a tutorial of the same with video/mp4

  • @lemonade2345-j4e
    @lemonade2345-j4e 24 วันที่ผ่านมา

    Superb, and noobs friendly!

  • @rahulkumargautam3358
    @rahulkumargautam3358 24 วันที่ผ่านมา

    Exactly what I was looking for 👌👌

  • @iamfyrus
    @iamfyrus 24 วันที่ผ่านมา

    Live sample works but how to rescan another QR? Theres no scan button after the first scan

  • @indibizz1724
    @indibizz1724 25 วันที่ผ่านมา

    How the validation of token done in captcha v3 ? I want to implement in angular app.. do I require to use my personal database ? For token validation? Now I’m getting token in my frontend but I don’t know what to do after that ? Do I require to do validation with my project backend ?

  • @md.tanimurrahman4431
    @md.tanimurrahman4431 27 วันที่ผ่านมา

    What if i want to track the loction of another user? Lets say i want to make a gps tracker like uber? How should i go about it?

  • @EthioApex
    @EthioApex 29 วันที่ผ่านมา

    thanks it works!! but the font sizes are getting alot larger when running with express as compared to running it normally, any ideas on how to fix it?

  • @KatakamUmaNandini
    @KatakamUmaNandini หลายเดือนก่อน

    Thank you very much. This is what I exactly need.

  • @rashmikadeshan2710
    @rashmikadeshan2710 หลายเดือนก่อน

    Thank you so much for sharing code.

  • @PracticalMindset
    @PracticalMindset หลายเดือนก่อน

    As a indian 🇮🇳 student : Understanding your English is hard then javascript . 😅😅

  • @starchaser2000
    @starchaser2000 หลายเดือนก่อน

    Why not use v3 of Google Recaptcha?!

  • @fandaancheung
    @fandaancheung หลายเดือนก่อน

    thx so much, help me a lot

  • @Radius11-g1k
    @Radius11-g1k หลายเดือนก่อน

    Awesome stuff man, We appreciate the work you have done to educate those in need!

  • @ONvNO
    @ONvNO หลายเดือนก่อน

    Salut

  • @dannybribiesca
    @dannybribiesca หลายเดือนก่อน

    Thank you! You're a lifesaver!!

  • @rhialicandido8644
    @rhialicandido8644 หลายเดือนก่อน

    The best explantion of File/Blob I've seen! Thanks for the video!

  • @gaganlonde7190
    @gaganlonde7190 หลายเดือนก่อน

    When i try to host it on GitHub it doesn't work. Hiw can i fix this?

  • @dlbet4110
    @dlbet4110 หลายเดือนก่อน

    When I run the RUN NPM INSTALL I get an Error. The server admin says there is nothing wrong with the server. So, I must be doing something wrong. Any ideas why I'm getting an error? I followed these instructions exactly.

  • @ila6545
    @ila6545 หลายเดือนก่อน

    Good tutorial.I am loading this in webview for android app.But the cam is not opened for QR code.It triggers error.Also the qr code image path is not loaded. Any idea?

  • @prakharmishra-m5r
    @prakharmishra-m5r หลายเดือนก่อน

    excellent

  • @chinnyi2384
    @chinnyi2384 หลายเดือนก่อน

    this was exactly what i needed THANK YOUU 🙏

  • @salmaatef3678
    @salmaatef3678 หลายเดือนก่อน

    thank you so much, your explanation is great and simple 🥰

  • @Lymphater
    @Lymphater หลายเดือนก่อน

    Nice. But I'd like to start scanning by click on my button. Without UI by library. Any idea?

  • @John-wx3zn
    @John-wx3zn หลายเดือนก่อน

    Thank you. You are a great teacher. I hope you are blessed.

  • @shabazkhan-ns5ek
    @shabazkhan-ns5ek หลายเดือนก่อน

    very solid video, with a helpful Problem - Good Solution Approach but My I want draw Route Path please guide me Do I need an API key draw bus Route ,car route Etc

  • @richardfigueroa611
    @richardfigueroa611 หลายเดือนก่อน

    This could be done when obtaining data from the DB, monitoring approximately how long the request will take or it only works with files.

  • @richardfigueroa611
    @richardfigueroa611 หลายเดือนก่อน

    This could be done when obtaining data from the DB, monitoring approximately how long the request will take or it only works with files.

  • @spreadItWide
    @spreadItWide หลายเดือนก่อน

    The only thing that doesn't work in your app is the corona test 😂😂

  • @2ru2pacFan
    @2ru2pacFan หลายเดือนก่อน

    Thank you so much! I needed this so much!

  • @darth_vader_11
    @darth_vader_11 2 หลายเดือนก่อน

    I want a personal advice from you, how can I contact you?

  • @darth_vader_11
    @darth_vader_11 2 หลายเดือนก่อน

    Can I get personal advice from you for my project? Where can I contact you?

  • @moyomi8713
    @moyomi8713 2 หลายเดือนก่อน

    this helped!