Articles and blogs
10 Highlights
How does MITM work
Wi-fi Eavesdropping
DNS Spoofing
IP Spoofing
HTTPS Spoofing
ARP Spoofing
E-mail Hacking
Session Hacking
SSL Stripping
MITB attack
Detection of Man-in-the-middle attack
1. Wireless access point (WAP) Encryption
2. Use a VPN
3. Public Key Pair Authentication
4. Strong Network User Credentials
5. Communication security
6. Using proper hygiene for network protection on all platforms, such as smartphone apps.
7. Avoid using public wi-fi
<forms action="\signup" method="post" Id="signup"> </forms>Basically there are two attributes in the form:
<Form> <Label for name="fullname">Name</Label> <input type="text" name="fullname" placeholder="Your fullname"/> <Label for name="email">Email<label/> <input type="text" name="email" placeholder="enter your email"/> <button type="submit" id="submit">Submit</button> </Form>Finding Form Elements in Javascript To locate form elements in javascript we use the DOM(document object method) selecting method such as :
const form= document.getElementById("submit")html form could have multiple document:
document.formthis returns an array of html form collections... in html we might have different forms so to find any of the forms we use indexes:
document.form[0] document.form[1]this locates the first form elements in the html list of forms.
const form="document.getElementById("signup") form.addEventListener('submit', (event)=> { //work on form data });To prevent the form from submitting, you use the preventDefault() method of the event object in the submit event handler , so we have:
form.addEventListener('submit', (event) => { // don't submit form event.preventDefault(); });Typically, you can call the event.preventDefault() method when the form data is invalid. in order to submit form in JavaScript, you call the submit() method of the form object:
form.submit();It should be noted that the form.submit() method does not trigger the submit event. As a result, before executing this method, you should always validate the form.
function validateForm() { let t= document.forms["myForm"]["fullname"].value; if (t == "") { alert("Name cannot be left empty"); return false; } }The function can be :
<form name="myForm" action="/action.php" onsubmit="return validateForm()" method="post"> Name: <input type="text" name="fullname"> <input type="submit" value="Submit"> </form>Automatic HTML Form Validation HTML form validation can be done automatically by the browser:
<form action="/action.php" method="post"> <input type="text" name="fullname" required> <input type="submit" value="Submit"> </form>Automatic HTML form validation is a new feature so it does not work does in all versions of internet explorer expecially version 9 and below.
function sayHi () { ...some code here }
const sayHi = function () { ...some code here }
Difference:
1. sayHi(); 2. const sayHi = function () { console.log('Hi'); }
const sayHi = function () { console.log('Hi'); } const greetings = (func) => { func(); } greetings(sayHi);
const greetings = (func) => { func(); } greetings( () =>{ console.log('Hi'); });
(() => { console.log("Hi"); })();
Therefore, when we consider constructing data-lake architectures, we want to ensure that they can be constructed at a rate that allows you to change and innovate at the optimal rate for your organisation.Why Amazon Web Services for Big Data Analytics and Data Lakes? A major component of this is agility. You want to innovate as quickly as possible without being hindered by the infrastructure/tools/platform you're utilising to drive innovation. Therefore, AWS is primarily focused on providing you with a platform where you can:
It's not just about Hadoop or data warehousing; it's about a wide array of tools that can go into the data and perform precisely what you want with it.Data-Lake on AWS So, bringing this down further, what does a data lake on AWS look like? S3 is the foundation's core component.
Data ingestion is essential for making your data actionable, and you must select the appropriate method for each type of data.2. Catalogue The second component, which is important to the construction of a data lake. Without a data catalogue, you have only a storage platform, not a true data lake. If you want to get insights from your data, you need to know what you have, what sort of data it is, what metadata is connected with it, and how various data sets relate to one another. Therefore, this is where AWS Glue comes in. Using this rich and adaptable data catalogue, you can quickly crawl data, categorise it, catalogue it, and gain insights from it.
Step 1. Create a simple HTML file
<html> <head> <title>Let's React with npm</title> </head> <body> </body> </html>
Step 2. Import React library
<!-- Load React Libraries --> <!-- Note: when deploying, replace "development.js" with "production.min.js". --> <script src="https://unpkg.com/react@17/umd/react.development.js" crossorigin></script> <script src="https://unpkg.com/react-dom@17/umd/react-dom.development.js" crossorigin></script>
<html> <head> <title>Let's React with npm</title> <!-- Load React Libraries --> <!-- Note: when deploying, replace "development.js" with "production.min.js". --> <script src="https://unpkg.com/react@17/umd/react.development.js" crossorigin></script> <script src="https://unpkg.com/react-dom@17/umd/react-dom.development.js" crossorigin></script> </head> <body> </body> </html>
Step 3. Placeholder for React Component
<body> <div id="root"></div> </body>
Step 4. Create a React Component
class HelloClass extends React.Component { render() { return React.createElement('div', null, 'React without npm'); } }
Step 5. Call React Component
<html> <head> <title>React's React</title> <!-- Load React. --> <!-- Note: when deploying, replace "development.js" with "production.min.js". --> <script src="https://unpkg.com/react@17/umd/react.development.js" crossorigin></script> <script src="https://unpkg.com/react-dom@17/umd/react-dom.development.js" crossorigin></script> </head> <body> <div id="root"></div> <!-- This is embedded JavaScript. You can even place this in separate .js file --> <script> window.onload = function() { class HelloClass extends React.Component { render() { return React.createElement('div', null, 'React without npm..'); } } ReactDOM.render( React.createElement(HelloClass, null, null), document.getElementById('root') ); }; </script> </body> </html>