Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

Workflows modernos de desenvolvimento web

No description
by

Victor Pinto

on 23 January 2014

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of Workflows modernos de desenvolvimento web

Workflows modernos de desenvolvimento web
Bower
Task Manager
Assim como o maven, orientado a plugins.
http://gruntjs.com/
Baseado no npm (node package manager )
NodeJS based
Model View View Model
Amplo ecosistema de modulos
Templates html
Navegação
Event Driven
MVVM
http://angularjs.org/
Dependency Resolver
NodeJS based
Resolve dependencias a partir do Git
http://bower.io/
http://sindresorhus.com/bower-components/
Sem bibliotecas versionadas no projeto
Twitter bootstrap
http://getbootstrap.com/
Alinhamento e diversos componentes padroes
row
conteiner
grid
col
{
http://bootply.com/
http://www.layoutit.com/
https://jetstrap.com/
https://wrapbootstrap.com/
Evolução continua da ferramenta
}
Interface builder
Temas intercambiáveis
Template
&
Scaffold

http://gruntjs.com/
Similar aos Maven Arquetypes
Templates de apps como
Angular
Backbone
...
npm install -g yo
npm install -g generator-webapp
yo angular
npm install -g grunt-cli
npm install -g bower
bower install jquery --save
Para evitar a fadiga
Workflow Moderno
Minificar css
Testes unitarios
em javascript
Less sass...
Maven
Minificar js
http://ngmodules.org/
Conteporâneos
DI
IoC
$("#button").click(function(){
$("#span").text("Olá Mundo!");
});
AngularJS Controller

function TestController($scope){
$scope.greetings = "";

$scope.sayHello = function(){
$scope.greetings = "Hello World!!"
}
}
View

<html>
...
<div ng-controller="TestController">
<span>{{greetings}}</span>
</div>
...
</html>
Full transcript