JavaScript & jQuery: The Missing Manual, 3rd Edition

JavaScript & jQuery: The Missing Manual

JavaScript lets you supercharge your HTML with animation, interactivity, and visual effects—but many web designers find the language hard to learn. This easy-to-read guide not only covers JavaScript basics, but also shows you how to save time and effort with the jQuery and jQuery UI libraries of prewritten JavaScript code. You’ll build web pages that feel and act like desktop programs—with little or no programming.

The important stuff you need to know:

• Pull back the curtain on JavaScript. Learn how to build a basic program with this language.
• Get up to speed on jQuery. Quickly assemble JavaScript programs that work well on multiple web browsers.
• Transform your user interface. Learn jQuery UI, the JavaScript library for interface features like design themes and controls.
• Make your pages interactive. Create JavaScript events that react to visitor actions.
• Use animations and effects. Build drop-down navigation menus, pop-ups, automated slideshows, and more.
• Collect data with web forms. Create easy-to-use forms that ensure more accurate visitor responses.
• Practice with living examples. Get step-by-step tutorials for web projects you can build yourself.

Where is variable defined, in JavaScript scope.

Whether you're coming to JavaScript from another language, or you're learning JavaScript as your first language, the way scope works -- that is, when and where your variables are defined -- might surprise you.

jQuery and JavaScript Phrasebook

jQuery and JavaScript Phrasebook (Developer's Library) 

Get more done faster with jQuery and JavaScript! Brad Dayley’s jQuery and JavaScript Phrasebook brings together 100+ instantly useful code snippets and idioms for performing a wide spectrum of common web application tasks. This hands-on guide gets straight to the essence of what’s new and important in jQuery and JavaScript, and what you need to know to build new web solutions or migrate existing sites to jQuery.

Building on JavaScript Phrasebook, Dayley presents carefully tested, flexible, adaptable code - all organized for quick lookup and easy use. Dayley’s coverage ranges from the basics to advanced jQuery capabilities, including jQueryUI widgets and mobile development. Coverage includes:

• Basics, including selecting and manipulating HTML elements with jQuery Selector
• Dynamically manipulating CSS values
• Handling browser and DOM events
• Performing validation
• Server communication
• REST, PHP, MySQL, AJAX, and JSON/XML data
• Positioning web page elements and making them interactive
• Using animation and other special effects
• And much more

jQuery and JavaScript Phrasebook is the perfect quick reference for millions of web developers who want reliable solutions they can use right now -- with no distractions and no diversions!

Getting Started with the Google Maps JavaScript API

This is a series of four videos walking you through getting started with the Google Maps JavaScript API (http://goo.gl/JnoETx).

The series covers:
- Creating a map
- Getting a Maps API key
- Using the key and the loader
- Walking through the basics of the code

Expert JavaScript

Expert JavaScript is your definitive guide to understanding how and why JavaScript behaves the way it does. Master the inner workings of JavaScript by learning in detail how modern applications are made. In covering lesser-understood aspects of this powerful language and truly understanding how it works, your JavaScript code and programming skills will improve. 

You will learn about core fundamentals of JavaScript, including deep dives into functions, scopes, closures, and practical object-oriented code. Mark Daggett explains clearly how closures, events, and asynchronous code really operate, as well as conventions and concepts to write JavaScript in a clear, pragmatic style. Many of the changes in ECMAScript6 and its implications are all explained. You'll be introduced to modern workflow tools to make application development faster, more enjoyable, and ostensibly more profitable. You'll understand how to measure code quality and write more testable JavaScript, and finally you'll learn about real-world applications of JavaScript, including JavaScript-powered robots.

JavaScript is one of the most powerful languages on the web today, and it is only getting stronger. This book will take you through the process of planning, coding, testing, profiling and finally releasing your application, at expert level. With more frameworks and more improvements than ever, now is the time to become an expert at JavaScript. Make this journey - use Expert JavaScript today.

What you’ll learn

• What is really going on underneath functions, in arguments, types, coercion, and scope
• How closures, events, and asynchronous code work at a fundamental level
• How to understand advanced topics including promise objects, coroutines, and generators
• How to apply this newfound knowledge pragmatically to build the very best modern JavaScript applications

Who this book is for

This book is for the experienced JavaScript programmer who wants to understand the how and why of their code in order to become a better developer. This book is not intended to teach JavaScript at a syntactical level, but instead delve deep into the code - the philosophy, the reasoning and the detailed expert-level knowledge behind it. This newfound knowledge will enable the reader to build the very best modern JavaScript applications.  It is for anyone who wants to become a better programmer by understanding at a very high level how the code works.

Table of Contents

1. Objects and Prototypes
2. Functions
3. Getting Closure
4. JavaScript Slang
5. Living Asynchronously
6. JavaScript IRL
7. Pragmatic JavaScript Style
8. Workflow
9. Code Quality
10. Improving Testability

Javascript and Web Performance

Colt McAnlis talks about the differences between minifaction and compression, and image solutions for web developers.

Real World Windows 8 App Development with JavaScript: Create Great Windows Store Apps

Real World Windows 8 App Development with JavaScript offers you practical advice and hard-earned insights that will help you create and publish apps to a worldwide market.

Led by authors with deep Windows 8 app development experience, you’ll learn how to make the most of Microsoft’s APIs for hooking into Windows 8 on all devices, including the core ideas of promises and the asynchronous programming model. You’ll also discover such important tips as how to
- Adhere to Windows 8 guidelines for successful app acceptance
- Extend the appeal of your app with media, contracts, charms, and user notifications
- Capture and work with media, including the ability to play video wirelessly to a television
- Manage background processing and file transfers
- Gain visibility for your app and add monetization optionsReal World Windows 8 App

Development with JavaScript features real-world examples that emphasize the use of JavaScript and HTML 5 and that also adhere to the stylistic guidelines Microsoft has put in place to maintain a consistent look and feel for all applications on this platform.

Get the low-down from authors with experience from the front lines of Windows 8 app development. Theory is all well and good, but when it comes down to it, you can’t beat practical advice from people who’ve been there and done it! You’ll come away from this book with all the tools, ideas, and inspiration you need to create successful Windows 8 JavaScript apps.

What you’ll learn

• The fundamentals of the asynchronous programming model
• Integrating your app with the Windows 8 system
• Working with and capturing media
• Extending your app with contracts and charms
• Giving users notifications
• Monetization and certification

Who this book is for

This book is for JavaScript developers wanting to create applications for sale in the Windows 8 app store. Developers should have a good knowledge of HTML5 and JavaScript, but no previous Windows 8 app development knowledge is required.

Table of Contents

1. The Windows 8 Ethos and Environment
2. Getting the Basics Right
3. Incorporating Layout and Controls
4. Navigating the Media Maze
5. Making the Most Out of Charms and Contracts
6. Solving the Printing Problem 
7. Providing Clear Notifications
8. Keeping Apps Running the the Background
9. Monetizing Your App: The Lowdown 
10. Getting your App on the Windows Store

Free online: Learning JavaScript Design Patterns

Learning JavaScript Design Patterns

Learning JavaScript Design Patterns is released under a Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 unported license. It is available for purchase via O'Reilly Media but will remain available for both free online and as a physical (or eBook) purchase for readers wishing to support the project.

Link: http://addyosmani.com/resources/essentialjsdesignpatterns/book/

Table Of Contents

• Introduction
• What is a Pattern?
• "Pattern"-ity Testing, Proto-Patterns & The Rule Of Three
• The Structure Of A Design Pattern
• Writing Design Patterns
• Anti-Patterns
• Categories Of Design Pattern
• Summary Table Of Design Pattern Categorization
• JavaScript Design Patterns
  • Constructor Pattern
  • Module Pattern
  • Revealing Module Pattern
  • Singleton Pattern
  • Observer Pattern
  • Mediator Pattern
  • Prototype Pattern
  • Command Pattern
  • Facade Pattern
  • Factory Pattern
  • Mixin Pattern
  • Decorator Pattern
  • Flyweight Pattern
• JavaScript MV* Patterns
  • MVC Pattern
  • MVP Pattern
  • MVVM Pattern
• Modern Modular JavaScript Design Patterns
  • AMD
  • CommonJS
  • ES Harmony
• Design Patterns In jQuery
  • Composite Pattern
  • Adapter Pattern
  • Facade Pattern
  • Observer Pattern
  • Iterator Pattern
  • Lazy Initialization Pattern
  • Proxy Pattern
  • Builder Pattern
• jQuery Plugin Design Patterns
• JavaScript Namespacing Patterns
• Conclusions
• References

Create your first Windows Store app using JavaScript

The tutorial series by Microsoft explain how to use JavaScript with HTML5 and Cascading Style Sheets (CSS) to create Windows Store apps.

Hello World of Windows Store app using JavaScript

• Part 1: Create a "Hello, world!" app
  Start here to create your first app, a simple "Hello, world" app that displays a personalized greeting. Learn how to
  - Create a new project
  - Add HTML content to your start page
  - Handle touch, pen, and mouse input
  - Switch between the light and dark style sheets
  - Create your own custom styles
  - Use a Windows Library for JavaScript control
• Part 2: Manage app lifecycle and state
  In Windows 8, you can launch several apps and switch between them without having to worry about slowing down the system or running the battery down. That's because the system automatically suspends (and sometimes terminates) apps that are running in the background for you. A well-designed app can be suspended, terminated, and relaunched by the system and seem as though it were running the entire time.
  In Part 2 of this tutorial series, you update your "Hello, world" app to respond to lifecycle events and save user and session data.
• Part 3: PageControl objects and navigation
  The "Hello, world" app that you created in the previous tutorials contains a single page of content, but most real-world apps will contain several pages. In this tutorial, you copy the code from your "Hello, world" app into a new app that uses the Navigation App template, and then you add an additional page and enable navigation between the app's pages.
• Part 4: Layout and orientation
  In this tutorial, we go over the basics of creating a user interface in HTML and CSS. To learn these basics, you create a simple photo viewer that lets the user pick an image from their Pictures Library, and then it shows the image and some info about the image file. For this tutorial, we start from scratch with a new app.
• Part 5: File access and pickers
  In this tutorial, you add functionality to the app you created in Part 4: Layout and views. First, you handle the "Get photo" button click event to open a file picker and let the user select an image from their Pictures library. Then you bind UI controls to file properties to show the picture info. Finally, we revisit what you learned in Part 2 about how to save app state. Here, you use a MostRecentlyUsedList to keep access to the image selected by the user.
• Doc roadmap
  After you're done with the tutorials, check out the doc roadmap for a list of key resources that can help you learn more about creating Windows Store apps using JavaScript.

Google Maps Javascript API Version 3 is now the official Javascript API

The Google Maps Javascript API Version 3 is now the official Javascript API. Version 2 of this API has been officially deprecated as per our deprecation policy. You are encouraged to migrate your code to this newly updated and enhanced version!

https://developers.google.com/maps/documentation/javascript/

Start Here! Build Windows 8 Apps with HTML5 and JavaScript

Ready to learn Windows 8 programming? Start Here!™

Learn the fundamentals of Windows 8 programming—and begin creating apps for desktops, laptops, tablets, and other devices. If you have previous experience with HTML5 and JavaScript—simply start here! This book introduces must-know concepts and getting-started techniques through easy-to-follow explanations, examples, and exercises.

Here’s where you start learning Windows 8 app development

• Build on your knowledge of HTML5, CSS, and JavaScript
• Create photo and media galleries with built-in HTML widgets
• Interact with the system through live tiles, contracts, and view state detection
• Store and access data on the local device and via the Internet
• Access webcam, GPS, and other sensors embedded in the device
• Create your first programs and publish them to the Windows Store

Read the book "Programming JavaScript Applications" Early Release online for FREE

Programming JavaScript Applications Early Release

With this digital Early Release edition of Programming JavaScript Applications by Eric Elliott, you get the entire book bundle in its earliest form—the author's raw and unedited content—so you can take advantage of this content long before the book's official release. You'll also receive updates when significant changes are made, as well as the final ebook version.

Take your existing JavaScript skills to the next level and learn how to build complete web scale or enterprise applications that are easy to extend and maintain. By applying the design patterns outlined in this book, you’ll learn how to write flexible and resilient code that’s easier—not harder—to work with as your code base grows.

Using Dart and JavaScript together in your web app.

Free ebook: Programming Windows 8 Apps with HTML, CSS, and JavaScript

To help celebrate //build/, Kraig Brockschmidt is delighted to announce the completion of Programming Windows 8 Apps with HTML, CSS, and JavaScript! from Microsoft Press for FREE.

The ebook in PDF format can be downloaded here: http://go.microsoft.com/FWLink/?Linkid=270056 (17.9 MB)

(Note: EPUB and MOBI formats will be provided in the near future.)

The ebook’s companion content is here: http://go.microsoft.com/FWLink/?Linkid=270057 (60.0 MB)

Source: Microsoft Press blog

FREE eBook: Programming Windows 8 Apps with HTML, CSS, and JavaScript (Second Preview)

The ebook "Programming Windows 8 Apps with HTML, CSS, and JavaScript (Second Preview)" from Microsoft Press is available to download for FREE!

DOWNLOAD LINKS:

You can download the Second Preview (PDF only) here (13.5 MB).

And you can download the Second Preview’s companion content here (64.9 MB).

FREE eBook from Microsoft: Developing Modern Mobile Web Apps

Developing Modern Mobile Web Apps

This project provides guidance on building mobile web experiences using HTML5, CSS3, and JavaScript. Developing web apps for mobile browsers can be less forgiving than developing for desktop browsers. There are issues of screen size, the availability of specific feature support, and other differences between mobile browsers that will impact how you develop your apps. In addition, there are various levels of support for the emerging standards of HTML5 and CSS3, and standards for some features, such as touch, are just beginning to take shape. All of these factors suggest that it is best to keep your HTML, CSS, and JavaScript as simple as you can in order to ensure compatibility with as many devices as possible. This project illustrates how to do this, as well as how to add more advanced functionality where supported.

Applies to: ASP.NET MVC 4, HTML5, CSS3, and JavaScript
Source: MSDN Library (patterns & practices)

E-book publication date: June 2012
111 pages

• EPUB
• MOBI
• PDF
• Source content

Google Web Search API (Deprecated)

The Google Web Search API lets you put Google Search in your web pages with JavaScript. You can embed a simple, dynamic search box and display search results in your own web pages or use the results in innovative, programmatic ways.

Note: The Google Web Search API has been officially deprecated. It will continue to work as per Google's deprecation policy, but the number of requests you may make per day will be limited. Therefore, you are encouraged to move to the new Custom Search API.

Example:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>Hello World - Google  Web Search API Sample</title>
    <script src="https://www.google.com/jsapi"
        type="text/javascript"></script>
    <script language="Javascript" type="text/javascript">
    //<!
    google.load('search', '1');

    function OnLoad() {
      // Create a search control
      var searchControl = new google.search.SearchControl();

      // Add in a full set of searchers
      var localSearch = new google.search.LocalSearch();
      searchControl.addSearcher(localSearch);
      searchControl.addSearcher(new google.search.WebSearch());
      searchControl.addSearcher(new google.search.VideoSearch());
      searchControl.addSearcher(new google.search.BlogSearch());
      searchControl.addSearcher(new google.search.NewsSearch());
      searchControl.addSearcher(new google.search.ImageSearch());
      searchControl.addSearcher(new google.search.BookSearch());
      searchControl.addSearcher(new google.search.PatentSearch());

      // tell the searcher to draw itself and tell it where to attach
      searchControl.draw(document.getElementById("searchcontrol"));

      // execute an inital search
      searchControl.execute("mobile-web-app.blogspot.com");
    }
    google.setOnLoadCallback(OnLoad);

    //]]>
    </script>
  </head>
  <body>
    <div id="searchcontrol">Loading</div>
  </body>
</html>

Tile5 - opensource HTML5 mapping javascript library

Tile5 is an opensource HTML5 mapping javascript library that gives developers the ability to use existing mapping engines and provide a rich HTML5 experience. Tile5 can also be used to create more generic HTML5 tiling interfaces. 


Tile5 is targeted primarily at mobile devices that support HTML5. The goal is to achieve compatibility with all mobile devices considered “Class A” on the jQuery Mobile GBS chart. Longer term intend to support the various desktop browsers as well (some even work right now).

Tile5 Code Playground

Free ebook download from Microsoft Press: Programming Windows 8 Apps with HTML, CSS, and JavaScript (Second Preview)

The second preview edition of “Programming Windows 8 Apps with HTML, CSS, and JavaScript” by Kraig Brockschmidt is available from Microsoft Press for free in pdf format. The book currently contains 12 chapters and it will be expanded and other ebook formats will be available with the complete book.  Sample code also can be downloaded.

Description
This book is about writing Metro style apps for Windows 8 using HTML5, CSS3, and JavaScript. Our primary focus will be on applying these web technologies within the Windows 8 platform, where there are unique considerations, and not on exploring the details of those web technologies themselves.

The new chapters cover collection controls (everything you wanted to know about ListView!), layout (especially view states), commanding UI (app bars, message dialogs, and their friends), the all-important topic of managing state, a close look at input and sensors (a form of input, really), media, animations, and contracts (share, search, the file pickers, and contacts). The earlier preview chapters (1-4) have also been updated and refined.

Table of Contents

• The Life Story of a Metro Style App: Platform Characteristics of Windows 8
• Quickstart
• App Anatomy and Page Navigation
• Controls, Control Styling, and Basic Data Binding
• Collections and Collection Controls
• Layout
• Commanding UI
• State, Settings, Files, and Documents
• Input and Sensors
• Media
• Purposeful Animations
• Contracts

Download Link: http://blogs.msdn.com/b/microsoft_press/archive/2012/08/20/free-ebook-programming-windows-8-apps-with-html-css-and-javascript-second-preview.aspx 

Google announced Octane: the JavaScript benchmark suite for the modern web

Google released Octane, a JavaScript benchmark suite that aims to measure a browser’s performance when running the complex and demanding web applications that users interact with daily.

overview of the new tests:

• Box2DWeb runs a JavaScript port of a popular 2D physics engine that is behind many well-known simulations and web games.
• Mandreel puts a JavaScript port of the 3D Bullet Engine to the test with a twist: The original C++ source code for the engine is translated to JavaScript by Onan Games’ Mandreel compiler, which is also used in countless web-based games.
• Pdf.js is based on Mozilla’s PDF reader and shows how Javascript applications can replace complex native browser plug-ins. It measures how fast the browser decodes a sample PDF document.
• GB Emulator is derived from an open source emulator of a famous game console running a 3D demo.
• CodeLoad measures how quickly a JavaScript engine can bootstrap commonly used JavaScript libraries and start executing code in them. The source for this test is derived from open source libraries (Closure, jQuery).

Source: Chromium Blog - Octane: the JavaScript benchmark suite for the modern web