Welcome to JavaScript

Learn JavaScript by following a simple and practical example. The goal of the talk is to give beginners the tools to learn on their own.

Transcript

1. Welcome to JavaScript! @this_ahmed
2. History? tl;dr
3. History? tl;dr
4. JavaScript is the language of the web • Standardized as ECMAScript (latest stable is version 5) • Browsers implement this standard in their engines. e.g. Chrome (browser) => V8 (engine) • ECMAScript 6 standard finalized June 2015
5. –Douglas Crockford “JavaScript is the only language people feel like they don't need to learn to use.”
6. JS is a sound investment
7. JS is a sound investment
8. JS is a sound investment
9. JS is a sound investment
10. JS is a sound investment
11. Example 1: Select text
12. what do we need? • a way to respond to user actions (e.g. click!) • a way to make changes to the pages (e.g. select the text-area’s contents)
13. “The DOM”
14. it’s an API
15. API “Outside” “Inside” DOM is an API
16. how do I use the DOM? https://developer.mozilla.org
21. “String”
22. Variable
24. variable string
26. how do we know when someone clicks button?
33. !!!
35. Functions
36. Functions
38. back to our function
41. DOM interfaces https://developer.mozilla.org/en-US/docs/Web/API/ Document_Object_Model
42. HTMLTextAreaElement it’s a JavaScript Object
43. Object
44. Object Number
45. Object property!
46. Object property! method
47. document is an object?
48. HTMLTextAreaElement is an object
52. What did we learn? • DOM and API • Mozilla Developer Network • Types: String, Number • Variables • events and addEventListener • Functions • Statements and semicolons • DOM interfaces, Objects, properties and methods.
54. Resources • jstherightway.org • jsforcats.com • javascript.com
55. fin i have more examples, come talk to me!