PIN Pad Login Screen in JavaScript - HTML, CSS & JavaScript Tutorial (Project Video)

Veröffentlicht am: 03 Juni 2019
auf dem Kanal: dcode
29,796
358

Link to code:
https://codepen.io/dcode-software/pen...

In this video I'll be showing you how to create a sleek PIN pad login screen using plain HTML, CSS & JavaScript - no libraries or frameworks such as jQuery or Vue.js were used in this tutorial.

This login screen is able to fire off an AJAX/Fetch request to attempt a login and then handle success by redirecting or handle incorrect pin by displaying an error state. It works in Chrome, Firefox, Microsoft Edge and Safari (hopefully - I don't have a Mac to test it :( )

Google Material Icons:
https://google.github.io/material-des...

Support me on Patreon:
  / dcode   - with enough funding I plan to develop a website of some sort with a new developer experience!

Follow me on Twitter @dcodeyt!

If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!

#dcode #webdev #javascript


Auf dieser Seite können Sie das Online-Video PIN Pad Login Screen in JavaScript - HTML, CSS & JavaScript Tutorial (Project Video) mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer dcode 03 Juni 2019 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 29,796 Mal angesehen und es wurde von 358 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!