Are you over 18 and want to see adult content?
More Annotations
A complete backup of newtalk.tw/news/view/2020-02-21/370587
Are you over 18 and want to see adult content?
Favourite Annotations
A complete backup of https://sofa.com
Are you over 18 and want to see adult content?
A complete backup of https://medicareplanfinder.com
Are you over 18 and want to see adult content?
A complete backup of https://gipsyteam.ru
Are you over 18 and want to see adult content?
A complete backup of https://tv-two.com
Are you over 18 and want to see adult content?
A complete backup of https://deankoontz.com
Are you over 18 and want to see adult content?
A complete backup of https://bstdating.com
Are you over 18 and want to see adult content?
A complete backup of https://solarcoin.ru
Are you over 18 and want to see adult content?
A complete backup of https://rendiciondecuentas.es
Are you over 18 and want to see adult content?
A complete backup of https://mommytalkshow.com
Are you over 18 and want to see adult content?
A complete backup of https://guc.edu.eg
Are you over 18 and want to see adult content?
A complete backup of https://crackx.to
Are you over 18 and want to see adult content?
A complete backup of https://ogyei.gov.hu
Are you over 18 and want to see adult content?
Text
JS: THE RIGHT WAY
FRAMEWORKS GENERAL PURPOSE. jQuery; jQuery is a fast, small, and feature-rich JavaScript library. Built by John Resig.. YUI; Built by Yahoo!, YUI is a free, open source JavaScript and CSS library for building richly interactive web applications. JS: A FORMA CERTATRANSLATE THIS PAGE Uma referência rápida para as melhores práticas de como escrever JavaScript -- links para padrões de código e tutoriais de toda a web JS: LA FORMA CORRECTATRANSLATE THIS PAGE LAS BUENAS PARTES Orientado a Objetos. JavaScript tiene un fuerte enfoque de programación orientada a objetos, a pesar de algunos debates que tienen lugar debido a las diferencias de la orientacion a objetos en Javascript comparado con otros lenguajes. جاوااسکریپت: از راه درستشTRANSLATE THIS PAGE GETTING STARTED درباره. جاوااسکریپت در سال ۱۹۹۵ توسط نتاسکیپ (Netscape) جهت گسترش HTML برای Netscape Navigator 2.0 ایجاد شده است، جاوااسکریپت به عنوان عملکرد اصلی به کار گیری documents در HTML و همچنین اعتبار سنجی فرم بود. JS: THE RIGHT WAYTRANSLATE THIS PAGE JavaScript를 작성할 때 있어서 최고의 방법들에 대한 간편한 참고문헌입니다. 웹에 있는 코드 패턴들과 튜토리얼들의 링크를 포함하고 있습니다. JS: ПРАВИЛЬНЫЙ ПУТЬTRANSLATE THIS PAGE Краткий справочник по лучшим практикам написания кода на JavaScript -- ссылки на типовые решения и обучающие материалы из Сети JS: DER RICHTIGE WEGTRANSLATE THIS PAGE Eine kurze Übersicht an Best-Practices für das Programmieren mit JavaScript -- Links zu Entwurfsmustern und Tutorials aus dem Web JS: THE RIGHT WAYTRANSLATE THIS PAGE 框架 熱門. jQuery; jQuery 是一個快速、輕巧及功能豐富的 JavaScript 函式庫。由 John Resig 建立。. YUI; 由 Yahoo 建立! YUI 是一個免費、開源的 JavaScript 及 CSS 函式庫,適用於建立多互動的 web 應用程式。 JS: THE RIGHT WAYTRANSLATE THIS PAGE 开始入门 关于. 由网景公司在 1995 年给网景浏览器2.0创建的一个当做 HTML 扩展,JavaScript 最初主要的功能就是操作 HTML 文档和验证表单。JS: THE RIGHT WAY
FRAMEWORKS GENERAL PURPOSE. jQuery; jQuery is a fast, small, and feature-rich JavaScript library. Built by John Resig.. YUI; Built by Yahoo!, YUI is a free, open source JavaScript and CSS library for building richly interactive web applications. JS: A FORMA CERTATRANSLATE THIS PAGE Uma referência rápida para as melhores práticas de como escrever JavaScript -- links para padrões de código e tutoriais de toda a web JS: LA FORMA CORRECTATRANSLATE THIS PAGE LAS BUENAS PARTES Orientado a Objetos. JavaScript tiene un fuerte enfoque de programación orientada a objetos, a pesar de algunos debates que tienen lugar debido a las diferencias de la orientacion a objetos en Javascript comparado con otros lenguajes. جاوااسکریپت: از راه درستشTRANSLATE THIS PAGE GETTING STARTED درباره. جاوااسکریپت در سال ۱۹۹۵ توسط نتاسکیپ (Netscape) جهت گسترش HTML برای Netscape Navigator 2.0 ایجاد شده است، جاوااسکریپت به عنوان عملکرد اصلی به کار گیری documents در HTML و همچنین اعتبار سنجی فرم بود. JS: THE RIGHT WAYTRANSLATE THIS PAGE JavaScript를 작성할 때 있어서 최고의 방법들에 대한 간편한 참고문헌입니다. 웹에 있는 코드 패턴들과 튜토리얼들의 링크를 포함하고 있습니다. JS: ПРАВИЛЬНЫЙ ПУТЬTRANSLATE THIS PAGE Краткий справочник по лучшим практикам написания кода на JavaScript -- ссылки на типовые решения и обучающие материалы из Сети JS: DER RICHTIGE WEGTRANSLATE THIS PAGE Eine kurze Übersicht an Best-Practices für das Programmieren mit JavaScript -- Links zu Entwurfsmustern und Tutorials aus dem Web JS: THE RIGHT WAYTRANSLATE THIS PAGE 框架 熱門. jQuery; jQuery 是一個快速、輕巧及功能豐富的 JavaScript 函式庫。由 John Resig 建立。. YUI; 由 Yahoo 建立! YUI 是一個免費、開源的 JavaScript 及 CSS 函式庫,適用於建立多互動的 web 應用程式。 JS: THE RIGHT WAYTRANSLATE THIS PAGE 开始入门 关于. 由网景公司在 1995 年给网景浏览器2.0创建的一个当做 HTML 扩展,JavaScript 最初主要的功能就是操作 HTML 文档和验证表单。JS: THE RIGHT WAY
FRAMEWORKS GENERAL PURPOSE. jQuery; jQuery is a fast, small, and feature-rich JavaScript library. Built by John Resig.. YUI; Built by Yahoo!, YUI is a free, open source JavaScript and CSS library for building richly interactive web applications. JS: A FORMA CERTATRANSLATE THIS PAGE Uma referência rápida para as melhores práticas de como escrever JavaScript -- links para padrões de código e tutoriais de toda a web جاوااسکریپت: از راه درستشTRANSLATE THIS PAGE GETTING STARTED درباره. جاوااسکریپت در سال ۱۹۹۵ توسط نتاسکیپ (Netscape) جهت گسترش HTML برای Netscape Navigator 2.0 ایجاد شده است، جاوااسکریپت به عنوان عملکرد اصلی به کار گیری documents در HTML و همچنین اعتبار سنجی فرم بود. JS: LA FORMA CORRECTATRANSLATE THIS PAGE LAS BUENAS PARTES Orientado a Objetos. JavaScript tiene un fuerte enfoque de programación orientada a objetos, a pesar de algunos debates que tienen lugar debido a las diferencias de la orientacion a objetos en Javascript comparado con otros lenguajes. JS: THE RIGHT WAYTRANSLATE THIS PAGE JavaScript를 작성할 때 있어서 최고의 방법들에 대한 간편한 참고문헌입니다. 웹에 있는 코드 패턴들과 튜토리얼들의 링크를 포함하고 있습니다. JS: ПРАВИЛЬНЫЙ ПУТЬTRANSLATE THIS PAGE Краткий справочник по лучшим практикам написания кода на JavaScript -- ссылки на типовые решения и обучающие материалы из Сети JS: DER RICHTIGE WEGTRANSLATE THIS PAGE FRAMEWORKS ALLGEMEINER ZWECK. jQuery; jQuery ist eine schnelle, kleine und featurereiche JavaScript-Bibliothek. Erstellt von John Resig.. YUI; Erstellt von Yahoo!, YUI ist eine freie, quelloffene JavaScript- und CSS-Bibliothek für die Erstellung von interaktivenWebanwendungen.
JS: THE RIGHT WAYTRANSLATE THIS PAGE 框架 熱門. jQuery; jQuery 是一個快速、輕巧及功能豐富的 JavaScript 函式庫。由 John Resig 建立。. YUI; 由 Yahoo 建立! YUI 是一個免費、開源的 JavaScript 及 CSS 函式庫,適用於建立多互動的 web 應用程式。 JS: THE RIGHT WAYTRANSLATE THIS PAGE 开始入门 关于. 由网景公司在 1995 年给网景浏览器2.0创建的一个当做 HTML 扩展,JavaScript 最初主要的功能就是操作 HTML 文档和验证表单。JS: THE RIGHT WAY
FRAMEWORKS GENERAL PURPOSE. jQuery; jQuery is a fast, small, and feature-rich JavaScript library. Built by John Resig.. YUI; Built by Yahoo!, YUI is a free, open source JavaScript and CSS library for building richly interactive web applications. JS: A FORMA CERTATRANSLATE THIS PAGE Uma referência rápida para as melhores práticas de como escrever JavaScript -- links para padrões de código e tutoriais de toda a web JS: LA FORMA CORRECTATRANSLATE THIS PAGE LAS BUENAS PARTES Orientado a Objetos. JavaScript tiene un fuerte enfoque de programación orientada a objetos, a pesar de algunos debates que tienen lugar debido a las diferencias de la orientacion a objetos en Javascript comparado con otros lenguajes. JS: DER RICHTIGE WEGTRANSLATE THIS PAGE Eine kurze Übersicht an Best-Practices für das Programmieren mit JavaScript -- Links zu Entwurfsmustern und Tutorials aus dem Web JS: ПРАВИЛЬНЫЙ ПУТЬTRANSLATE THIS PAGE Краткий справочник по лучшим практикам написания кода на JavaScript -- ссылки на типовые решения и обучающие материалы из Сети JS: THE RIGHT WAYTRANSLATE THIS PAGE JavaScript를 작성할 때 있어서 최고의 방법들에 대한 간편한 참고문헌입니다. 웹에 있는 코드 패턴들과 튜토리얼들의 링크를 포함하고 있습니다. جاوااسکریپت: از راه درستشTRANSLATE THIS PAGE GETTING STARTED درباره. جاوااسکریپت در سال ۱۹۹۵ توسط نتاسکیپ (Netscape) جهت گسترش HTML برای Netscape Navigator 2.0 ایجاد شده است، جاوااسکریپت به عنوان عملکرد اصلی به کار گیری documents در HTML و همچنین اعتبار سنجی فرم بود. JS: THE RIGHT WAYTRANSLATE THIS PAGE 框架 熱門. jQuery; jQuery 是一個快速、輕巧及功能豐富的 JavaScript 函式庫。由 John Resig 建立。. YUI; 由 Yahoo 建立! YUI 是一個免費、開源的 JavaScript 及 CSS 函式庫,適用於建立多互動的 web 應用程式。 JS: THE RIGHT WAYTRANSLATE THIS PAGE 开始入门 关于. 由网景公司在 1995 年给网景浏览器2.0创建的一个当做 HTML 扩展,JavaScript 最初主要的功能就是操作 HTML 文档和验证表单。JS: THE RIGHT WAY
FRAMEWORKS GENERAL PURPOSE. jQuery; jQuery is a fast, small, and feature-rich JavaScript library. Built by John Resig.. YUI; Built by Yahoo!, YUI is a free, open source JavaScript and CSS library for building richly interactive web applications. JS: A FORMA CERTATRANSLATE THIS PAGE Uma referência rápida para as melhores práticas de como escrever JavaScript -- links para padrões de código e tutoriais de toda a web JS: LA FORMA CORRECTATRANSLATE THIS PAGE LAS BUENAS PARTES Orientado a Objetos. JavaScript tiene un fuerte enfoque de programación orientada a objetos, a pesar de algunos debates que tienen lugar debido a las diferencias de la orientacion a objetos en Javascript comparado con otros lenguajes. JS: DER RICHTIGE WEGTRANSLATE THIS PAGE Eine kurze Übersicht an Best-Practices für das Programmieren mit JavaScript -- Links zu Entwurfsmustern und Tutorials aus dem Web JS: ПРАВИЛЬНЫЙ ПУТЬTRANSLATE THIS PAGE Краткий справочник по лучшим практикам написания кода на JavaScript -- ссылки на типовые решения и обучающие материалы из Сети JS: THE RIGHT WAYTRANSLATE THIS PAGE JavaScript를 작성할 때 있어서 최고의 방법들에 대한 간편한 참고문헌입니다. 웹에 있는 코드 패턴들과 튜토리얼들의 링크를 포함하고 있습니다. جاوااسکریپت: از راه درستشTRANSLATE THIS PAGE GETTING STARTED درباره. جاوااسکریپت در سال ۱۹۹۵ توسط نتاسکیپ (Netscape) جهت گسترش HTML برای Netscape Navigator 2.0 ایجاد شده است، جاوااسکریپت به عنوان عملکرد اصلی به کار گیری documents در HTML و همچنین اعتبار سنجی فرم بود. JS: THE RIGHT WAYTRANSLATE THIS PAGE 框架 熱門. jQuery; jQuery 是一個快速、輕巧及功能豐富的 JavaScript 函式庫。由 John Resig 建立。. YUI; 由 Yahoo 建立! YUI 是一個免費、開源的 JavaScript 及 CSS 函式庫,適用於建立多互動的 web 應用程式。 JS: THE RIGHT WAYTRANSLATE THIS PAGE 开始入门 关于. 由网景公司在 1995 年给网景浏览器2.0创建的一个当做 HTML 扩展,JavaScript 最初主要的功能就是操作 HTML 文档和验证表单。JS: THE RIGHT WAY
FRAMEWORKS GENERAL PURPOSE. jQuery; jQuery is a fast, small, and feature-rich JavaScript library. Built by John Resig.. YUI; Built by Yahoo!, YUI is a free, open source JavaScript and CSS library for building richly interactive web applications. JS: A FORMA CERTATRANSLATE THIS PAGE FRAMEWORKS PROPOSTA GERAL. jQuery; jQuery é uma biblioteca JavaScript rápida, pequena e cheia de recursos. Criada por John Resig.. YUI; Criado pelo Yahoo!, YUI é uma biblioteca JavaScript e CSS de código aberto para criação de aplicações web ricas e interativas. JS: LA FORMA CORRECTATRANSLATE THIS PAGE LAS BUENAS PARTES Orientado a Objetos. JavaScript tiene un fuerte enfoque de programación orientada a objetos, a pesar de algunos debates que tienen lugar debido a las diferencias de la orientacion a objetos en Javascript comparado con otros lenguajes. JS: ПРАВИЛЬНЫЙ ПУТЬTRANSLATE THIS PAGE Краткий справочник по лучшим практикам написания кода на JavaScript -- ссылки на типовые решения и обучающие материалы из Сети JS: THE RIGHT WAYTRANSLATE THIS PAGE JavaScript를 작성할 때 있어서 최고의 방법들에 대한 간편한 참고문헌입니다. 웹에 있는 코드 패턴들과 튜토리얼들의 링크를 포함하고 있습니다. JS: DER RICHTIGE WEGTRANSLATE THIS PAGE FRAMEWORKS ALLGEMEINER ZWECK. jQuery; jQuery ist eine schnelle, kleine und featurereiche JavaScript-Bibliothek. Erstellt von John Resig.. YUI; Erstellt von Yahoo!, YUI ist eine freie, quelloffene JavaScript- und CSS-Bibliothek für die Erstellung von interaktivenWebanwendungen.
جاوااسکریپت: از راه درستشTRANSLATE THIS PAGE GETTING STARTED درباره. جاوااسکریپت در سال ۱۹۹۵ توسط نتاسکیپ (Netscape) جهت گسترش HTML برای Netscape Navigator 2.0 ایجاد شده است، جاوااسکریپت به عنوان عملکرد اصلی به کار گیری documents در HTML و همچنین اعتبار سنجی فرم بود. JS: THE RIGHT WAYTRANSLATE THIS PAGE 框架 熱門. jQuery; jQuery 是一個快速、輕巧及功能豐富的 JavaScript 函式庫。由 John Resig 建立。. YUI; 由 Yahoo 建立! YUI 是一個免費、開源的 JavaScript 及 CSS 函式庫,適用於建立多互動的 web 應用程式。 JS: THE RIGHT WAYTRANSLATE THIS PAGE 开始入门 关于. 由网景公司在 1995 年给网景浏览器2.0创建的一个当做 HTML 扩展,JavaScript 最初主要的功能就是操作 HTML 文档和验证表单。JAVASCRIPT
The Right Way
English
* Português
* 한국어
* Español
* German
* 繁體中文
* 简体中文
* فارسی
* Русский
HEY, YOU!
This is a guide intended to introduce new developers to JavaScript and help experienced developers learn more about its best practices. Despite the name, this guide doesn't necessarily mean "the only way"to do JavaScript.
We just gather all the articles, tips, and tricks from top developers and put it here. Since it comes from exceptional folks, we could say that it is "the right way", or the best way to do so.CHOOSE YOUR PATH
* Getting Started
* JavaScript Code Style* The Good Parts
* Must See
* Patterns
* Testing Tools
* Frameworks
* Game Engines
* News
* Reading
* Podcasts
* Screencasts
* PaaS Providers
* Helpers
GETTING STARTED
ABOUT
Created by Netscape in 1995 as an extension of HTML for Netscape Navigator 2.0, JavaScript had as its main function the manipulation of HTML documents and form validation. Before winning this name so famous nowadays, JavaScript was called Mocha. When it first shipped in beta releases, it was officially called LiveScript and finally, when it was released by Sun Microsystems, was baptized with the name by which it is known today. Because of the similar names, people confuse JavaScript with Java. Although both have the lexical structure of programming, they are not the same language. Different from C, C# and Java, JavaScript is an interpreted language. It means that it needs an "interpreter". In case of JavaScript, the interpreter is the browser.CURRENT VERSION
The JavaScript standard is ECMAScript. As of 2012, all modern browsers fully support ECMAScript 5.1. Older browsers support at least ECMAScript 3. As of June 2015 the spec for ES6/ES2015 has been approved. Following the new annual release cycle, ES7/ES2016 has been adopted in June 2016. See the ECMAScript 2016 Language Specification at Ecma International.
A good reference to versions, references and news about JavaScript can be found at the Mozilla Developer Network.
THE DOM
The Document Object Model (DOM) is an API for HTML and XML documents. It provides a structural representation of the document, enabling you to modify its content and visual presentation by using a scripting language such as JavaScript. See more at Mozilla Developer Network -DOM .
JS CODE STYLE
CONVENTIONS
As every language, JavaScript has many code style guides. Maybe the most used and recommended is the Google Code Style Guide forJavaScript ,
but we recommend you read Idiomatic.js.
LINTING
Nowadays the best tool for linting your JavaScript code is JSHint . We recommend that whenever possible you verify your code style and patterns with a Lint tool.THE GOOD PARTS
OBJECT ORIENTED
JavaScript has strong object-oriented programming capabilities, even though some debates have taken place due to the differences in object-oriented JavaScript compared to other languages. Source: Introduction to Object-Oriented JavaScriptANONYMOUS FUNCTIONS
Anonymous functions are functions that are dynamically declared at runtime. They’re called anonymous functions because they aren’t given a name in the same way as normal functions. Source: JavaScript anonymous functions FUNCTIONS AS FIRST-CLASS OBJECTS Functions in JavaScript are first class objects. This means that JavaScript functions are just a special type of object that can do all the things that regular objects can do. Source: Functions are first class objects in JavaScriptLOOSE TYPING
For many front-end developers, JavaScript was their first taste of a scripting and/or interpretive language. To these developers, the concept and implications of loosely typed variables may be second nature. However, the explosive growth in demand for modern web applications has resulted in a growing number of back-end developers that have had to dip their feet into the pool of client-side technologies. Many of these developers are coming from a background of strongly typed languages, such as C# or Java, and are unfamiliar with both the freedom and the potential pitfalls involved in working with loosely typed variables. Source: Understanding Loose Typing in JavaScript SCOPING AND HOISTING SCOPING: In JavaScript, functions are our _de facto_ scope delimiters for declaring vars, which means that usual blocks from loops and conditionals (such as if, for, while, switch and try) DON'T delimit scope, unlike most other languages. Therefore, those blocks will share the same scope as the function which contains them. This way, it might be dangerous to declare vars inside blocks as it would seem the var belongs to that block only. HOISTING: On runtime, all var and function declarations are moved to the beginning of each function (its scope) - this is known as Hoisting. Having said so, it is a good practice to declare all the vars altogether on the first line, in order to avoid false expectations with a var that got declared late but happened to hold a value before - this is a common problem for programmers coming from languages with block scope. Source: JavaScript Scoping and HoistingFUNCTION BINDING
Function binding is most probably the least of your concerns when beginning with JavaScript, but when you realize that you need a solution to the problem of how to keep the context of this within another function, then you might realize that what you actually need is FUNCTION.PROTOTYPE.BIND(). Source: Understanding JavaScript’s Function.prototype.bindCLOSURE FUNCTION
Closures are functions that refer to independent (free) variables. In other words, the function defined in the closure 'remembers' the environment in which it was created in. It is an important concept to understand as it can be useful during development, like emulating private methods. It can also help to learn how to avoid common mistakes, like creating closures in loops. Source: MDN - ClosuresSTRICT MODE
ECMAScript 5's strict mode is a way to opt in to a restricted variant of JavaScript. Strict mode isn't just a subset: it intentionally has different semantics from normal code. Browsers not supporting strict mode will run strict mode code with different behavior from browsers that do, so don't rely on strict mode without feature-testing for support for the relevant aspects of strict mode. Strict mode code and non-strict mode code can coexist, so scripts can opt into strict modeincrementally.
Source: MDN - Strict mode IMMEDIATELY-INVOKED FUNCTION EXPRESSION (IIFE) An immediately-invoked function expression is a pattern which produces a lexical scope using JavaScript's function scoping. Immediately-invoked function expressions can be used to avoid variable hoisting from within blocks, protect against polluting the global environment and simultaneously allow public access to methods while retaining privacy for variables defined within the function. _This pattern has been referred to as a self-executing anonymous function, but @cowboy (Ben Alman) introduced the term IIFE as a more semantically accurate term for thepattern_.
Source: Immediately-Invoked Function Expression (IIFE)MUST SEE
ARINDAM PAUL - JAVASCRIPT VM INTERNALS, EVENTLOOP, ASYNC ANDSCOPECHAINS
PATTERNS
DESCRIPTION
While JavaScript contains design patterns that are exclusive to the language, many classical design patterns can also be implemented. A good way to learn about these is Addy Osmani ’s open source book Learning JavaScript Design Patterns, and
the links below are (in the majority) based on it.DESIGN PATTERNS
* Factory
* Prototype
* Mixin
* Singleton
Creational Design Patterns* Adapter
* Bridge
* Composite
* Decorator
* Facade
* Flyweight
* Module
* Proxy
* Revealing Module
Structural Design Patterns * Chain of Responsibility* Command
* Mediator
* Observer
Behavioral Design PatternsMV* PATTERNS
There are some implementations of the traditional MVC Pattern and its variations in JavaScript.* MVC Pattern
* MVP Pattern
* MVVM Pattern
TESTING TOOLS
DESCRIPTION
Various libraries and frameworks to do tests in JavaScript.LINKS
* Mocha
Maintained by TJ Holowaychuk* QUnit
Maintained by jQuery* Jasmine
Maintained by Pivotal Labs* Karma
Maintained by the team behind AngularJS. Mostly by Vojta Jina* Intern
Maintained by Sitepen* Istanbul
A JavaScript code coverage tool written in JavaScript, maintained by Krishnan Anantheswaran* Sinon.JS
Standalone test spies, stubs and mocks for JavaScript. No dependencies, works with any unit testing framework. Created bySinon.JS community
* DexterJS
A test helper to mock functions and the XHR object, maintained by LeoBalter
* AVA
Test runner with asynchronous tests, maintained by Sindre Sorhus* Jest
Painless JavaScript Testing, maintained by FacebookFRAMEWORKS
GENERAL PURPOSE
* jQuery
jQuery is a fast, small, and feature-rich JavaScript library. Built byJohn Resig .
* YUI
Built by Yahoo!, YUI is a free, open source JavaScript and CSS library for building richly interactive web applications. New development has stopped since August 29th, 2014 .* ZeptoJS
Zepto is a minimalist JavaScript library for modern browsers with a largely jQuery-compatible API. If you use jQuery, you already know howto use Zepto.
* Dojo Toolkit
Dojo is a free, open-source JavaScript toolkit for building high performance web applications. Project sponsors include IBM andSitePen.
* Underscore.js
Underscore.js is a JavaScript library that provides a whole mess of useful functional programming helpers without extending any built-inobjects.
MV*
* Backbone.js
Very popular JavaScript client-side framework, built by @jashkenas.
* Ember.js
Built by @wycats , jQuery and Ruby on Railscore developer.
* Knockout.js
Simplify dynamic JavaScript UIs by applying the Model-View-View Model(MVVM).
* Angular.js
Built by Google, Angular.js is like a polyfill for the future of HTML.* Angular
One framework.Mobile & desktop. One way to build applications with Angular and reuse your code and abilities to build apps for any deployment target. For web, mobile web, native mobile and nativedesktop.
* Cappuccino
Cappuccino is an open-source framework that makes it easy to build desktop-caliber applications that run in a web browser.* JavaScript MVC
JavaScriptMVC is an open-source framework containing the best ideas injQuery development.
* Meteor
Meteor is an open-source platform for building top-quality web apps in a fraction of the time, whether you're an expert developer or justgetting started.
* Spice.js
Spice is a super minimal (< 3k) and flexible MVC framework for javascript. Spice was built to be easily added to any existent application and play well with other technologies such as jQuery, pjax, turbolinks, node or whatever else you are using.* Riot.js
Riot is an incredibly fast, powerful yet tiny client side (MV*) library for building large scale web applications. Despite the small size all the building blocks are there: a template engine, router, event library and a strict MVP pattern to keep things organized.* CanJS
CanJS is a JavaScript framework that makes developing complex applications simple and fast. Easy-to-learn, small, and unassuming of your application structure, but with modern features like custom tagsand 2-way binding.
LIBRARY
* React
Built by Facebook. React is a JavaScript library for creating user interfaces by Facebook and Instagram. Many people choose to think of React as the V in MVC.* Vue.js
Is an MVVM library providing two-way data binding, HTML extended behaviour (through directives) and reactive components. By using native add-ons a developer can also have routing, AJAX, a Flux-like state management, form validation and more. Provides a helpful Chrome extension to inspect components built with Vue.* Handlebars
Handlebars provides the power necessary to let you build semantic templates effectively with no frustration.* Dust.js
Asynchronous templates for the browser and node.js.ANIMATION
* GSAP
GSAP is the fastest full-featured scripted animation tool on the planet. It's even faster than CSS3 animations and transitions in manycases.
* Velocity.js
Velocity is an animation engine with the same API as jQuery's$.animate().
* Bounce.js
Bounce.js is a tool and JS library that lets you create beautiful CSS3powered animations.
* TweenJS
A simple but powerful JavaScript library for tweening and animating HTML5 and JavaScript properties.* Move.js
Move.js is a small JavaScript library making CSS3 backed animation extremely simple and elegant.* Snap.svg
SVG is an excellent way to create interactive, resolution-independent vector graphics that will look great on any size screen.* Rekapi
Rekapi is a library for making canvas and DOM animations with JavaScript, as well as CSS @keyframe animations for modern browsers.* Favico.js
Make use of your favicon with badges, images or videos.* Textillate.js
Textillate.js combines some awesome libraries to provide a ease-to-use plugin for applying CSS3 animations to any text.* Motio
Motio is a small JavaScript library for simple but powerful sprite based animations and panning.* Anima.js
With Anima it's easy to animate over a hundred objects at a time. Each item can have it's mass and viscosity to emulate reallife objects!GAME ENGINES
* MelonJS
MelonJS is a free, light-weight HTML5 game engine. The engine integrates the tiled map format making level design easier.* ImpactJS
ImpactJS is one of the more tested-and-true HTML5 game engines with the initial release all the way back at the end of 2010. It is very well maintained and updated, and has a good-sized community backing it. There exists plenty of documentation - even two books on the subject of creating games with the engine.* LimeJS
LimeJS is a HTML5 game framework for building fast, native-experience games for all modern touchscreens and desktop browsers.* Crafty
Crafty is a game engine that dates back to late 2010. Crafty makes it really easy to get started making JavaScript games.* Cocos2d-HTML5
Cocos2d-html5 is an open-source web 2D game framework, released under MIT License. It is a HTML5 version of Cocos2d-x project. The focus for Cocos2d-html5 development is around making Cocos2d cross platforms between browsers and native application.* Phaser
Phaser is based heavily on Flixel . It is maintained by Richard Davey (Photon Storm ) who has been very active in the HTML5 community for years.* Goo
Goo is a 3D JavaScript gaming engine entirely built on WebGL/HTML5* LycheeJS
LycheeJS is a JavaScript Game library that offers a complete solution for prototyping and deployment of HTML5 Canvas, WebGL or native OpenGL(ES) based games inside the Web Browser or native environments.* Quintus
Quintus is an HTML5 game engine designed to be modular and lightweight, with a concise JavaScript-friendly syntax.* KiwiJS
Kiwi.js is a fun and friendly Open Source HTML5 Game Engine. Some people call it the WordPress of HTML5 game engines* PandaJS
Panda.js is a HTML5 game engine for mobile and desktop with Canvas andWebGL rendering.
* Rot.js
Rot.js is a set of JavaScript libraries, designed to help with a roguelike development in browser environment.* Isogenic
Isogenic is an advanced game engine that provides the most advanced networking and realtime multiplayer functionality available in any HTML 5 game engine. The system is based on entity streaming and includes powerful simulation options and client-side entity interpolation from delta updates.* WhitestormJS
Super-fast 3D framework for Web Applications & Games. Based on Three.js. Includes integrated physics support and ReactJS integration.NEWS
WEBSITES
JavaScript.com
Echo JS
The Treehouse Show
/r/javascript on Reddit Open Web Platform Daily DigestBadass JavaScript
AngularJS Daily
NEWSLETTER
JavaScript Weekly
A Drip of JavaScriptEmber Weekly
Node Weekly
Meteor Weekly
Grunt Weekly
Gamedev.js Weekly
HTML5 Weekly
UDGWebDev Weekly
The React NewsletterREADING
ARTICLES
* Understanding JavaScript OOPby Quildreen Motta
* Understanding “Prototypes” in JavaScriptby Yehuda Katz
* Prototypes and Inheritance in JavaScriptby Scott Allen
* Partial Application in JavaScriptby Ben Alman
* Getting Over jQueryby Nico Bevacqua
* A Dive Into Plain JavaScriptby Viljami S.
* A Deeper Look at Objects in JavaScript by Kirupa Chinnathambi * Introduction to Easing in JavaScript by Kirupa Chinnathambi * How to Learn JavaScript Properly by JavaScript Is Sexy * How to Start with JavaScriptby Ju Gonçalves
BOOKS
* Eloquent JavaScriptby Marijn Haverbeke
* JavaScript: The Definitive Guideby David Flanagan
* JavaScript: The Good Parts by Douglas Crockford * JavaScript Patternsby Stoyan Stefanov
* JavaScript Testing Recipesby James Coglan
* Professional JavaScript for Web Developers by Nicholas C. Zakas * High Performance JavaScript by Nicholas C. Zakas* Human JavaScript
by Henrik Joreteg
* Object Oriented JavaScriptby Stoyan Stefanov
* Pro JavaScript Design Patternsby Dustin Diaz
* Learning JavaScript Design Patternsby Addy Osmani
* Secrets of the JavaScript Ninjaby John Resig
* JavaScript Application Designby Nicolas Bevacqua
* Speaking JavaScriptby Axel Rauschmayer
* Test-Driven JavaScript Development by Christian Johansen* You Don't Know JS
by Kyle Simpson
* You Might Not Need jQueryby Ryan Burgess
* JavaScript Garden
by Ivo Wetzel
* Effective JavaScriptby David Herman
* Functional JavaScriptby Michael Fogus
* JavaScript Allongé by Reginald Braithwaite* Exploring ES6
by Axel Rauschmayer
* JSBooks
by DevFreeBooks
FREE E-BOOKS
JSBooks
DevFreeBooks
PORTALS
JavaScript.com
HTML5 Rocks
W3Fools
Mozilla Developer NetworkWeb Platform
Smashing Magazine
Node School
How to Node
Felix’s Node.js Beginners GuidePODCASTS
Ember Hot Seat
JavaScript Jabber
Node Up
5 Minutes of JavaScriptThe Meteor Podcast
JSConf
JavaScript Air
SCREENCASTS
PAAS PROVIDER
Heroku
Modulus
Nodejitsu
OpenShift
Getup
Windows Azure
HELPERS
CREATED AND MAINTAINED BYWILLIAM OLIVEIRA
ALLAN ESQUINA
-------------------------CONTRIBUTORS
This project wouldn't exist without these amazing contributors. Thank you guys for making this real! JavaScript: The Right Way by William Oliveira.
Licensed under a Creative Commons Attribution-NonCommercial 4.0 International License.
Based on work at http://jstherightway.org.Details
Copyright © 2024 ArchiveBay.com. All rights reserved. Terms of Use | Privacy Policy | DMCA | 2021 | Feedback | Advertising | RSS 2.0