OpenJavaScript
OpenJavaScript
  • 149
  • 1 812 555
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
มุมมอง: 51 497

วีดีโอ

Test Localhost on Mobile and Make Available Online | Web Development 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 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.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 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
มุมมอง 9Kปีที่แล้ว
‍🎓 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.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 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
มุมมอง 73Kปีที่แล้ว
‍🎓 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
มุมมอง 9Kปีที่แล้ว
‍🎓 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.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 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
มุมมอง 27Kปีที่แล้ว
‍🎓 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)
มุมมอง 49Kปีที่แล้ว
‍🎓 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
มุมมอง 886ปีที่แล้ว
‍🎓 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.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 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.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 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
มุมมอง 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 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.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 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.1Kปีที่แล้ว
Use Import in Node.js | Node.js Tutorial
Hide an API Key | JavaScript Tutorial
มุมมอง 20Kปีที่แล้ว
Hide an API Key | JavaScript Tutorial
Go Fullscreen using the Fullscreen API | JavaScript Tutorial
มุมมอง 1.7Kปีที่แล้ว
Go Fullscreen using the Fullscreen API | JavaScript Tutorial
Custom Events | JavaScript Tutorial
มุมมอง 1.7Kปีที่แล้ว
Custom Events | JavaScript Tutorial
Multiple Images to Zip File Download | JavaScript Tutorial
มุมมอง 7Kปีที่แล้ว
Multiple Images to Zip File Download | JavaScript Tutorial
Receive Form Data in Node.js (with and without files) | Node.js Tutorial
มุมมอง 35Kปีที่แล้ว
Receive Form Data in Node.js (with and without files) | Node.js Tutorial
Map with Markers using Leaflet | JavaScript Tutorial
มุมมอง 19Kปีที่แล้ว
Map with Markers using Leaflet | JavaScript Tutorial
Get URL Parameters in Node.js using Express and in pure Node.js
มุมมอง 3Kปีที่แล้ว
Get URL Parameters in Node.js using Express and in pure Node.js
ChatGPT for Developers: A Productivity Booster?
มุมมอง 456ปีที่แล้ว
ChatGPT for Developers: A Productivity Booster?
Get FormData Object Size | JavaScript Tutorial
มุมมอง 828ปีที่แล้ว
Get FormData Object Size | JavaScript Tutorial
Upload Multiple Files using the Fetch API - JavaScript Tutorial
มุมมอง 4.1Kปีที่แล้ว
Upload Multiple Files using the Fetch API - JavaScript Tutorial
Validate the Size of a File or Files before Upload | JavaScript Tutorial
มุมมอง 4.9Kปีที่แล้ว
Validate the Size of a File or Files before Upload | JavaScript Tutorial
Blobs and Blob URLs | JavaScript Tutorial
มุมมอง 32Kปีที่แล้ว
Blobs and Blob URLs | JavaScript Tutorial
Copy Text to the Clipboard using Clipboard API | JavaScript Tutorial
มุมมอง 1.5Kปีที่แล้ว
Copy Text to the Clipboard using Clipboard API | JavaScript Tutorial
Work with Fastest of Multiple Fetch Requests with Promise.any() | JavaScript Tutorial
มุมมอง 1.3Kปีที่แล้ว
Work with Fastest of Multiple Fetch Requests with Promise.any() | JavaScript Tutorial

ความคิดเห็น

  • @mr.RAND5584
    @mr.RAND5584 21 ชั่วโมงที่ผ่านมา

    His voice is very annoying.

  • @mr.RAND5584
    @mr.RAND5584 วันที่ผ่านมา

    Very useful. We need to make an inventory using a barcode. Thank you for your free tutorial.

  • @mr.RAND5584
    @mr.RAND5584 วันที่ผ่านมา

    is the voice text to speech?

  • @kishankumar-ze5pf
    @kishankumar-ze5pf 3 วันที่ผ่านมา

    this level of explanation is very very rare in yt i think , btw thnku to clear my doubts and concept

  • @HiddenAway-j6s
    @HiddenAway-j6s 4 วันที่ผ่านมา

    this will be really helpful thank youuu

  • @Kaushik-f9h
    @Kaushik-f9h 8 วันที่ผ่านมา

    Bro i want to skip preview step directly make print how can i make

  • @ivva140
    @ivva140 10 วันที่ผ่านมา

    Thank you for this video! Is it normal that I can access via my local files but when I open 127.0.0.1:3002/index.html it doesnt work?

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

    Thank you. Now I understand how the filter method works with the indexOf method to remove duplicate elements from a given array.

  • @AcePortgaz-s1o
    @AcePortgaz-s1o 12 วันที่ผ่านมา

    great video

  • @EdrielEdward
    @EdrielEdward 14 วันที่ผ่านมา

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

  • @ShuhratKarimov-x4j
    @ShuhratKarimov-x4j 15 วันที่ผ่านมา

    Thanks bro! It is helpful!😎

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

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

  • @solankijd0072
    @solankijd0072 22 วันที่ผ่านมา

    Thank you sir...

  • @alizainulyasoob9491
    @alizainulyasoob9491 23 วันที่ผ่านมา

    This is great. Simple and detailed.

  • @anirudhmadri2628
    @anirudhmadri2628 23 วันที่ผ่านมา

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

  • @avaniverma4186
    @avaniverma4186 23 วันที่ผ่านมา

    Not working showing blank page in print preview

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

    Is it okay if the captcha is not showing images

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

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

  • @bmmr
    @bmmr 26 วันที่ผ่านมา

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

  • @AbdullahRiaz2005
    @AbdullahRiaz2005 27 วันที่ผ่านมา

    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 หลายเดือนก่อน

    Thanks for much!

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

    decent video 10:10

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

    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 หลายเดือนก่อน

    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 2 หลายเดือนก่อน

    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 2 หลายเดือนก่อน

    thank you

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

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

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

    Could the image be a.png ?

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

    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