Dasar-Dasar Program Keahlian Program Perangakat Lunak dan Gim
- 1. Dasar PK PPLG Sinta Nurhayati, S.Pd SMKN 6 Kota Tangerang Selatan
- 2. Carilah sejarah JavaScript melalui media yang kamu kuasai! JAVASCRI PT
- 6. JavaScript Basic Interpreter VS Compiler
- 8. Data Types
- 9. Numbers JS has one number type • Positive numbers • Negatives numbers • Whole numbers (integers) • Decimal numbers
- 10. Math Operator
- 12. NOT A NUMBER NaN NaN is a numeric value that represents something that is...not a number ex : 10/0
- 13. Variables VARIABLES ARE LIKE LABELS FOR VALUES • We can store a value and give it a name so that we can: • Refer back to it later • Use that value to do...stuff Num of Votes 72
- 14. Basic Syntax Make me a variable called "year" and give it the value of 1987
- 15. Recall Values
- 16. CONST
- 17. Why Use Const Once we cover Arrays & Objects, we'll see other situations where const makes sense over let.
- 18. What is the value of totalScore?
- 19. What is the value of temperature?
- 20. What is the value of bankBalance?
- 21. What is the value of bankBalance?
- 22. What is the value of bankBalance?
- 23. CONDITIO NALS What do we choose? Sleep or Play? How should we do? Go or Stop? Making Decisions With Code Which one prettier? Dian Sastro or Pevita Pearce
- 24. IF STATEMEN T Only runs code if given condition is true
- 25. ELSE IF If not the first thing, maybe this other thing??
- 26. ELSE IF We can add multiple else ifs!
- 27. ELSE IF If nothing else was true, do this...
- 28. NESTING We can nest conditionals inside conditionals
- 29. TRUTHY AND FALSY VALUES • All JS values have an inherent truthyness or falsyness about them • Falsy values: ⚬ false ⚬ 0 "" (empty string) null ⚬ undefined ⚬ NaN • Everything else is truthy!
- 31. AND Both sides must be true, for the entire thing to be true
- 32. AND Both sides must be true, for the entire thing to be true
- 33. OR If one side is true, the entire thing is true
- 34. OR If one side is true, the entire thing is true
- 35. NOT !expression returns true if expression is false
- 36. JS LOOPS REPEAT STUFF. REPEAT STUFF. REPEAT STUFF.
- 37. LOOPS Loops allow us to repeat code • "Print 'hello' 10 times • Sum all numbers in an array There are multiple types: • for loop • while loop • for...of loop • for...in loop
- 38. FOR LOOP SYNTAX
- 40. ANOTHER EXAMPLE • Start i at 50 • Subtract 10 each iteration • Keep going as long as i >= 0
- 41. INFINITE LOOPS
- 42. NESTED LOOPS
- 43. WHILE LOOPS While loops continue running as long as the test condition is true.
- 44. ARRAY OUR FIRST DATA STRUCTURE
- 45. ARRAYS Ordered collections of values. • List of comments on IG post • Collection of levels in a game • Songs in a playlist
- 46. CREATING ARRAYS
- 47. ARRAYS ARE INDEXED Each element has a corresponding index (counting starts at 0) 0 1 2 3 4 5 6
- 48. ARRAYS ARE INDEXED Each element has a corresponding index (counting starts at 0)
- 49. NESTED ARRAYS Each element has a corresponding index (counting starts at 0)
- 50. OBJECT OUR 2nd DATA STRUCTURE
- 52. USING AN OBJECT!
- 53. JS FUNCTIONS REPEAT STUFF. REPEAT STUFF. REPEAT STUFF.
- 54. FUNCTIONS A function definition (also called a function declaration, or function statement) consists of the function keyword, followed by : • the name of function • a list of parameters to the function, enclosed in parentheses and separated by commas • The javascript statements that define the function, enclosed in curly braces, { /* ... */ }
- 55. OOP
- 57. OOP LEARNING OUTCOMES: • Understand that in JavaScript most things are objects, and you've probably used objects every time you've touched JavaScript. • Basic syntax: Object literals, properties and methods, nesting objects and arrays in objects. • Using constructors to create a new object.
- 58. Object Basics • Object-oriented programming (OOP) is a programming paradigm based on the concept of objects; • We use objects to model (describe) real-world or abstract features; • Objects may contain data (properties) and code (methods). By using objects, we pack data and the corresponding behavior into one block; • In OOP, objects are self-contained pieces/blocks of code; • Objects are building blocks of applications, and interact with one another; • Interactions happen through a public interface (API) : methods that the code outside of the object can access and
- 61. The 4 Fundamental OOP Principal
- 62. Principal #1
- 63. Principal #2
- 64. Principal #3
- 65. Principal #4
- 66. Terima Kasih