Yui3在美团

This document summarizes a presentation on establishing a baseline for front-end developers. It discusses that front-end developers should have a solid understanding of JavaScript without jQuery, prototypal inheritance, Function.bind, and basic knowledge of frameworks like Backbone, Ember and CanJS. It also emphasizes the importance of skills with Git/GitHub, modular code and builds, developer tools, the command line, templates, CSS and testing.

JavaScript APIs - The Web is the Platform - MDN Hack Day, Santiago, Chile

Robert Nyman

JavaScript APIs - The Web is the Platform - MozCamp, Buenos Aires

Robert Nyman

Using Objects to Organize your jQuery Code

Mulberry: A Mobile App Development Toolkit

The document describes a mobile app development toolkit called Mulberry that includes: - A command line interface that creates an app structure with necessary files - An application framework for JavaScript, HTML templates, and CSS - A builder that generates production-ready builds for Android and iOS - Tools for managing routes, components, capabilities, stores, and page definitions to build the app functionality and interface

The document discusses several JavaScript APIs available in the browser including fullscreen API, camera API, WebRTC, Pointer Lock API, IndexedDB, battery status API, Boot to Gecko, telephony and SMS APIs, vibration API, and developer tools. It provides code examples for how to use these APIs to enable fullscreen mode, access camera and files, capture video streams, track pointer movement, store data in IndexedDB, get battery status, make phone calls and send SMS, trigger vibration, and debug web applications.

Building Large jQuery Applications

When you move beyond adding simple enhancements to your website with jQuery and start building full-blown client-side applications, how do you organize your code? At this month's Triangle JS Meetup, we'll take a look at patterns for application development using jQuery that promote the principles of tight encapsulation and loose coupling, including classes, the publish/subscribe paradigm, and dependency management and build systems.

H3 경쟁력있는 웹앱 개발을 위한 모바일 js 프레임웍

민태 김

This document compares JavaScript and HTML for building web applications. It discusses various JavaScript frameworks like jQueryMobile, Sencha Touch, and Dojo that can be used to build mobile web apps. It also discusses using data attributes in HTML to define app layout and structure when using frameworks like jQuery Mobile. Praha.JS is presented as an alternative JavaScript framework that uses a common layout system without pages, just views. HBOX and VBOX layout types are horizontal and vertical box layouts used in the Praha.JS framework.

Dojo Confessions

I’ve been using, teaching, and evangelizing about jQuery for years. The library's simplicity is seductive; after a while, it kind of writes itself. So why did I venture into the unknown world of Dojo for a recent project? Find out what I learned about JavaScript code organization, inheritance, dependency management, and more in a whirlwind beginner's tour of a toolkit that answers some of the big questions surrounding JavaScript development.

Standford 2015 week6

彼得潘 Pan

Cyclejs introduction

Arye Lukashevski

Cycle.js is a reactive JavaScript framework that uses RxJS streams to manage data flow in applications. It follows a unidirectional data flow model where drivers like DOMDriver handle interactions that produce events, which update models that then produce views. The document demonstrates how Cycle.js can be used to build a simple toggle component and compose it into a larger application to manage multiple toggled states through streams.

How Kris Writes Symfony Apps

How kris-writes-symfony-apps-london

How Kris Writes Symfony Apps

Drupal, meet Assetic

Drupal 8 leverages Assetic for managing Javascript and CSS assets. This library abstracts the headaches of integrating with the burgeoning universe of asset pre-processors and optimization tools available to the modern developer. The lead developer of Assetic will give a tour of the library and discuss the current state of the project, its strengths, and its weaknesses, and also touch on the future: Assetic 2.0.

Matters of State

If you have used Facebook's React library, then you are familiar with the concept of application state. React components are, at their core (and as noted in the official documentation), simple state machines. This declarative approach to building a UI may take some adjusting to, but it ultimately simplifies kludgy imperative code into smaller, much more manageable pieces. This pattern of manipulating state and responding to those changes can be implemented to great effect using the Symfony Event Dispatcher. This talk will step through this state-based approach to building an easily maintained and testable PHP application, tease out a few gotchas, and share real-world applications.

An Introduction to Jquery

Phil Reither

Javascript essential-pattern

- JavaScript patterns like custom events, deferreds, and pub/sub can help manage asynchronous processes in the browser environment. Custom events allow defining and triggering custom events. Deferreds help manage callbacks and caching of asynchronous results. Pub/sub implements a publisher/subscriber pattern for loose coupling between modules. These patterns help modularize applications and decouple components.

this

The document discusses the keyword "this" in JavaScript and how its context depends on how functions are called. It provides various ways to avoid using "this", such as binding functions, using closures to access outer variables, and defining objects without "this". Avoiding "this" can make code clearer but uses more memory, while using "this" carefully enables features like inheritance. The overall message is to understand how "this" works and avoid it when possible or bind it when needed.

Functional programming using underscorejs

This document provides an overview of functional programming using Underscore.js and Lo-Dash. It discusses key concepts of functional programming like pure functions, first class functions, and higher order functions. It then explains how Underscore.js and Lo-Dash support functional programming in JavaScript with functions like compose, map, reduce, filter, and utilities to work with functions as first class citizens. The document compares Underscore.js and Lo-Dash, noting Lo-Dash's better performance, larger feature set, and utilities like partial and result. It emphasizes applying functional concepts judiciously for benefits while avoiding rewriting all code to be purely functional.

Sane Async Patterns

TrevorBurnham

The document discusses different patterns for handling asynchronous code in JavaScript: callbacks, promises, and AMD (Asynchronous Module Definition). It outlines issues with nested callbacks and inflexible APIs. Promises and AMD aim to address these by allowing composition of asynchronous operations and defining module dependencies. The document provides examples of implementing PubSub with events, making and piping promises, and using AMD to load dependencies asynchronously. It concludes that callbacks should generally be avoided in favor of promises or AMD for asynchronous code.

Creating the interfaces of the future with the APIs of today

gerbille

The document discusses creating futuristic interfaces using web technologies like WebSockets, WebGL, and device APIs. It provides examples of syncing device orientation over WebSockets between clients, accessing the device camera with getUserMedia, and using head tracking with headtrackr.js to control the camera in a 3D scene rendered with three.js. Links are included for related projects on Wiimote control, head tracking examples, and touch tracking demos.

hachioji.pm #40 : asynchronous in JS

Kotaro Kawashima

This document introduces Kkotaro0111, a web designer and front-end engineer who enjoys JavaScript. It then discusses various ways to handle asynchronous functions in JavaScript, including using jQuery's ajax method, deferred objects, promises, and the $.when method to wait for multiple asynchronous functions to complete. It provides examples of using $.when to handle an unknown number of asynchronous calls.

Functionality Focused Code Organization

The magic of jQuery's CSS-based selection makes it easy to think about our code in terms of the DOM, and sometimes that approach is exactly right. Other times, though, what we're trying to accomplish is only tangentially related to our nodes, and opting for an approach where we think in terms of functionality -- not how that functionality is manifested on our page -- can pay big dividends in terms of flexibility. In this talk, we'll look at a small sample application where the DOM takes a back seat to functionality-focused modules, and see how the approach can change the way we write and organize our code.

Expressを使ってみた

Atsuhiro Takiguchi

This document provides an overview of using the Express web application framework with Node.js. It discusses using Express with MongoDB and Mongoose for the model layer. It shows the basic file structure of an Express app with routes, views, and a model. It provides examples of setting up routes, querying the database model, and passing data to views. The document is an introduction and guide to building a basic web app with Express, MongoDB, and Node.js.

Beyond DOMReady: Ultra High-Performance Javascript

aglemann

YUI (Advanced)

Jai Santhosh

The document discusses various strategies for structuring code in JavaScript, including class-based and prototypal approaches. It covers pseudo-classical inheritance using Y.extend(), which allows creating subclasses but requires manual constructor chaining. Prototypal inheritance avoids copying properties by using Y.Object() to create an object with a given prototype. A factory constructor pattern can be used to support both constructor and non-constructor invocation while ensuring instanceof works as expected. In general, class-based approaches are better suited for most web application problems while prototypal and factory patterns are useful for some internal logic.

What's hot

JavaScript APIs - The Web is the Platform - MDN Hack Day, Montevideo

Robert Nyman

Building Large jQuery Applications

H3 경쟁력있는 웹앱 개발을 위한 모바일 js 프레임웍

Dojo Confessions

Standford 2015 week6

Cyclejs introduction

How Kris Writes Symfony Apps

How kris-writes-symfony-apps-london

How Kris Writes Symfony Apps

Drupal, meet Assetic

Matters of State

An Introduction to Jquery

Phil Reither

Javascript essential-pattern

this

Functional programming using underscorejs

Sane Async Patterns

TrevorBurnham

Creating the interfaces of the future with the APIs of today

gerbille

hachioji.pm #40 : asynchronous in JS

Kotaro Kawashima

Functionality Focused Code Organization