technology3-javascript-basics
0 likes514 views
This document provides an introduction to JavaScript basics, covering what JavaScript is, how it is used in browsers and other environments, its data types, variables, functions, and scope. It discusses JavaScript's standardization by ECMA and how JavaScript can be used for client-side scripting, server-side applications with Node.js, and programming hardware with Arduino. The document also provides an overview of JavaScript syntax and keywords like comments, statements, and functions.
![Data Types
•
Primary
!
•
•
“Hello” - “” - “1984” - “TRUE”
•
Number
•
19 - 19.333
•
•
String
Boolean
•
true - false
•
var car = { myCar: “Saturn", getCar:
CarTypes("Honda"), special: Sales };
•
var coffees = ["French Roast", "Colombian", "Kona"];
•
Object
•
•
!
Composite
Array
Special
•
Special
•
Null
•
null, 0, false.
•
Undefined
•
undefined value.
WOODIWISS.ME](https://image.slidesharecdn.com/technology-3-javascript-basics-131102055030-phpapp01/85/technology3-javascript-basics-19-320.jpg)
technology3-javascript-basics
- 1. Javascript The Basics WOODIWISS.ME Freelance Web Developer & Lecturer in the Winchester, Hampshire area.
- 2. What’s covered • What is JavaScript • Comments • JavaScript in a Browser • Data Types • Variables • Functions • Statements • Scope WOODIWISS.ME
- 3. What is JavaScript • Lightweight Scripting Language. • Interpreted. • Object Orientated. • Prototype-based. WOODIWISS.ME
- 4. Easy to pick up. difficult to master. WOODIWISS.ME Freelance Web Developer & Lecturer in the Winchester, Hampshire area.
- 6. ECMA What/Who is ECMA? • European Computer Manufacturers Association. WOODIWISS.ME
- 7. ECMA What/Who is ECMA? • European Computer Manufacturers Association. • Non-profit Standards Organisation. WOODIWISS.ME
- 8. ECMA What/Who is ECMA? • European Computer Manufacturers Association. • Non-profit Standards Organisation. • Introducing ECMAScript! WOODIWISS.ME
- 10. So what can javascript do? WOODIWISS.ME Freelance Web Developer & Lecturer in the Winchester, Hampshire area.
- 11. Hardware Programming • Arduino via NodeJS framework. • Tessel - micro-controller that runs JavaScript. • Uniduino - gives you the power to connect the Unity game engine to Arduino. • Control peripherals e.g. GamePads. WOODIWISS.ME
- 12. Create Hybrid Apps • PhoneGap - iOS, Android, Blackberry, Windows Phone & more. • TideSDK - Windows, OSX, Linux. • Icenieum - Windows, Web, iOS. • Chrome Apps. WOODIWISS.ME
- 14. Client Side • Vanilla JavaScript in a browser. • jQuery - simplify client side scripting. • Zepto - Lightweight jQuery alternative. • Three.js - 3D graphics on the web. • AngularJS - SPA framework. • jQuery Mobile - Touch optimised. WOODIWISS.ME
- 15. In the Browser • Lets look at some Developer tools. • Firefox - Firebug. • Chrome - Web Developer Tools. • Internet Explorer - Developer ToolBar. • Opera - Dragonfly. WOODIWISS.ME
- 16. Variables • Used to store data. • Single line style. • Multiline. • Typically must begin with a letter ( $ and _ are valid ) • Case sensitive. • Over-writable - dynamic. WOODIWISS.ME
- 17. Statements • The end of a command. • Tells the interpreter (browser) that your intention is finished. WOODIWISS.ME
- 18. Comments • Helpful notes. • Good for debugging. • Working with others. • Don’t overuse. WOODIWISS.ME
- 19. Data Types • Primary ! • • “Hello” - “” - “1984” - “TRUE” • Number • 19 - 19.333 • • String Boolean • true - false • var car = { myCar: “Saturn", getCar: CarTypes("Honda"), special: Sales }; • var coffees = ["French Roast", "Colombian", "Kona"]; • Object • • ! Composite Array Special • Special • Null • null, 0, false. • Undefined • undefined value. WOODIWISS.ME
- 21. Calling / Invoking Line 12 WOODIWISS.ME
- 22. WOODIWISS.ME
- 23. WOODIWISS.ME
- 26. Define with arguments. Call with arguments. WOODIWISS.ME
- 27. Define with arguments. Call with arguments. WOODIWISS.ME
- 28. Define with arguments. 1 Call with arguments. WOODIWISS.ME
- 29. Define with arguments. 1 Call with arguments. WOODIWISS.ME
- 30. Define with arguments. 1 Call with arguments. WOODIWISS.ME
- 31. Define with arguments. 1 1 Call with arguments. WOODIWISS.ME
- 32. Define with arguments. 1 1 Call with arguments. WOODIWISS.ME 1
- 33. Define with arguments. 1 1 Call with arguments. WOODIWISS.ME 1
- 34. Define with arguments. 1 10 1 Call with arguments. WOODIWISS.ME 1
- 35. Define with arguments. 1 10 1 Call with arguments. WOODIWISS.ME 1
- 36. Define with arguments. 1 10 10 1 Call with arguments. WOODIWISS.ME 1
- 38. WOODIWISS.ME
- 39. WOODIWISS.ME
- 40. WOODIWISS.ME
- 41. WOODIWISS.ME
- 43. Questions? WOODIWISS.ME Freelance Web Developer & Lecturer in the Winchester, Hampshire area.