Recommended
More Related Content
What's hot
What's hot (20)
Similar to JavaScript Beginner Guide to Data Types, Variables, Loops & More
Similar to JavaScript Beginner Guide to Data Types, Variables, Loops & More (20)
More from AndryRajohnson
Recently uploaded
Recently uploaded (20)
JavaScript Beginner Guide to Data Types, Variables, Loops & More
- 2. Let's talk about JavaScript
- 4. Sublime Text
- 5. JS Bin
- 10. Object { "first_name" : "Matt", "last_name" : "Smith" } [ "john", "paul", "ringo", "george" ]
- 11. null undefined
- 13. let firstName;
- 14. let firstName = "John"; "John"
- 18. if (weather === "rainy") { console.log("Take an umbrella"); }
- 19. if (weather === "rainy") { console.log("Take an umbrella"); } else { console.log("Take your sunglasses"); }
- 20. if (weather === "rainy") { console.log("Take an umbrella"); } else if (weather === "stormy") { console.log("Sta y at home"); } else { console.log("Tak e your sunglasses"); }
- 21. Boolean algebra &&, ||, !
- 22. let result = a && b; Logical and a b result false false false false true false true false false true true true
- 23. va r rain = true ; va r wind = true ;if (rain && wind) { console.log("Really stay at home"); }
- 24. var result = a || b; Logical or a b result false false false false true true true false true true true true
- 25. var day = "Saturday"; if (day === "Saturday" || day === "Sunday") { console.log("It's the week-end!"); }
- 26. var result = !a; Logical not a result true false false true
- 27. var sunny = true; if (!sunny) { console.log("Cancel the beach"); }
- 28. var weather = "raining"; if (weather !== "sunny") { console.log("Cancel the beach"); }
- 29. Exercise Filter names starting with a "B"
- 30. Loops for, while
- 31. Array var students = [ "john", "paul", "ringo" ]; students.lengt h // => 3 students[0] // => "john" students[2] // => "ringo " students[1] // => "paul"
- 32. For for (let i = 0; i < students.length; i += 1) { console.log(students[i]); }
- 33. Exercise bis Filter names starting with a "B"
- 36. function name(parameters) { body (return statement) } Or
- 37. function fullName(first, last) { var name = first + " " + last; return name; } Example: Full Name
- 38. fullName("John", "Lennon"); Calling a function Function name arguments
- 39. Filter names starting with "B" starting with "C" … Exercise ter
- 40. DOM
- 51. https://code.jquery.com/jquery-1.11.3.min.js $(document).ready(function() { // The jQuery-dependent code });
- 54. #cart $("#cart").hide(); <h1> Hello </h1> <div id="cart"> […] </div> <div> […] </div> Id selector
- 55. .red $(".red").hide(); <div class="green"> Hello </h1> <div class="red"> […] </div> <div class="red"> […] </div> Class selector
- 58. $("#cart").addClass(‘bold’); <div id="cart" class="red"> […] </div> <div id="cart" class="bold red"> […] </div>
- 59. $("#cart").removeClass(‘bold’); <div id="cart" class="bold red"> […] </div> <div id="cart" class="red"> […] </div>
- 60. 2 - Event Handling
- 62. $('#an-element').on('click', function() { alert("You have clicked"); });
- 63. 3 - AJAX (To be continued…)
- 64. Resources