You are on page 1of 99

CONHECENDO O

ECOSSISTEMA
JAVASCRIPT
Design por :
Willians Cassiano

SOBRE MIM

Estudante de Ciência da Computação - UFAM

twitter.com/jackson7am

github.com/jackson7am

jackson7br@gmail.com

campusmap

campus-map.herokuapp.com

ROTEIRO • JAVASCRIPT • Características • SPAs • História • REPOSITÓRIOS • PADRÕES • ECOSSISTEMA • • Front-End • APIs • BDs • Bibliotecas e Frameworks Back-End • Bibliotecas • Fullstack • Internet of Things • Mobile • Desktop .

JAVASCRIPT

CARACTERÍSTICAS

Criado por Brendan Eich - 1995

Interpretada, Compilada em Tempo de Execução(JIT)

Orientada a Protótipos

Tipagem fraca e dinâmica

Versão Atual: ECMAScript 6(ES6/2015) - Ecma International

Fonte: http://www.blogwebdesignmicrocamp.com.br/webdesign/oque-sao-web-apps/

techbubbles.• Fonte: http://www.com/aspnet/single-page-applicationsusing-asp-net/ .

.

.

GUERRA DOS BROWSERS Fonte: http://dmt-uts.net/browser-wars-fear-of-a-webkit-planet/ .

GUERRA DOS MUNDOS .

.

REPOSITÓRIOS .

.

.

.

.

.

.

.

NPMJS.COM 2009 (2014) .

.

.

PADRÕES .

.

ECOSSISTEMA JS .

FRONT-END .

HTML5 APIS .

ANIMATION TIMING .

CANVAS .

WEBGL .

Exemplo: http://helloracer.com/webgl/ .

AUDIO E VIDEO .

FILE API .

DRAG AND DROP .

Fonte: https://www.pandadoc.com/blog/2014/02/document-template-library/ .

WEBRTC .

Fonte: https://www.twilio.com/blog/2012/11/webrtc-for-twilio-client-now-available.html

INDEXED DB

WEB STORAGE

LOCAL STORAGE
SESSION STORAGE

GEOLOCATION .

BANCO DE DADOS FRONT-END .

COM 2010 .POUCHDB.

ORG 2013 .LOKIJS.

COM 2014 .FORERUNNERDB FORERUNNERDB.

BIBLIOTECAS E FRAMEWORKS FRONT-END .

COM 2006 .JQUERY.

JQUERY FOUNDATION .

IO/REACT/ 2013 .FACEBOOK.GITHUB.

org/blog/2014/12/sample-mobile-application-with-react-andcordova/ .Fonte:http://coenraets.

ARQUITETURA FLUX .

ORG 2015 .REDUX.JS.

ANGULAR 2 ANGULAR.IO 2010 .

COM .MADEWITHANGULAR.

COM 2011 .EMBERJS.

PATROCINADORES .

VUEJS.ORG 2014 .

PATROCINADORES .

BACK-END .

ORG 2009 .NODEJS.

JS FOUNDATION .NODE.

.

Fonte: https://strongloop.com/strongblog/mobile-app-development-with-full-stackjavascript-part-1-of-4-loopback/ .

Fonte: https://strongloop.com/strongblog/mobile-app-development-with-full-stackjavascript-part-1-of-4-loopback/ .

BIBLIOTECAS .

COM 2009 .EXPRESS EXPRESSJS.

ORG 2012 .SAILSJS.

COM 2011 .HAPIJS.

PATROCINADORES .

COM 2010 .SEQUELIZEJS.

FULLSTACK .

METEOR.COM 2012 .

MEANJS.ORG 2014 .

INTERNET OF THINGS .

CYLONJS.COM 2012 .

JOHNNY-FIVE.IO 2012 .

MOBILE .

HÍBRIDOS .

CORDOVA.APACHE.ORG 2006 .

apache.org/docs/en/latest/guide/overview/ index.html .• Fonte: http://cordova.

COM 2011 .PHONEGAP.

APPS .

IONICFRAMEWORK.COM 2013 .

APPS .

NATIVOS .

APPCELERATOR TITANIUM APPCELERATOR.COM/MOBILE-APP-DEVELOPMENT-PRODUCTS 2008 .

USADO POR .

GITHUB.HTTPS://FACEBOOK.IO/REACT-NATIVE MARÇO 2015 .

APPS .

• Fonte: http://angularjs.html .blogspot.br/2016/04/angular-2-reactnative.com.

COM/MOBILE-APP-DEVELOPMENT-PRODUCTS FEVEREIRO 2015 .APPCELERATOR.

APPS .

infoq.• Fonte: https://www.com/news/2015/03/nativescript .

DESKTOP .

ELECTRON.ATOM.IO 2015 .

APPS SLACK VS CODE ATOM WORDPRESS .

IO 2012 (2015) .NW.JS NWJS.

LINKS jstherightway.com/resources/essentialjsdesignpatterns/book/ developer.com html5gameengine.mozilla.org/pt-br/ braziljs.m97dnjua0 www.com .html5rocks.org medium.com/javascript-and-opinions/state-of-the-art-javascript-in-2016-ab67fc68eb0b#.org addyosmani.