Desenvolvimento web com JS

Desenvolvimento web com JS.md

Desenvolvimento web com JS

Por que Javascript?

Porque podemos utilizar no desenvolvimento apenas uma linguagem de programação porém o JS(javascript) veio para inserir um pattern no server-side já utilizado no client-side e em toda a internet, utilizando programação assíncrona que possibilita que uma aplicação possa seguir seu fluxo enquanto os dados advindos dos recursos de I/O não estão disponíveis, traduzindo-se em maior desempenho e capacidade de processar mais dados com recursos reduzidos. Single page application

Em um universo javascript é comum utilizarmos SPA(single page application), devido ao domínio da linguagem, saindo do lugar comum de requisições ajax. Além de disseminar um novo conceito, onde a aplicação no servidor apenas possui as regras de negócio essencias para aplicação, todo o processamento dos dados e renderização das views são realizadas no lado do cliente devido a capacidade do dispositivos atuais realizarem tal tarefa. Assim é possível diminuir a carga de processamento no servidor e o tráfego de dados. Links úteis

Acredito que esses conceitos são a base para o meu atual desenvolvimento de aplicações web e mobile e partir daqui estão artigos, vídeos e o que julgo adequado para os que ainda não utilizam uma stack completa de JS.

HTML5 & JS

• Mozilla Developer Network
• HTML5 Rocks

JS World

• Introduction to full stack javascript (Artigo)
• Why the hell would i use nodejs? (Artigo)
• Javascript no servidor - Luciano Ramalho (Vídeo)
• Javascript no servidor - Luciano Ramalho (Slideshare)
• A performance que eu sempre quis ter. (Slideshare)

Tutorials

• Cordova (aka PhoneGap)

Who use?

• Empresas que utilizam Nodejs
• Porque o paypal resolveu adotar Nodejs em toda sua stack?

Learning JS

• Javascript style guide - (em português)
• JS for cats
• JS Books - Livros gratuitos sobre JS
• JS do jeito certo
• Closure in javascript

Frameworks

• Lista dos melhores frameworks e ferramentas
• Angular.js
• Backbone
• Ember.js
• knockoutjs
• Lavaca

Tools

• Yeoman
• Gulp

Libraries

• Functionn - (Lista de bibliotecas)
• Javascriptoo - (Lista de bibliotecas)
• MomentJS
• JHere - Google Maps Library
• JSpdf - Create pdf on browser
• PDF Viewer
• Sigma.js - Graph library
• D3.js - Graph library
• Shumway - Load Adobe Flash with JS
• Sketch.js
• Handlebars
• ProcessingJS
• Camanjs - Image Manipulation

Libraries (Canvas, WebGL e Games)

Recomendo ler meu artigo sobre Canvas, WebGL e jogos com javascript. Clicando em ver código será exibido o código e o exemplo.

• Phaser

Audio (Sintetização de som no browser)

• Timbre.js
• Flocking
• Audiolet

JS everywhere (Javascript e hardware)

• Cylonjs
• Johnny-five

Mobile

• Phonegap
• Wakanda
• Junior - UI Framework
• Ratchet

Design & Patterns

• Como perder peso
• Frontend styleguide
• Web Fundamentals - A handbook for best practices

Experiments

• x86 VM - written in JS
• Lua VM - written in JS

Blogs e notícias

• EchoJS
• DailyJS
• Hacks Mozilla
• Hacker News
• Brendan Eich - O CRIADOR
• Addy Osmani
• Douglas Crockford

Comunidade JS no Brasil e eventos

• BrazilJS - Inscreva-se para receber a newsletter semanalmente

@gvillalta99 Obrigado, tentando seguir os mestres!