• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Javascriptbootcamp
 

Javascriptbootcamp

on

  • 2,219 views

 

Statistics

Views

Total Views
2,219
Views on SlideShare
2,215
Embed Views
4

Actions

Likes
9
Downloads
0
Comments
0

2 Embeds 4

http://www.techgig.com 3
http://10.150.200.102 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Javascriptbootcamp Javascriptbootcamp Presentation Transcript

    • javascript bootcamp by amy hoy, www.slash7.com
    • Javascript is a real boy language
    • avascript 1.3 Javasc J 1.2 ript t 1.4 rip 5 99 asc 1.1 .1 Jav est t rip ECMAScript, edition 1 asc Jav est. 1997
    • 1.5 t Javascript 1.6 rip sc va Ja far so nly o fox fire ECMAScript, edition 3 est. 1999
    • Follow Along www.squarefree.com/shell/shell.html
    • Syntax & Style
    • whirlwind tour
    • look ma, no primitives!
    • data types are fun! * Number * null * String * undefined * Boolean * RegExp
    • creating numbers
    • yes, they’re all numbers
    • creating strings creatin’ em
    • creating regexps
    • booleans - dead simple
    • null and undefined are special
    • doin’ stuff with basic types
    • creating arrays
    • this deserves repeating
    • creating simple functions
    • creating simple objects
    • this deserves repeating
    • if... or else!
    • gonna have to make a switch()
    • while()
    • do..while() while() while()
    • for(), our old friend
    • for..in(), a new trick!
    • strings
    • strings act like arrays
    • concatenation & auto type conversion
    • breakin’ up is not hard to do
    • the great escape. and unescape.
    • RegExps
    • a bit more on regexps
    • functions
    • closures & callbacks
    • function handles
    • the arguments object
    • objects
    • JavaScript Object Notation (JSON)
    • using a JSON object
    • turning strings into code (more JSON!)
    • don’t forget your commas
    • creating an object constructor
    • creating a better object constructor
    • Javascript has a prototype- based inheritance model
    • using prototype to extend objects
    • creating an object hierarchy SweetLiquid Molasses Soda KoolAid
    • creating the parent object
    • creating the children
    • creating the relationship
    • mucking about with your new objects
    • further extending objects
    • extending specific instances
    • exceptions
    • try..catch
    • fancier try..catch
    • throwing custom exceptions
    • throwing custom exceptions
    • throwing custom exception objects
    • catching custom exceptions
    • the browser
    • “Javascript” ECMAScript W3C DOM Document Object Model the split-personality language
    • Javascript the language is mostly compatible the DOM is the problem area IE is the problem, but not as bad as you’d think
    • Don’t hate the language, hate the runtime environment
    • the DOM
    • document head body div#sidebar div#main div.block div.block div.block p textNode b textNode
    • window document head body div#sidebar div#main div.block div.block div.block p textNode b textNode
    • iterating through the DOM tree
    • DOM element attributes
    • DOM element attributes
    • DOM element attributes
    • DOM element attributes
    • DOM element attributes & methods
    • DOM element attributes & methods
    • DOM element attributes & methods
    • node.childNodes
    • node.innerHTML
    • finding DOM elements by id
    • finding DOM elements by tagName
    • creating new DOM nodes
    • embedding javascript
    • Prototype
    • Development & Debugging
    • FireFox your long-term best bud
    • FireBug your new soulmate
    • inspecting DOM elements: source
    • inspecting DOM elements: style
    • inspecting DOM elements: live events
    • console: errors and filtering things to show
    • console: logging / inspecting AJAX requests
    • console: logging / inspecting AJAX requests
    • the step-thru debugger: new in FireBug .4
    • breakpoints step-through debugging flexible console logging built-in profiling & testing functionality live DOM inspector / editor the ability to send email
    • Javascript Shell no snazzy logo www.squarefree.com/shell/shell.html
    • Other Tools & Libraries JSUnit MochiKit jQuery moo.ajax moo.fx TrimPath Behavior & event:Selectors Scriptaculous (fx) moo.fx
    • Links for You http://www.slash7.com/ look for the list of presentations under the “Goodies” sidebar