-->

ABOUT US

Our development agency is committed to providing you the best service.

OUR TEAM

The awesome people behind our brand ... and their life motto.

  • Kumar Atul Jaiswal

    Ethical Hacker

    Hacking is a Speed of Innovation And Technology with Romance.

  • Kumar Atul Jaiswal

    CEO Of Hacking Truth

    Loopholes are every major Security,Just need to Understand it well.

  • Kumar Atul Jaiswal

    Web Developer

    Techonology is the best way to Change Everything, like Mindset Goal.

OUR SKILLS

We pride ourselves with strong, flexible and top notch skills.

Marketing

Development 90%
Design 80%
Marketing 70%

Websites

Development 90%
Design 80%
Marketing 70%

PR

Development 90%
Design 80%
Marketing 70%

ACHIEVEMENTS

We help our clients integrate, analyze, and use their data to improve their business.

150

GREAT PROJECTS

300

HAPPY CLIENTS

650

COFFEES DRUNK

1568

FACEBOOK LIKES

STRATEGY & CREATIVITY

Phasellus iaculis dolor nec urna nullam. Vivamus mattis blandit porttitor nullam.

PORTFOLIO

We pride ourselves on bringing a fresh perspective and effective marketing to each project.

Showing posts with label javascript. Show all posts
Showing posts with label javascript. Show all posts
  • Learn JavaScript Basics

     

     

    Learn JavaScript Basics

     

    During this Article, we will be covering the basics of the programming language JavaScript.

    The main purpose of this language is to implement interactiveness into webpages and web applications, but thanks to the millions of individuals in the community, we've been able to control more than just the interactiveness of web pages.
    Thanks to the community, we can now use JavaScript to control servers, create video games, code mobile applications, and can even be used for cybersecurity in some scenarios. Learn JavaScript, the high-level, multi-paradigm language of the web. Learn JavaScript Basics

    Here are a few things we will be covering during this Article:

        Variables
        Conditionals
        Functions
        Objects
        Loops
        Scripting)
        
        
    Here is what you'll need before beginning this Article:

     

     


     


     

    IDE or Text Editor of your choice (I recommend VS Code or Atom)

    One final note. This Article will not cover everything JavaScript can do, not even close. This Article will be targeted towards beginners who are looking to learn basic programming logic and an easy to use, versatile language for obtaining a better understanding of how the web works. Remember to take your time and read carefully. Enjoy the Article and have fun learning about JavaScript!



    Variables & Operators


    Before diving into JavaScript, here are a few things to remember as we traverse through the Article:

     

    Using "//" within your IDE or text editor are considered comments, use this to take notes directly in your JS file. Always take notes!
        

     

    We will be using Chrome dev tools for this Article, so for this, we'll need to link our JavaScript file to an HTML file. We will not be covering much HTML in this Article, but you can easily link your JavaScript file by using a Script element. You can see an example here:



    <body>

      <script src="script.js"></script>

    </body>



    Remember to put the script tag right before the closing body tag. This way our HTML code will execute before our external JavaScript document. There are some instances where it's better to have the script in the head tag or a certain order when working with multiple documents, but for this Article, we will only be focusing on the basics. You can see an example of how this is used in an HTML document here.


    Variables


    There are 3 types of variables in JavaScript: var, let, and const.

    The var (variable) keyword was originally the only variable available, but thanks to the upgrade to ECMAScript 6 back in 2015, which is the specification that JavaScript conforms too, we now have multiple ways of declaring a variable or data types.



    Quick Overview:


     

    • let: If a variable is going to be reassigned later within the application, this is the ideal variable type to use.

     

    • var: It's better to use either let or const for variables, but this variable type will still work and is still used in applications to this day. This variable can be updated and re-declared.

     

    • const: If the variable will never change or won't be reassigned anywhere else in the application, this keyword is the best option.


     

     

    Good things to remember:

     

    •     The var variable is globally scoped and can be updated and re-declared.
    •     The let variable is block-scoped and can be updated but not re-declared.
    •     The const variable is block-scoped and cannot be updated or re-declared.


     

     

    • Global Scope: A variable declared outside a function. This means all scripts and functions on a web application or webpage can access this variable.


    • Block Scope: A variable declared inside a block. This means we can use these variables inside of loops, if statements, or other declarations within curly brackets and have them be only used for that declaration instead of the entire application having access to it.



    Examples:


    var variableOne = 'Linus Torvalds';

    let variableTwo = 50;

    const variableThree = 'Creator of the Linux Kernel';



    Variables are very easy to use and understand in JavaScript, they can store a lot of information with very little code.

     

     


     



    There are also arrays, objects, and many many more data types that we will touch upon during this Article. Variables are wonderful, but they aren't very powerful on their own, this is where arithmetic operators, comparison operators, and boolean operators come into play. It may sound complicated, but these tables should make everything a little easier to understand!



     


     

     

    These two tables cover the majority of what we will be going over moving forward, but there are still so many more things that we won't be able to cover. Once you finish learning about the basics of JavaScript, I recommend researching more about operators as there are still boolean operators (true or false) and logical operators (AND, OR, NOT).


    Let's move on to our final lesson for variables: extra data types. It's time to see the available types of data that we can store within our variables. This will cover some of the basics you'll be using for this Article.



        Strings: 'Morpheus'
        Arrays: [1, 2, 3]
        Objects: {Name: 'John', Occupation: 'Master Hacker'}
        Booleans: true (or false)
        Numbers: 455
        Floating-Point Numbers: 10.5



     

    There may be a lot here, but you'll notice as we progress through the Article, it'll all be worth it and valuable information for later.



    #1 What type of data type is this: 'Neo'?

    Ans :- string
     

    #2 What data type is true/false?
     

    Ans :- boolean

     

    #3 What is John's occupation? 

    Ans :- Master Hacker

     

    #4 What tag is used for linking a JavaScript file to HTML?

    Ans :- script



    Conditionals


    Welcome to Conditionals!

    Example:



    if (5 === 5) {

        console.log('Hello World!'); // Prints Hello World! to the console

    };



    In plain English, if a condition is met, then the code will run. Remember all those operators we learned about in the first task? We can use those to define these conditions and plan our approach.


    There are also else if statements, which look like this:

     

    if (5 === 10) {

        console.log('Hello World!'); // Skips this code

    } else if (10 === 10) {

        console.log('Hello World!'); // Prints Hello World! to the console

    };


    This way we can have multiple conditions before our code executes. Normally, we'd end our code with an else statement like this:



    if (5 === 10) {

        console.log('Hello World!'); // Skips this code

    } else if (10 === 10) {

        console.log('Hello World!'); // Prints Hello World! to the console

    } else {

        console.log('ERROR ERROR ERROR');

    };



    Basically, the else keyword concludes our if conditional. We'll learn a better way of writing conditionals later, but for now, this is a clear way of using a condition to return a result.




    Switch Cases


    If you need to test multiple conditions, then most of the time switch cases are best for optimization and readability within your code. If, else if, else statements and switch cases can both do similar tasks, but switch cases are better for performing multiple different conditions. Here's how a switch case looks:



    const animal = 3;

    switch (animal) {

        case 1:

            document.write('Cow');

            break;

        case 2:

            document.write('Chicken');

            break;

        case 2:

            document.write('Monkey');

            break:

        default:

            document.write('Animal?');

    } // Outputs Monkey



    Cool, huh? We use each case to define a number, have our variable hold the number we're pulling from, and the break keyword is used for ending that specific case or switch block. The default keyword is there just in case our variable is equal to something that isn't present in our switch...case code.




    Functions


    Functions are one of the most vital parts of programming. Due to how important functions are, there will be a lot of things we don't cover, but remember that functions are going to be vital to any applications you write.

    *ECMAScript 6 is the most popular version of JavaScript. There are a lot of important differences between ES5 and ES6, we focus mainly on ES6 in this Article, but knowing past versions can help improve your knowledge of the language and logic of JavaScript.



    This is a function in ES6 (ECMAScript 6):



    const func = (a, b) => {

        let nums = a * b;

        console.log(nums); // Outputs 250

    }

    func(25, 10);

    ES5:

    function func(a, b) // Everything inside of the parenthesis defines our parameter(s)

    {

        let nums = a * b;

        console.log(nums); // Outputs 250

    }

    func(25, 10);



    A few things that make up a function are the parameter(s), variables, and our executed code. Functions can contain if conditionals, defined variables, multiple parameters, and return statements. Functions are usually the same across programming languages with minor syntax changes.



     

    Objects & Arrays


    Learning about Objects and Arrays are heavy subjects, but let's try to break them into easy to understand sections.

    Let's start with Objects.




    Objects


    The most important thing about objects is to remember that they're just another variation of variables. Here is a quick example of an object:

     


    var choosePill = {
        pillOne: 'Red',
        pillTwo: 'Blue'
    }



    I know we've already used millions of tables, but they're the best way to learn! So, here's a table displaying the code object we just wrote:






    var choosePill = {
        pillOne: 'Red',
        pillTwo: 'Blue',
        numberOfPills: 2
    }
    var choice = choosePill.pillOne; // This will access the Objects property






    Arrays


    Arrays are fairly similar to objects, they have different stored values and syntax, but can be used for almost anything.


    Here is the same code from before, but in an array:

     

    var choosePill = ['Red', 'Blue', 2];

    var choice = choosePill[0];

    console.log(choice); // Outputs 'Red'


     

    * Reminder: Most programming languages start from 0, not 1, so when we access the choosePill variable, we grab the value from the 1st position.

     

     

    Arrays are extremely important when storing multiple values within a variable. This way we don't have to write 100 variables and instead can store them all in a single variable, this is an array. There are multiple ways to write an array, but the simplest and most basic version is the example above.


    Quick Challenge


    What is the output of this code (Question #3)?

    var mrRobot = ['Elliot', 'Angela', 'Tyrell', 'Darlene'];

    let character = mrRobot[2];

    console.log(character); // What is the output?





    #1 What type of brackets are used for arrays? 

    Ans :- []

     

     

    #2 What color pill did we choose? 

    Ans :- red pill

     

    #3 What is the output of this code?
     

    Ans :- Tyrell



    Loops


    Loops can be complicated, there are for loops, while loops, and do...while loops. Due to the complex nature of looping, I will be explaining the basic logic behind them and then give multiple examples of how they look and work. They are important in every programming language and every aspect of programming in general.


    Let's begin with for loops!


    For Loop

     

    We will be creating a few mini-projects that will loop through a set of numbers.

    Here is how a for loop appears in a code editor:




     

    Let's break this code down line by line:


    for (a = 1; a <= 10; a++) {
        console.log(`Number: ${a}`); // Outputs 1-10 in our console
    }



    What does this code do? This code takes a, our variable, and loops through our specified range (1-10) and prints this to the console. By running this loop, we save our counter, or our range of numbers, to the variable a.



    You'll notice that we have three statements (or components). Here is a quick list of what each one does:



    •     The first component (a = 1): Executes before the loop starts.
    •     The second component (a <= 10): Defines the condition for our loop.
    •     The third component (a++): Executes each time after the loop starts.



    * IMPORTANT: Each statement must be separated by a semi-colon. We can have more than one value within our first statement, but they must be separated by commas: for (a = 1, b = 2; component-2; component-3) {}



    While Loop


    The while loop is similar to the for loop, with a few minor differences:



    let x = 0;

    while (x <= 3) {

    console.log(x++); // Prints 0-3

    }



    This code will loop through x as long as it is less than or equal to three. This loop will continuing running until the desired outcome is met. Loops can be dangerous if the syntax is incorrectly written, then you can easily start an infinite loop, which isn't good for anyone in most cases. To avoid this, make sure that the loop eventually becomes false.



    Do...While Loop


    The basics of the do...while loop is the code will execute the loop before checking if the condition is true.


    Example:



    let c = 10;

    do {

    console.log(c++); // Outputs 10-50

    } while (c <= 50);



    This code will ALWAYS execute at least once. It does this because loops normally require the conditions to be true, but a do...while loop doesn't require this as it executes before checking if the condition is truthy.

    Loops are complicated but fairly simple once you understand the basics. There are still some things we haven't covered yet, but for the most part, loops have similar logic across programming languages. The thing about loops is that they have numerous variations that can do the same thing, but that's pretty much all of programming.




    #1 Loops repeat until the written code is finished running (true/false)
     

    Ans :- true

     

    #2 What loop doesn't require the condition to be true for it execute at least once?

    Ans :- do..while



    Document Object Model (DOM)


    DOM

     
    Here is what we will be covering in the DOM section (keep in mind that these are just a few lines of code, DOM manipulation is a vast subject):


    • document.getElementByID('Name_of_ID'); // Grabs the element with the ID name from the connected HTML file

     

    • document.getElementByClassName('Name_of_Class'); // Grabs the element with the class name from the connected HTML file

     

    • document.getElementByTagName('Name_of_Tag'); // Grabs a specific tag name from the connected HTML file



    There are also methods we can use to access different things within our HTML files such as addEventListener, removeEventListener, and many more. Most of what the DOM does is change, replace, edit, or in some form, manipulate the HTML file or webpage that you're working on. For us to successfully manipulate the DOM, we use events. These events are added to HTML tags to work with our JavaScript file. Some of the more important events that are used a lot, you can find here:



    •     onclick: Activates when a user clicks on the specific element
    •     onmouseover: Activates when a user hovers over a specific element
    •     onload: Activates when the element has loaded


     

    and many more that are used. You can find a complete list here: 

    https://www.w3schools.com/js/js_htmldom_events.asp

     

    Code example:




     

    Now when a user clicks on the Click Me button, an alert pops up that says POP!!!
     

    The Document Object Model (DOM) has a ton of resources, and combining that with CSS will help your webpage POP. Eventually, if you take on web development or front-end programming, then you'll not only gain knowledge around the DOM, but you'll be able to manipulate a virtual DOM using React, cut your code in half using jQuery, and even combine your skills with PHP or Nodejs files for server manipulation. Good luck with your continued journey to learn JavaScript, and remember it can do so much more than just create webpages and add interactiveness.


    #1 What is the DOM?

    Ans :- Document Object Model



    XSS


    In this section, we'll be covering a few things that JavaScript can be used for in the information security industry.




    Here is what we'll be covering:

    XSS (Cross-Site Scripting) & Web Application Penetration


    XSS


    Cross-Site Scripting is a security vulnerability that's typically found in web applications which can be used to execute a malicious script on the target's machine. We will only be covering some of the basics.



    There are multiple types of attack when talking about XSS, here are some of my favorites:



    •     Keylogging
    •     Stealing Cookies
    •     Phishing
    •     and many more


    A keylogger is used by setting up an event listener on the target's keyboard, which will track their keystrokes and save them on the attacker's server.

    When an attacker steals a target's cookies, they can use that information to log in as the user without needing advanced authentication or even just find information stored in the cookies that could lead to devastating effects on the target's online saved accounts. This is why so many websites use SSL or some other form of protection against these attacks.

    Phishing is an interesting type of exploitation, an attacker can clone the website you're logging into and steal your credentials without you ever knowing. Another form of phishing is an attacker can insert code directly onto the webpage to change forms or input fields to steal the target's information.




    The three most common types that I've seen of XSS are DOM-Based XSS (type-0 XSS), Reflected XSS (Non-Persistent XSS), and Stored XSS (Persistent XSS):



     

    • DOM-Based XSS: This is when an attack payload is executed by manipulating the DOM (Document Object Model) in the target's browser. This type uses the client-side code instead of server-side code.

     

    • Reflected XSS: This is when a malicious script bounces off another website onto the target's web application or website. Normally, these are passed in the URL as a query, and it's easy as making the target click a link. This type originates from the target's request.

     

    • Stored XSS: This is when a malicious script is directly injected into the webpage or web application. This type originates from the website's database.



    As a final note, learning JavaScript will help you manipulate the DOM to gain the target's information, creating a keylogger script will log the keystrokes so that you can access the user's information with those keys pressed, and you can use web development knowledge to completely mirror a web application and trick the user into inputting their information. JavaScript is just a language, but when combined with certain techniques and tools, you can do some unbelievably devastating things to a target machine.


    JavaScript is really important in the world of Cybersecurity, especially when it comes to web application exploitation, cross-site scripting, JavaScript injection, and many more methods.

     

    Extra Resources:

    Here are a few interesting, more in-depth, resources used for JavaScript in Cybersecurity:



    •     ST├ľK's "Hacker101 - JavaScript for Hackers": https://www.youtube.com/watch?v=FTeE3OrTNoA


    •     TryHackMe's "Cross-site Scripting" Room: https://tryhackme.com/room/xss


    •     Cross-Site Scripting (XSS) OWASP Website: https://owasp.org/www-community/attacks/xss/




    #1 What is it called when XSS is used to record keystrokes?

    Ans :- keylogging



    Final Notes


    JavaScript is a versatile and impressive language. I did my best to put all of the important aspects in this Article, but there are still hours of content I didn't cover. JavaScript has unlimited resources across the web, and if you're serious about web development, programming, or anything in between, I recommend looking into the logic behind the code. Learning how a programming language works will help you 100x more than just memorizing the syntax. You may not always have to explain the logic behind an algorithm, but being able to write the code and explain it can set you apart from the average enthusiast or web developer.

     

    Since we only touched on the very basics, here are some free resources to continue learning JavaScript:





    What wasn't covered in this blog:



    •     Libraries or Frameworks
    •     ES6 Destructuring
    •     Advanced Methods
    •     And so much more!



    Challenge Time!


    Get ready for a JavaScript code challenge!

    For our challenge, we will be sorting an array of numbers using a JavaScript method.

    *The challenge is available on my Github here, but I would recommend trying to figure out the solution first and researching the best method before viewing.



    #1 Sort the array [1,10,5,15,2,7,28,900,45,18,27]

    Hint :- Make a program in JS array sort in ascending order.

    Ans :-





    Disclaimer



    This was written for educational purpose and pentest only.
    The author will not be responsible for any damage ..!
    The author of this tool is not responsible for any misuse of the information.
    You will not misuse the information to gain unauthorized access.
    This information shall only be used to expand knowledge and not for causing  malicious or damaging attacks. Performing any hacks without written permission is illegal ..!


    All video’s and tutorials are for informational and educational purposes only. We believe that ethical hacking, information security and cyber security should be familiar subjects to anyone using digital information and computers. We believe that it is impossible to defend yourself from hackers without knowing how hacking is done. The tutorials and videos provided on www.hackingtruth.in is only for those who are interested to learn about Ethical Hacking, Security, Penetration Testing and malware analysis. Hacking tutorials is against misuse of the information and we strongly suggest against it. Please regard the word hacking as ethical hacking or penetration testing every time this word is used.


    All tutorials and videos have been made using our own routers, servers, websites and other resources, they do not contain any illegal activity. We do not promote, encourage, support or excite any illegal activity or hacking without written permission in general. We want to raise security awareness and inform our readers on how to prevent themselves from being a victim of hackers. If you plan to use the information for illegal purposes, please leave this website now. We cannot be held responsible for any misuse of the given information.



    - Hacking Truth by Kumar Atul Jaiswal



    I hope you liked this post, then you should not forget to share this post at all.
    Thank you so much :-

     




  • WHAT WE DO

    We've been developing corporate tailored services for clients for 30 years.

    CONTACT US

    For enquiries you can contact us in several different ways. Contact details are below.

    Hacking Truth.in

    • Street :Road Street 00
    • Person :Person
    • Phone :+045 123 755 755
    • Country :POLAND
    • Email :contact@heaven.com

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.