Intro to javascript (4 week)
5 likes1,065 views
This document is an introduction to JavaScript presented by Jamal O'Garro of Code Crew. It covers the basics of JavaScript including data types, operators, variables, functions, objects, and the DOM. It also discusses more advanced topics like object-oriented JavaScript, prototypal inheritance, AJAX, APIs, frameworks, and Node.js. The goal is to provide an overview of the core concepts and capabilities of the JavaScript programming language.
Intro to javascript (4 week)
- 1. CODE CREW | INTRO TO JAVASCRIPT INTRO TO JAVASCRIPT Jamal O’Garro Code Crew Software Engineer + Instructor
- 2. CODE CREW | INTRO TO JAVASCRIPT JAVASCRIPT • Is a programming language • Created by Netscape • Runs in browser & server • Java is not JavaScript! • Is actually named ECMAScript
- 3. CODE CREW | INTRO TO JAVASCRIPT WHAT DOES JAVASCRIPT LOOK LIKE?
- 4. CODE CREW | INTRO TO JAVASCRIPT DATA TYPES
- 5. CODE CREW | INTRO TO JAVASCRIPT LOGICAL OPERATORS
- 6. CODE CREW | INTRO TO JAVASCRIPT VARIABLES
- 7. CODE CREW | INTRO TO JAVASCRIPT UNDEFINED vs. NULL • Both represent absence of a value • If a variable has not been initialized it is “undefined” • Null is used to initialize or empty a variable
- 8. CODE CREW | INTRO TO JAVASCRIPT IF / ELSE STATEMENTS
- 9. CODE CREW | INTRO TO JAVASCRIPT ARRAYS
- 10. CODE CREW | INTRO TO JAVASCRIPT LOOPS
- 11. CODE CREW | INTRO TO JAVASCRIPT FUNCTIONS
- 12. CODE CREW | INTRO TO JAVASCRIPT MORE ABOUT FUNCTIONS • Function declarations • Function expressions • Functions and scope • Anonymous functions vs named functions
- 13. CODE CREW | INTRO TO JAVASCRIPT OBJECTS
- 14. CODE CREW | INTRO TO JAVASCRIPT MORE ABOUT OBJECTS • There are several ways to create objects • If a variable is part of an object is called a property • If a function is part of an object it is called a method
- 15. CODE CREW | INTRO TO JAVASCRIPT EXERCISE
- 16. CODE CREW | INTRO TO JAVASCRIPT OBJECT-ORIENTED JAVASCRIPT
- 17. CODE CREW | INTRO TO JAVASCRIPT PROTOTYPAL INHERITANCE • JavaScript uses objects for inheritance • Objects are linked to each other by a special prototype object • If we create a new instance of an object using a constructor the new object “inherits” the properties and methods of the parent
- 18. CODE CREW | INTRO TO JAVASCRIPT CONSTRUCTOR FUNCTIONS Allow us to create new instances of objects
- 19. CODE CREW | INTRO TO JAVASCRIPT THIS • When a function is called as a method of an object, “this” is set to the object the method is called on • If we use “this” with a constructor function it refers to the new object being created • If “this” is called outside of the context of a function it will refer to the global object
- 20. CODE CREW | INTRO TO JAVASCRIPT THE DOM
- 21. CODE CREW | INTRO TO JAVASCRIPT DOM SELECTORS querySelector querySelectorAll getElementById getElementsByTagName getElementsByClassName
- 22. CODE CREW | INTRO TO JAVASCRIPT EVENTS onclick onfocus onblur onmouseover onload
- 23. CODE CREW | INTRO TO JAVASCRIPT jQUERY
- 24. jQUERY SELECTOR $ CODE CREW | INTRO TO JAVASCRIPT
- 25. jQUERY EVENTS click focus blur hover load CODE CREW | INTRO TO JAVASCRIPT
- 26. CODE CREW | INTRO TO JAVASCRIPT AJAX Allows us to dynamically update a web page without having to reload the entire page
- 27. CODE CREW | INTRO TO JAVASCRIPT APIs
- 28. CODE CREW | INTRO TO JAVASCRIPT JAVASCRIPT FRAMEWORKS
- 29. CODE CREW | INTRO TO JAVASCRIPT NODE.js
- 30. CODE CREW | INTRO TO JAVASCRIPT THANKS MUCH!!! Jamal O’Garro Code Crew Software Engineer + Instructor