Welcome to JavaScript

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.

Ca839bc293e4ca6f9fa327cf95a414a9?s=128

Ahmed Omran

July 10, 2015
Tweet

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

  17. None
  18. None
  19. None
  20. None
  21. “String”

  22. Variable

  23. None
  24. variable string

  25. None
  26. how do we know when someone clicks button?

  27. None
  28. None
  29. None
  30. None
  31. None
  32. None
  33. !!!

  34. None
  35. Functions

  36. Functions

  37. None
  38. back to our function

  39. None
  40. None
  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

  49. None
  50. None
  51. None
  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.
  53. None
  54. Resources • jstherightway.org • jsforcats.com • javascript.com

  55. fin i have more examples, come talk to me!