book

JavaScript Step by Step

by Steve Suehring

June 2013

Beginner

482 pages

11h 16m

English

Microsoft Press

Read now

Unlock full access

Who should read this bookAssumptionsWho should not read this bookOrganization of this bookConventions and features in this bookSystem requirementsCode SamplesInstalling the Code SamplesUsing the Code SamplesAcknowledgmentsErrata & Book SupportWe Want to Hear from YouStay in Touch
A brief history of JavaScriptEnter Internet Explorer 3.0And then came ECMAScriptSo many standards...The DOMWhat’s in a JavaScript program?JavaScript placement on your webpageWhat JavaScript can doWhat JavaScript can’t doJavaScript can’t be forced on a clientJavaScript can’t guarantee data securityJavaScript can’t cross domainsJavaScript doesn’t do serversTips for using JavaScriptWhere JavaScript fitsWhich browsers should the site support?And then came Windows 8Exercises
JavaScript development optionsConfiguring your environmentWriting JavaScript with Visual Studio 2012Your first web (and JavaScript) project with Visual Studio 2012Using external JavaScript files with Visual Studio 2012Debugging JavaScriptExercises
A bit of housekeepingCase sensitivityWhite spaceCommentsSemicolonsLine breaksPlacing JavaScript correctlyJavaScript statementsWhat’s in a statement?The two types of JavaScript statementsReserved words in JavaScriptA quick look at functionsJavaScript’s strict modeExercises
Data types in JavaScriptWorking with numbersNumeric functionsThe Math objectWorking with stringsEscaping quotation marksOther escape charactersString methods and propertiesBooleansNullUndefinedObjectsArraysDefining and using variablesDeclaring variablesVariable typesVariable scopeThe Date objectUsing the RegExp objectThe syntax of regular expressionsReferences and garbage collectionLearning about type conversionsNumber conversionsString conversionsBoolean conversionsExercises
Meet the operatorsAdditive operatorsMultiplicative operatorsBitwise operatorsEquality operatorsRelational operatorsThe in operatorThe instanceof operatorUnary operatorsIncrementing and decrementingConverting to a number with the plus signCreating a negative number with the minus signNegating with bitwise not and logical notUsing the delete operatorReturning variable types with the typeof operatorAssignment operatorsThe importance of byte conservation (a.k.a. minification)The comma operatorExercises
If (and how)Syntax for if statementsThe prompt() function in Internet ExplorerCompound conditionsUsing else if and else statementsWorking with ternary conditionalsTesting with switchLooping with whileThe while statementMaking sure the code executes at least onceChanging the conditionThe do...while statementUsing for loopsThe for loopThe for...in loopThe for each...in loopValidating forms with conditionalsExercises
What’s in a function?Function parametersVariable scoping revisitedReturn valuesMore on calling functionsAnonymous/unnamed functions (function literals)ClosuresMethodsA look at dialog functionsExercises

Object-oriented developmentObjectsPropertiesMethodsClassesCreating objectsAdding properties to objectsDisplaying object propertiesLooking for a propertyAdding methods to objectsFinding out more about arraysThe length propertyArray methodsUsing concat() to add elementsJoining and concatenating with joinUsing push and pop to add and remove elementsUsing shift and unshift to add and remove elementsUsing slice() to return parts of an arraySorting elements with sort()Iterating through arraysTaking advantage of built-in objectsMaking URIs safeUsing the eval() methodExercises
Introducing the browserThe browser hierarchyEventsA sense of selfGetting information about the screenUsing the navigator objectThe location objectThe history objectExercises
Understanding programming librariesDefining your own JavaScript libraryLooking at popular JavaScript libraries and frameworksjQueryModernizrYahoo! User InterfaceMooToolsOther librariesExercises
jQuery primerUsing jQueryThe two jQuery downloadsIncluding jQueryBasic jQuery syntaxConnecting jQuery to the load eventUsing selectorsSelecting elements by IDSelecting elements by classSelecting elements by typeSelecting elements by hierarchySelecting elements by positionSelecting elements by attributeSelecting form elementsMore selectorsFunctionsTraversing the DOMWorking with attributesChanging text and HTMLInserting elementsCallback functionsMore jQueryExercises
The Document Object Model definedDOM Level 0: The legacy DOMDOM Levels 1 through 3The DOM as a treeWorking with nodesRetrieving elementsRetrieving elements by IDRetrieving by tag nameHTML collectionsWorking with siblingsWorking with attributesViewing attributesSetting attributesCreating elementsAdding textAdding an element and setting an IDDeleting elementsExercises
Understanding window eventsThe event modelsUsing the DOM 0 modelNewer event models: W3C and Internet ExplorerA generic event handlerjQuery event handlingBinding and unbindingDetecting visitor informationA brief look at the userAgent propertyFeature testingKeeping JavaScript away from older browsersOther navigator properties and methodsOpening, closing, and resizing windowsWindow opening best practicesOpening tabs: no JavaScript necessaryResizing and moving windowsTimersEventsMouse events and hoverMany more event handlersExercises
Working with image hoversA simple hoverModern hovers with jQueryA closer look at the exercisePreloading imagesWorking with slide showsCreating a slide showMoving backwardA jQuery slide showWorking with image mapsExercises
JavaScript and web formsValidation with JavaScriptValidation with jQueryWorking with form informationWorking with select boxesWorking with check boxesWorking with radio buttonsPre-validating form dataHacking JavaScript validationValidating a text fieldExercises
What is CSS?Using properties and selectorsApplying CSSThe relationship between JavaScript and CSSSetting element styles by IDSetting element styles by typeSetting CSS classes with JavaScriptRetrieving element styles with JavaScriptExercises
Installing jQuery UIObtaining jQuery UIInstalling jQuery UIBuilding a jQuery UI demonstration pageCreating a jQuery UI calendarCustomizing the calendarAdding buttonsDisplaying multiple monthsAdding month and year drop-down listsLimiting the date rangeAdding a dialog boxCreating a modal dialogAdding buttonsMore JQuery UIExercises
A walkthrough of jQuery MobileGetting jQuery MobileDownloading jQuery MobileTesting jQuery MobileLinking with jQuery MobileCreating a linkChanging the page transitionLinking without AJAXEnhancing the page with toolbarsAdding a navigation barAdding a footer navigation barAdding buttons to toolbarsOther toolbar enhancementsChanging the toolbar colorPersistent toolbarEven more jQuery MobileExercises
JavaScript application architectureThe big three: display, behavior, dataDisplay: page layoutBehavior: controlling what happens whenData: consume, display, and validateJavaScript and web interfacesIntroduction to AJAXAJAX with jQueryAJAX without the XWhat’s Next?
The XMLHttpRequest objectInstantiating the XMLHttpRequest objectSending an AJAX requestProcessing an AJAX responseProcessing XML responsesWorking with JSONProcessing headersUsing the POST methodAJAX and jQueryAJAX errors and time-outsSending data to the serverOther important optionsExercise
Windows 8 appsDeveloping Windows 8 appsDevelopment guidelinesThe development processPlanning and designing the appDeveloping the appPackaging and testing the appDistributing Windows appsDistributing in the Windows StoreDistributing in an enterpriseSummary
Installing Visual Studio 2012Installing Visual Studio 2012 Express for Windows 8Windows 8 app templatesBlank App templateGrid App templateSplit App templateSetting app details in the App ManifestPackaging apps for the Windows StoreCertification requirementsHow do I make money?The technical processExercises
The app development processStarting the app design and programmingCustomizing the appCustomize the JavaScriptCustomize the main HTMLCustomize the detail HTMLCustomize the CSSFinalizing the appCustomizing the Package ManifestAdding a splash screen, logo, and tile imageDefining capabilitiesTesting the appSummary
Chapter 1Chapter 2Chapter 3Chapter 4Chapter 5Chapter 6Chapter 7Chapter 8Chapter 9Chapter 10Chapter 11Chapter 12Chapter 13Chapter 14Chapter 15Chapter 16Chapter 17Chapter 18Chapter 19Chapter 20Chapter 21Chapter 22Chapter 23
Writing JavaScript with EclipseYour first web (and JavaScript) project with EclipseUsing external JavaScript files with EclipseWriting JavaScript without an IDEYour first web (and JavaScript) project with NotepadUsing external JavaScript files without an IDE

Overview

Your hands-on guide to JavaScript fundamentals

Expand your expertise—and teach yourself the fundamentals of JavaScript. If you have previous programming experience but are new to JavaScript, this tutorial delivers the step-by-step guidance and coding exercises you need to master core topics and techniques.

Discover how to:

Work with JavaScript syntax, variables, and data types

Master techniques for building cross-browser programs

Speed up and simplify app development with jQuery

Quickly retrieve data from a server using AJAX requests

Adapt your app for mobile devices with jQuery Mobile

Build Windows 8 apps using HTML, CSS, and JavaScript