JavaScript Basics

This presentation contains an introduction to JavaScript and a very basic introduction to it's sintaxis.

Transcript

1. JAVASCRIPT BASICS
3. Asociación de Estudiantes de Ciencias de Cómputos UPRB
4. github.com/AECC-UPRB
6. Short History
7. BRENDAN EICH
8. BRENDAN EICH NOW
10. REMEMBER THEM?
14. BRENDAN EICH THEN
17. BETA RELEASE
 10 DAYS
18. MOCHA LIVESCRIPT JAVASCRIPT
19. JAVASCRIPT
20. OBJECT-ORIENTED SCRIPTING LANGUAGE
21. DYNAMIC WEB PAGES
22. ECMA SCRIPT STANDARDS
23. JAVASCRIPT
 VS JAVA
24. “JAVA IS TO JAVASCRIPT AS HAM IS TO A HAMSTER”
25. “JAVA AND JAVASCRIPT ARE SIMILAR LIKE CAR AND CARPET ARE SIMILAR”
26. JAVASCRIPT
 IS NOT
 JAVA
27. SIMILARITIES
28. C-LIKE SINTAXIS
29. SANDBOX
30. DIFFERENCES
31. JAVASCRIPT • Dynamic typed language • Prototype-based • Interpreted • Runtime-only debugging JAVA • Static typed language • Class-based • Compiled • Two-Stage debugging
32. WHY SHOULD I LEARN IT?
34. DATA TYPES
35. BOOLEAN STRINGS NUMBERS
 OBJECTS
36. SINTAXIS
37. CASE SENSITIVE
38. VARIABLES
39. var something
40. START WITH _ $ a A
41. DYNAMIC TYPED
42. BOOLEANS
43. FALSE VALUES 0 and NaN
44. COMPARISON OPERATORS
45. >
 < >= <= == === !=
46. LOGICAL OPERATORS
47. && || !
48. FOR
49. for (var a = 0; a < s; a++){ alert(“hello”);
 };
50. for (variable in object){ alert(“hello”);
 };
51. WHILE
52. while (something){ alert(“Do this”); };
53. IF
54. if (something){ alert(“Do this”); };
55. SWITCH
56. switch (expression){ case 1: alert(“do this”); break; default: alert(“nothing worked”); }
57. DO WHILE
58. do{ alert(“do this”); }while(something);
59. CREATING FUNCTIONS
60. function fuctionName(){ alert(“do something”); };
61. function functionName(one, two){ alert(“Do something”); return one + two };
62. ANONYMOUS FUNCTIONS
63. document.getElementyByID(“test”).onsubmit = function(){ alert(“Do something here.”); };