Skip to content

Instantly share code, notes, and snippets.

@josemalcher

josemalcher/rest-json-js-frontend.md

Forked from erkobridee/rest-json-js-frontend.md
Created December 10, 2015 14:55
Show Gist options
  • Save josemalcher/a19fbd652ab2e65bd1eb to your computer and use it in GitHub Desktop.
Save josemalcher/a19fbd652ab2e65bd1eb to your computer and use it in GitHub Desktop.
Download ZIP
links úteis REST, JSON, HTML5, JavaScript e Twitter Bootstrap
Raw
rest-json-js-frontend.md

Links úteis

  • A Rant about Estimation – When Will We Stop Being Crazy

  • InfoQ BR

    • Fuja da escravidão antes que ela te alcance - Nesta palestra, Vinícius Teles nos fala a respeito da realidade de muitos trabalhadores que possuem vidas estáveis, porém repletas de frustrações advindas de suas rotinas e carreiras aparentemente seguras. Vinícius trata do empreendedorismo, com dicas para profissionais de tecnologia que buscam atingir não apenas a estabilidade financeira, mas também a plena satisfação profissional e pessoal.

    • Agile Brazil 2012

      • Dívida técnica: precisando de crédito? - Dívida técnica é inevitável. Nos projetos de software em que participei observo em média investidores que são ou extremamente conservadores (os perfeccionistas) ou irresponsavelmente agressivos (fãs da gambiarra). Nesta palestra, são apresentadas histórias de projetos reais, com orçamentos reais, para compartilhar técnicas e estratégias para quantificar, visualizar e lidar com dívida técnica.

      • Pedaços de XP, FDD, Scrum e Kanban na Análise de Negócio e Engenharia de Requisitos - Utilizando partes de técnicas do FDD, XP, Scrum, Kanban e outros, o palestrante pôde fazer uma experiência muito produtiva em Análise e Modelagem de Negócios e Requisitos. Neste relato, é exposto o cenário padrão da Elicitação de Requisitos ao longo do desenvolvimento, os problemas enfrentados e o que levou a equipe a escolher pedaços de vários frameworks e métodos ágeis.

    • Kanban Avançado - Além de Visualizações e Limites - Kanban, uma abordagem Lean para trabalho do conhecimento, é a nova onda na evolução em gestão e desenvolvimento ágil. Atualmente a comunidade tem se fixado nas características mais simples deste método. Nesta palestra são explorados os principais fundamentos e propriedades avançadas de um sistema Kanban para quem busca maior maturidade e previsibilidade dentro de sistemas complexos.

  • GitHub & BitBucket HTML Preview

  • Flatdoc - is a small JavaScript file that fetches Markdown files and renders them as full pages. Essentially, it’s the easiest way to make open source documentation from Readme files.

  • Snippi - A awesome snippet tool online

Sublime Text

BackEnd - Links úteis

Autenticação

Protocol

OAuth

um modo de evitar a propagação de login/senha entre 
muitas aplicações, tendo um único ponto onde se mantem o 
login e as demais aplicações irão ser autorizadas a 
acessar/se autenticar através do uso de TOKENs 
(credencial de acesso, com tempo de vida e credencial de 
renovação dos TOKENs)

Este modelo não resolve a situação de integração 
Aplicação <-> Aplicação B2B

Em um ambiente corporativo um modelo de Single Sign-On é 
mais recomendado

SAML

SAML - Security Assertion Markup Language

É um padrão baseado em XML para comunicação de 
informações referente a identidade entre organizações, 
utilizado para transmitir de forma segura tokens de 
autenticação e outras informações do usuário 
entre os dominios na internet.

Identity Server

  • Thinktecture IdentityServer - IdentityServer is a light-weight, .NET based security token service that supports various protocols and token formats.

  • AuthBridge is a server written in ASP.NET/C# using WIF and DotNetOpenAuth, that speaks WS-Federation and SAML tokens on one side and OpenID, OAuth, WS-Federation or any other protocol on the identity provider.

CAS

CAS - Central Authentication Service

Microsoft ADFS / Microsoft ACS / SWT

STS - Security Token Service

SWT - Simple Web Token

REST

API

Design

Cross Origin Resource Sharing (CORS)

This middleware allows cross-domain XHR using the html5 postMessage API.

Access-Control-Allow-Origin: http://foo.example
Access-Control-Allow-Methods: POST, GET, OPTIONS, PUT, DELETE


XS_SHARING_ALLOWED_HEADERS = ['Content-Type', 'X-Requested-With']
  • Java Jersey
  • Java Spring

How To

.Net

Java

Test
Security

Python

Node.js

REST Tools

  • Swagger - is a specification and complete framework implementation for describing, producing, consuming, and visualizing RESTful web services

Google Chrome REST Clients

HATEOAS

HATEOAS - Hypermedia as the Engine of Application State wiki

HAL

HAL is two media types (application/hal+json & application/hal+xml) with which applications are exposed as sets of link relations.

JSON

Tools

FrontEnd - Links úteis

  • PhyloPic — An Open Database of Life Form Silhouettes

Interface

Performance

Source Map - Google Chrome

Layout Framework

Foundation

Twitter Bootstrap

Framework front-end para facilitar e aumentar a velocidade do desenvolvimento web (mantido pelo Twitter)

UX

  • Intro.js - Better introductions for websites and features with a step-by-step guide for your projects

  • Chardin.js - Simple overlay instructions for your apps

  • Tourist.js - a simple library for creating guided tours through your app

CSS

Preprocessors

Less

Utilizado no Twitter Bootstrap para implementar as definições, pode ser visto a interface web de definição das variáveis nesse link: Customize

Stylus

Sass

VS.

Tools

JavaScript

  • Superhero.js - Creating, testing and maintaining a large JavaScript code base is not easy — especially since great resources on how to do this are hard to find. This page is a collection of the best articles, videos and presentations we've found on the topic.

Learn

Patterns

Design API & Library

OOP

Tips

Libraries

  • [GitHub] Niggler / js-xls

  • [GitHub] mikaelbr / SocialFeed.js - Easily create a feed with your latest interactions on different social media. Accumulate Github Events, Disqus comments, Delicious links, Tweets, etc.

  • [GitHub] Valve / fingerprintjs - Fast browser fingerprint library. Written in pure JavaScript, no dependencies. By default uses Murmur hashing and returns a 32bit integer number. Hashing function can be easily replaced. Feather weight: only 843 bytes when gzipped.

  • HeliosJS - in-memory graph database for modern browsers

  • [GitHub] zvictor / ArgueJS - optional parameters, default values and type-checking for your JavaScript method signatures

  • Leaflet - a JavaScript library for mobile-friendly maps

  • List.js - Add search, sort and flexibility to plain HTML lists or tables with cross-browser native JavaScript by @javve . “Native” JavaScript, no dependencies on libraries.

Regular Expressions

Performance

CI

JQuery

Learn

Tips and Tricks

Plugins

JQuery Mobile

Zepto

  • Zepto.js - is a minimalist JavaScript library for modern browsers with a largely jQuery-compatible API. If you use jQuery, you already know how to use Zepto.

  • Zepto 1.0 Info

UI Libraries

Diagram

  • JS Sequence Diagrams - Draws simple SVG sequence diagrams from textual representation of the diagram

Charts

D3.js

Gantt

DataGrid

Tools

Code Editor

Code Quality

JavaScript Module / Dependency System

  • Mantri - JavaScript Dependency System
Require.js
Backbone.js
Angular.js

Atenção: as ferramentas de task runner, testes, qualidade de código para JavaScript, utilizam em sua maioria, o Node.js, o qual possibilita a execução do JavaScript sem a necessidade de um Web Browser. [ Laboratório + Referências -> Node.js : GitHub / Erko Bridee / lab-nodejs ]

Tests

  • Venus.js - Organize and run your entire JS testing system with a single tool using Node.js

  • [GitHub] gotwarlost / istanbul - Yet another JS code coverage tool that computes statement, line, function and branch coverage with module loader hooks to transparently add coverage when running tests. Supports all JS coverage use cases including unit tests, server side functional tests and browser tests. Built for scale.

  • SlimerJS - is similar to PhantomJs, except that it runs Gecko, the browser engine of Mozilla Firefox, instead of Webkit.

Task Runner

Front-End Package Manager

MVC Frameworks

Angular.js

Framework Javascript para desenvolvimento de Front-end com curva de aprendizado rápida e produtividade tão boa como encontrada no Adobe Flex

Projetos de exemplo
Modules
Angular.js Tips and Tricks
Angular.js : Test
Angular.js : use case

Backbone.js

Este framework é bastante citado e utilizado em projetos para organizar o front-end das aplicações

Obs.: Mantido pela DocumentCloud

Learn
Tips
UI
Build With

  • Chaplin - is an architecture for JavaScript applications using the Backbone.js library

  • Bookshelf.js - Javascript ORM with some Backbone

Ember.js

Montage.js

HTML5

Refere-se a nova sintaxe do HTML, além de novos recursos para serem utilizados diretamento pelo web browser, conforme apresentados: Slides | HTML5 Rocks e Entendendo quais APIs (realmente) fazem parte do HTML5 | Tableless

Tips

Compatibility

CSS3

Tools

Performance

Libraries

Games

Game Engine

  • Game Closure - The Game Closure DevKit. 100% JavaScript. Build your games faster than ever before! Native speed. Write HTML5 games that outperform the competition.

  • voxel.js * blocks in yo browser

  • Joy.JS - A Joyful HTML5 2D Game Engine

  • Collie is a Javascript library that helps to create highly optimized animations and games using HTML 5.

  • Construct 2 - The Free HTML5 Game Engine

  • enchant.js - A simple JavaScript framework for creating games and apps

WebApp OffLine

Desktop Applications

Mobile Applications

Desktop & Mobile Applications

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment