Front-End Ops

Daniel Filho@danielfilho

Web Developer

A web developer is a programmer who specializes in, or is specifically engaged in, the development of World Wide Web applications, or distributed network applications that are run over HTTP from a web server to a web browser.

en.wikipedia.org/wiki/Web_developer

Web Operations

Web operations is a domain of expertise within IT systems management that involves the deployment, operation, maintenance, tuning, and repair of web-based applications and systems.

en.wikipedia.org/wiki/Web_operations

DevOps

DevOps (...) is a software development method that stresses communication, collaboration and integration between software developers and IT professionals. (...) It aims to help an organization rapidly produce software products and services.

en.wikipedia.org/wiki/DevOps

Front-End Developer

The goal of a front-end developer is to create clear, easy, fast pages and interfaces that will make people understand and care about the information, by putting it in context, expose its legitimacy or lack thereof, and reveal their implicit or explicit interconnection.

theguardian.com/help/insideguardian/2009/sep/28/blogpost

Front-End Ops

Such a person would need to be an expert at serving and hosting front-end resources. They’d need to be pros at Grunt (or something similar) and have strong opinions about modules. They would find the best ways to piece together the parts of a Web application, and they’d be pros at versioning, caching and deployment.

smashingmagazine.com/2013/06/11/front-end-ops/

Front-end is not just a pretty face, it's the friendly, forward-looking interface of web development.

theguardian.com/help/insideguardian/2009/sep/28/blogpost

}

zofe.com.br

}braziljs.org

}

bit.ly/GDG-SP

}

bit.ly/FEMUSP

damniel.com/slides

Vagrant is open-source software for creating and configuring virtual development environments.

www.vagrantup.com/

vagrantup.com

Bower is a package manager for the web.

bower.io

NodeJS & NPMnodejs.org

bower.io

npm install -g bower

bower install jquery

!"" components !"" jquery #"" README.md #"" bower.json #"" component.json #"" composer.json #"" jquery-migrate.js #"" jquery-migrate.min.js #"" jquery.js #"" jquery.min.js #"" jquery.min.map !"" package.json

Grunt is a task-based command line build tool for JavaScript projects.

weblog.bocoup.com/introducing-grunt/

NodeJS & NPMnodejs.org

CLIcommand line interface

Pluginsclean, compress, concat, connect, copy, csslint,

cssmin, htmlmin, imagemin,imagemin, livereload, symlink

etc.

Pluginscompass, sass, less, stylus, handlebars, JSHint, jade,

require.js, jasmine, qunit, uglify etc.

ah, e coffeescript.

gruntjs.com

npm install -g grunt-cli

DEMO

Deploy

Drag & DropWebDAVPen Drive

FTP

A remote server automation and deployment tool written in Ruby

www.capistranorb.com

Ruby & gemruby-lang.org

CLIcommand line interface

capistranorb.com

gem install capistrano --pre --trust-policy HighSecurity

capify .

Obrigado :-)

@danielfilhodamniel.com/slides