Many Pokémon
Few GIFs
Cookbook concepts style, no deep or detailed explanations
My personal opinion, you can agree or not. Feel free to share your points!
External references not always match my entire point of view
hannelita@gmail.com
@hannelita - #webbr2015
@hannelita - #webbr2015
Why Pokémon?
Usually people like it or have nothing against it
Good analogies
Easy to understand
Diversity and acceptance - usually we can handle trainers that choose a different starter Pokémon than the one that we have picked up.
@hannelita - #webbr2015
@hannelita - #webbr2015
@hannelita - #webbr2015
Future?
@hannelita - #webbr2015
@hannelita - #webbr2015
We usually make a framework composition.
So the analogy of 'a single starter' does not always work here.
@hannelita - #webbr2015
@hannelita - #webbr2015
@hannelita - #webbr2015
@hannelita - #webbr2015
@hannelita - #webbr2015
@hannelita - #webbr2015
@hannelita - #webbr2015
@hannelita - #webbr2015
@hannelita - #webbr2015
@hannelita - #webbr2015
@hannelita - #webbr2015
@hannelita - #webbr2015
@hannelita - #webbr2015
@hannelita - #webbr2015
@hannelita - #webbr2015
@hannelita - #webbr2015
@hannelita - #webbr2015
@hannelita - #webbr2015
Ref: http://www.sitepoint.com/11-reasons-to-use-twitter-bootstrap/
@hannelita - #webbr2015
Ref: http://www.zingdesign.com/5-reasons-not-to-use-twitter-bootstrap/
@hannelita - #webbr2015
@hannelita - #webbr2015
@hannelita - #webbr2015
@hannelita - #webbr2015
Ref: http://www.zingdesign.com/top-10-reasons-to-use-zurbs-foundation-framework/
@hannelita - #webbr2015
Ref: http://www.amplificommerce.com/5-reasons-we-chose-bourbonneat-over-foundation-or-bootstrap/
@hannelita - #webbr2015
@hannelita - #webbr2015
@hannelita - #webbr2015
Ref: http://www.amplificommerce.com/5-reasons-we-chose-bourbonneat-over-foundation-or-bootstrap/
@hannelita - #webbr2015
@hannelita - #webbr2015
@hannelita - #webbr2015
@hannelita - #webbr2015
@hannelita - #webbr2015
http://www.sitepoint.com/10-reasons-use-angularjs/
@hannelita - #webbr2015
Controller ( JS )
app.controller('PokeCtrl', function($scope){
$scope.starter = "Charmander"
})
HTML
<div ng-controller="PokeCtrl">
{{ starter }}
</div>
@hannelita - #webbr2015
Ref: https://medium.com/@mnemon1ck/why-you-should-not-use-angularjs-1df5ddf6fc99
@hannelita - #webbr2015
@hannelita - #webbr2015
@hannelita - #webbr2015
Ref: http://www.talentbuddy.co/blog/top-reasons-why-industry-experts-use-ember-js-and-how-you-can-adopt-it-yourself/
@hannelita - #webbr2015
Ref: http://aokolish.me/blog/2014/11/16/8-reasons-i-won't-be-choosing-ember.js-for-my-next-app/
@hannelita - #webbr2015
@hannelita - #webbr2015
@hannelita - #webbr2015
@hannelita - #webbr2015
@hannelita - #webbr2015
Ref: https://facebook.github.io/react/docs/why-react.html
@hannelita - #webbr2015
React.js
render: function() {
return <header>
{ this.state.trainer ?
this.state.name :
<span>Treinador Pokemon não identificado</span> }
</header>
}
@hannelita - #webbr2015
@hannelita - #webbr2015
EMER, Jean Carlo. 2015
@hannelita - #webbr2015
Ref: http://blog.andrewray.me/reactjs-for-stupid-people/
@hannelita - #webbr2015
@hannelita - #webbr2015
@hannelita - #webbr2015
ou
ou
com qualquer
ou
ou
ALMEIDA, Vinicius. 2015
@hannelita - #webbr2015
https://offroadcode.com/blog/1850/reactjs-whats-all-the-fuss/
http://gridgum.com/6-great-responsive-frameworks-for-2014/
@hannelita - #webbr2015
http://hhvm.ovh/entry/facebook-s-relay-and-how-it-relates-to-flux-and-react
https://therealmarv.com/understanding-react-flux-graphql-and-relay-concepts-with-4-videos/
@hannelita - #webbr2015