Author: Amine G

Let's Start with What is it? - It's Javascript "windows History" Hack. window.history.pushState() Let's take this with an example: Example 1: Actual Login URL: "http://example.com/login" or "http://example.com/login.php" or "http://example.com/login.jsp" or "http://example.com/login.py" or "http://example.com/login.html" Add below javascript code at the footer of your page:   <script type="text/javascript"> window.history.pushState(null, null, "/user-login") </script>   Now, whenever user will open "http://example.com/login", User will see the login page, but your URL will dynamically get changed to: 'http://example.com/user-login' Anyone doing,  "Ctrl+U" or "View-Source", will immediately see either "non-existent page" or if you have set the "/user-login" page with your cool weird text, it will render that. Try the above code in "Console" right away for this page and then do View-Source, You will see page content other (probably 404 error content) then this page . Example 2: Get…

Implementing forms on a Vue.js website? Having a readonly website is a piece of cake. Easy to develop using headless CMS, easy to maintain, and zero worries about security. But, what if you want to have a contact form on your site? Where are you going to store the form submissions? How are you going to protect it from bots and other forms of misuse? When we start talking about forms and processing data that people submit, we need to handle three important parts: Form definition Which fields do we want to display and in which order Form submissions storage Where are we going to store data of submitted forms Form security How are we going to protect the form from robots and evil people When collecting data from website…

Learn How Asynchronous JavaScript Works JavaScript is a single-threaded programming language which means only one thing can happen at a time. That is, the JavaScript engine can only process one statement at a time in a single thread. While the single-threaded languages simplify writing code because you don’t have to worry about the concurrency issues, this also means you can’t perform long operations such as network access without blocking the main thread. Imagine requesting some data from an API. Depending upon the situation the server might take some time to process the request while blocking the main thread making the web page unresponsive. That’s where asynchronous JavaScript comes into play. Using asynchronous JavaScript (such as callbacks, promises, and async/await), you can perform long network requests without blocking the main thread.…