Javascript_lecture_at_ALC_2.0_Meetup.pdf

Transcript

1. 1.

   None
2. 2.

   None
3. 3.

   LECTURE CONTENT • PREREQUISITES

4. 4.

   I am Justine Philip

5. 5.

   Beginner: Javascript sounds like it has something to do with

   Java. Me: Hell No! It really doesn't
6. 6.

   None
7. 7.

   HTML and CSS are markup languages. Markup languages are used

   to describe and define elements within a document. JavaScript is a programming language. Programming languages are used to communicate instructions to a machine. Programming languages can be used to control the behavior of a machine and to express algorithms.
8. 8.

   None
9. 9.

   None
10. 10.

    “

11. 11.

    • • •

12. 12.

    None
13. 13.

    Web browsers provide a JavaScript console as part of their

    developer tools. This console is useful for the following reasons: • Errors and warnings that occur on a web page are logged into the console. • JavaScript commands for interacting with a web page can be executed in the console. To access, press CTRL + SHIFT + J
14. 14.

    None
15. 15.

    None
16. 16.

    Variables can be thought of as named containers. You can

    place data into these containers and then refer to the data simply by naming the container.
17. 17.

    ES5 var message = “welcome”; ES6 const message = “This

    is ALC”; let message = “Welcome”;
18. 18.

    None
19. 19.

    None
20. 20.

    As a loosely typed language, javascript supports the use variables

    that are not specifically associated with any particular value type and any variable can be assigned (and re-assigned) values of all types:
21. 21.

    • •

22. 22.

    let name = “worldclassdev”; let age = 12; let christian

    = true; let hobbies = null; let dob = undefined; let greet = function() { console.log(“Domo o!!”); }
23. 23.

    None
24. 24.

    JavaScript operators are used to assign values, compare values, perform

    arithmetic operations, and more.
25. 25.

    Arithmetic Addition, Subtraction, Multiplication, Division, Modulus (division remainder), increment,Decrement Assignment

    String Comparison Logical Bitwise
26. 26.

    None
27. 27.

    None
28. 28.

    if The most common type of conditional is the if

    statement, which only runs if the condition enclosed in parentheses () is truthy. else You can extend an if statement with an else statement, which adds another block to run when the if conditional doesn’t pass. else if You can also extend an if statement with an else if statement, which adds another conditional with its own block.
29. 29.

    if (false) { var outcome = "if block"; } else

    if (true) { var outcome = "else if block"; } else { var outcome = "else block"; } ​
30. 30.

    None
31. 31.

    “ Functions are one of the fundamental building blocks in

    JavaScript. A function is a JavaScript procedure—a set of statements that performs a task or calculates a value. To use a function, you must define it somewhere in the scope from which you wish to call it -Mozilla Developer Network
32. 32.

    Coding Functions In javascript

33. 33.

    None
34. 34.

    None
35. 35.

    A function definition (also called a function declaration, or function

    statement) consists of the function keyword, followed by: • The name of the function. • A list of parameters to the function, enclosed in parentheses and separated by commas.
36. 36.

    function square(number) { return number * number; }

37. 37.

    None
38. 38.

    Defining a function does not execute it. Defining the function

    simply names the function and specifies what to do when the function is called. Calling the function actually performs the specified actions with the indicated parameters. For example, if you define the function square, you could call it as follows:
39. 39.

    console.log(square(9));

40. 40.

    None
41. 41.

    None
42. 42.

    Any questions?

43. 43.

    • • •

44. 44.

    None