SlideShare a Scribd company logo
B r u n o Ta v a r e s , M a r c o s V i n i c i u s
FERRAMENTAS JAVASCRIPT E CONTINUOUS
DELIVERY
Programando, automatizando e distribuindo aplicações
no mundo JS
2
@bltavares
@bymarkone
AGENDA
▫︎UM POUCO SOBRE O CONTEXTO
▫︎FUNDAMENTOS
▫︎CONTINUOUS DELIVERY
▫︎POSSIBILIDADES DO MUNDO JAVASCRIPT
▫︎SERÁ QUE EU DEVERIA COMPRAR UM CARRO
▫︎FERRAMENTAS JAVASCRIPT
▫︎* EXEMPLOS E MAIS EXEMPLO
▫︎* PALESTRAS E LIVROS
3
UM POUCO
SOBRE O CONTEXTO
Por que desenvolvedores têm que se preocupar com automatização, testes,
qualidade, integração e entrega contínua?
4
CONTEXTO
5
Design
Thinking
Lean
Startup Agile
DESIGN THINKING
6
“Innovation powered by… direct observation of
what people want and need in their lives and
what they like or dislike about the way particular
products are made, package, marketed, sold and
supported… [It’s] a discipline that uses the
designer’s sensibility and methods to match
people’s needs with what is technologically
feasible and what viable business strategy can
convert into customer value and market
opportunity.” (Tim Brown, IDEO)
LEAN STARTUP
7
“Lean Startup initially advocates the creation of
rapid prototypes designed to test market
assumptions and uses costumer feedback to
evolve them much faster than more traditional
software then more traditional software
engineering practices… Lean Startup processes
reduce waste by increasing frequency of contact
with real costumers, therefore testing and
avoiding incorrect market assumptions as early
as possible” (Eric Ries)
AGILE SOFTWARE DEVELOPMENT
8
CONTINUOUS

DELIVERY
A resposta técnica para as necessidades de processo, produto e mercado.
9
3 PRINCÍPIOS DE CONTINUOUS DELIVERY
▫︎Cada mudança deve iniciar um processo
de feedback
▫︎O feedback deve ser recebido o mais
rápido o possível
▫︎O time de entrega deve receber
feedback e então atuar nisto
10
11
At an abstract level, a deployment pipeline is an
automated manifestation of your process of
getting software from version control into the
hands of your users. (Jez Humble)
CONTINUOUS DELIVERY
12
Padrões e anti-padrões
na automação
de infraestrutura
Quarta - 2:15 - 3:05
P a l e s t r a - Q C O N 2 0 1 5
Ballroom 4
Jeferson Girão & Fábio Santos
POSSIBILIDADES DO
MUNDO JAVASCRIPT
Quando o NodeJS chegou ele mudou tudo
13
14
https://www.google.com/trends/explore#q=single%20page%20applications%2C%20single
%20page%20apps&cmpt=q
15
SHOULD I
EVER BUY A CAR?
Uma aplicação para descobrir se vale a pena ter um carro ou não
16
17
18
19
THE JAVASCRIPT
TOOLKIT
An attempt to organize the recent explosion of Javascript based technologies and
frameworks into a coherent toolkit to be used by a web application developer.
20
2.1
PREVIEW… SÓ NA QCON
21
http://javascript-toolkit.com/
Let’s talk about this needs,
And take a look at some tools
22
BASIC BLOCKS OF THE TOOLKIT
▫︎Infrastructure & Development
▫︎Testing
▫︎Application & Product
▫︎Utilities & Support
23
INFRASTRUCTURE
& DEVELOPMENT
24
SCAFFOLD
25
Several tools. Several ways.
Several Practices. Need to
organize, and give some good
foundation - best practices,
good design.
26
bootstraps
seed
projects
AUTOMATION
27
Lots of tasks to execute. Compile. Test.
Minify. Concat. Uglify. Etc.
28
github.com/broccolijs/broccoli
…ake’s (Make, Rake, etc)
AUTOMATION UTILITIES
29
Tasks that can be put in the build
pipeline.
30
minify-tools
concat-tools
watch
DEPENDENCY MANAGEMENT
31
Applications are getting complex. They
rely on several other libraries and
frameworks.
32
JAVASCRIPT PREPROCESSOR
33
The way you organize code in
development time is different the way
you publish your code. Need to do some
processing in your javascript files before
using them.
34
github.com/webpack/webpack
OTHER LANGUAGES
35
Have a syntactic sugar element, or even
completely different syntax (that in the
end turn into javascript to run in the
browser)
36
github.com/clojure/clojurescript
TESTING
37
TEST RUNNER
38
Execute and visualize test results
39
TEST FRAMEWORKS
40
Write tests
41
TESTING END TO END
42
Write tests for the whole application
flow
43
github.com/angular/protractor
TEST SUPPORT
44
Support for tests and others helpers
45
APPLICATION
& PRODUCT
46
APPLICATION FRAMEWORKS
47
Applications on web are getting
complex, need for frameworks that
support app development.
48
Google Closure Tools
APPLICATION UTILITIES
49
Several application features that can be
necessary (e.g. routing)
50
DYNAMIC LOADING
51
Big projects are split among several
pieces of javascript for the sake of
modularisation. No all of them should
be loaded at the same time.
52
github.com/cujojs/curl
github.com/amdjs/amdjs-api
github.com/amdjs/caolan/async
UTILITIES
& SUPPORT
53
DOM UTILITIES
54
DOM selection and manipulation, some
auxiliary functions, need for utilities that
make work simple (and cross-browser)
55
JS UTILITIES
56
Clean code, functional programming
style, reactive programming features,
helpers and utilities
57
lodash.com
github.com/kriskowal/q
baconjs sugarjs chancejs microjs
58
Microservices, an unexpected journey:
where they came from,
where they're going
Sexta - Keynote
P a l e s t r a - Q C O N 2 0 1 5
Ballroom 1-4
Sam Newman
Dúvidas e sugestões:
@bltavares
@bymarkone
btavare@thoughtworks.com
bymarkone@thoughtworks.com
MUITO OBRIGADO

More Related Content

PDF
Continuous Delivery with JavaScript
Rogerio Chaves
 
PPTX
Flavours of agile software engineering
Zeeshan Masood S
 
PDF
fOSSa 2010 - OSS Tools Framework for Agile Project Management
SpagoWorld
 
PDF
Javascript toolkit
Marcos Vinícius
 
PPTX
Visual_Check
Girayhan Sarıkaş
 
PPTX
Scrum implementation
Yusuf Found
 
PPT
Desenvolvimento Ágil com XP e Scrum
Guilherme Chapiewski
 
PDF
Agile explained
Ivano Digital
 
Continuous Delivery with JavaScript
Rogerio Chaves
 
Flavours of agile software engineering
Zeeshan Masood S
 
fOSSa 2010 - OSS Tools Framework for Agile Project Management
SpagoWorld
 
Javascript toolkit
Marcos Vinícius
 
Visual_Check
Girayhan Sarıkaş
 
Scrum implementation
Yusuf Found
 
Desenvolvimento Ágil com XP e Scrum
Guilherme Chapiewski
 
Agile explained
Ivano Digital
 

What's hot (19)

PPTX
Skalowanie Agile
Krystian Kaczor
 
ODP
Scrum
Knoldus Inc.
 
PDF
TDD with Spring MVC
Salah Chalermthai
 
PDF
Escalando a Gestão Ágil com SAFe - Manoel Pimentel
Manoel Pimentel Medeiros
 
PPT
Scrum e a Crise Mundial
Marcos Garrido
 
PDF
The Zen of product development
Mircea Mare
 
PDF
Android best practices 2015
Sean Katz
 
PDF
Facilitation techniques for Effective ScrumMasters
Marcos Garrido
 
PDF
TDC - MVVM with ReactiveKit
Diego Marcon
 
PDF
JoseSanchezInternPoster
Jose Sanchez Garcia
 
PDF
Como escalar algo essencialmente artesanal?
Manoel Pimentel Medeiros
 
ODP
Scrum in 30min
IngoMatzner
 
PPT
What is Scrum
Robert de Wolff
 
PPTX
Csm and Cspo
CTECK SBS
 
PPTX
Kubernetes is Hard! Lessons Learned Taking Our Apps to Kubernetes by Eldad Assis
AgileSparks
 
PDF
Agile Fundamental Skill Set
Tsuyoshi Ushio
 
PPTX
Mother Health
Andrey Popov
 
PPTX
DevOps Lifecycle and Continuous Testing by Aditya Garg
Agile Testing Alliance
 
PDF
Scaffolding a mean stack
Sean Katz
 
Skalowanie Agile
Krystian Kaczor
 
TDD with Spring MVC
Salah Chalermthai
 
Escalando a Gestão Ágil com SAFe - Manoel Pimentel
Manoel Pimentel Medeiros
 
Scrum e a Crise Mundial
Marcos Garrido
 
The Zen of product development
Mircea Mare
 
Android best practices 2015
Sean Katz
 
Facilitation techniques for Effective ScrumMasters
Marcos Garrido
 
TDC - MVVM with ReactiveKit
Diego Marcon
 
JoseSanchezInternPoster
Jose Sanchez Garcia
 
Como escalar algo essencialmente artesanal?
Manoel Pimentel Medeiros
 
Scrum in 30min
IngoMatzner
 
What is Scrum
Robert de Wolff
 
Csm and Cspo
CTECK SBS
 
Kubernetes is Hard! Lessons Learned Taking Our Apps to Kubernetes by Eldad Assis
AgileSparks
 
Agile Fundamental Skill Set
Tsuyoshi Ushio
 
Mother Health
Andrey Popov
 
DevOps Lifecycle and Continuous Testing by Aditya Garg
Agile Testing Alliance
 
Scaffolding a mean stack
Sean Katz
 
Ad

Viewers also liked (7)

PDF
What if-your-application-could-speak
Marcos Vinícius
 
PDF
Uma linguagem para chamar de minha: Criando DSLs no dia a dia - QConRio2015
Jacqueline Abreu
 
PDF
Restless developer
Marcos Vinícius
 
PDF
Dsl tdc-2013
Marcos Vinícius
 
PDF
Evolving legacy to microservices and ddd
Marcos Vinícius
 
PDF
The Javascript Toolkit 2.0
Marcos Vinícius
 
PDF
How to Become a Thought Leader in Your Niche
Leslie Samuel
 
What if-your-application-could-speak
Marcos Vinícius
 
Uma linguagem para chamar de minha: Criando DSLs no dia a dia - QConRio2015
Jacqueline Abreu
 
Restless developer
Marcos Vinícius
 
Dsl tdc-2013
Marcos Vinícius
 
Evolving legacy to microservices and ddd
Marcos Vinícius
 
The Javascript Toolkit 2.0
Marcos Vinícius
 
How to Become a Thought Leader in Your Niche
Leslie Samuel
 
Ad

Similar to Continuous Delivery e Ferramentas Javascript (20)

PPTX
Javascript Toolkit
Tania Gonzales
 
PPTX
DevOpsDays Jakarta Igites
DevOpsDaysJKT
 
PPTX
All you need is fast feedback loop, fast feedback loop, fast feedback loop is...
Nacho Cougil
 
PPTX
All you need is fast feedback loop, fast feedback loop, fast feedback loop is...
Nacho Cougil
 
PPTX
India Agile Week 2015
Sonata Software
 
PPTX
Draftkings: Launching w/ Confidence at Scale, FutureStack17 NYC
New Relic
 
PDF
MACHINE LEARNING AUTOMATIONS PIPELINE WITH CI/CD
IRJET Journal
 
PDF
Zen tao introduction
Spotline mart
 
PDF
Software Testing - Online Guide
bigspire
 
PPTX
Design Portfolio
jimlamb
 
PPTX
Desenvolvimento .NET no Linux. Veja porque a Microsoft ama Linux e Open Source
Rodrigo Kono
 
PPTX
DevOps Dilemma - Make Dev work with Ops!
Sandeep Joshi
 
PDF
[DPE Summit] How Improving the Testing Experience Goes Beyond Quality: A Deve...
Roberto Pérez Alcolea
 
PPTX
Как совместить Scrum и Kanban
IT Spring
 
PDF
Transforming to OpenStack: a sample roadmap to DevOps
Nicolas (Nick) Barcet
 
PDF
Crafting the Ultimate Toolkit for API Platform Teams: What You Are Missing
Nordic APIs
 
PPTX
WDS trainer presentation - MLOps.pptx
Arthur240715
 
PPT
Project Requriement Management Vs Agile software development
bizpresenter
 
PDF
Dev ops lpi-701
Radhouen Assakra
 
PDF
HOT TOPIC REPORT DIVYA
Divya Tadi
 
Javascript Toolkit
Tania Gonzales
 
DevOpsDays Jakarta Igites
DevOpsDaysJKT
 
All you need is fast feedback loop, fast feedback loop, fast feedback loop is...
Nacho Cougil
 
All you need is fast feedback loop, fast feedback loop, fast feedback loop is...
Nacho Cougil
 
India Agile Week 2015
Sonata Software
 
Draftkings: Launching w/ Confidence at Scale, FutureStack17 NYC
New Relic
 
MACHINE LEARNING AUTOMATIONS PIPELINE WITH CI/CD
IRJET Journal
 
Zen tao introduction
Spotline mart
 
Software Testing - Online Guide
bigspire
 
Design Portfolio
jimlamb
 
Desenvolvimento .NET no Linux. Veja porque a Microsoft ama Linux e Open Source
Rodrigo Kono
 
DevOps Dilemma - Make Dev work with Ops!
Sandeep Joshi
 
[DPE Summit] How Improving the Testing Experience Goes Beyond Quality: A Deve...
Roberto Pérez Alcolea
 
Как совместить Scrum и Kanban
IT Spring
 
Transforming to OpenStack: a sample roadmap to DevOps
Nicolas (Nick) Barcet
 
Crafting the Ultimate Toolkit for API Platform Teams: What You Are Missing
Nordic APIs
 
WDS trainer presentation - MLOps.pptx
Arthur240715
 
Project Requriement Management Vs Agile software development
bizpresenter
 
Dev ops lpi-701
Radhouen Assakra
 
HOT TOPIC REPORT DIVYA
Divya Tadi
 

Recently uploaded (20)

PDF
A Strategic Analysis of the MVNO Wave in Emerging Markets.pdf
IPLOOK Networks
 
PDF
OFFOFFBOX™ – A New Era for African Film | Startup Presentation
ambaicciwalkerbrian
 
PPTX
Agile Chennai 18-19 July 2025 | Emerging patterns in Agentic AI by Bharani Su...
AgileNetwork
 
PDF
The Future of Artificial Intelligence (AI)
Mukul
 
PPTX
The-Ethical-Hackers-Imperative-Safeguarding-the-Digital-Frontier.pptx
sujalchauhan1305
 
PDF
Security features in Dell, HP, and Lenovo PC systems: A research-based compar...
Principled Technologies
 
PDF
Trying to figure out MCP by actually building an app from scratch with open s...
Julien SIMON
 
PPTX
New ThousandEyes Product Innovations: Cisco Live June 2025
ThousandEyes
 
PDF
AI Unleashed - Shaping the Future -Starting Today - AIOUG Yatra 2025 - For Co...
Sandesh Rao
 
PDF
Google I/O Extended 2025 Baku - all ppts
HusseinMalikMammadli
 
PDF
CIFDAQ's Market Wrap : Bears Back in Control?
CIFDAQ
 
PDF
Orbitly Pitch Deck|A Mission-Driven Platform for Side Project Collaboration (...
zz41354899
 
PPTX
OA presentation.pptx OA presentation.pptx
pateldhruv002338
 
PDF
How ETL Control Logic Keeps Your Pipelines Safe and Reliable.pdf
Stryv Solutions Pvt. Ltd.
 
PDF
Using Anchore and DefectDojo to Stand Up Your DevSecOps Function
Anchore
 
PDF
Economic Impact of Data Centres to the Malaysian Economy
flintglobalapac
 
PDF
GDG Cloud Munich - Intro - Luiz Carneiro - #BuildWithAI - July - Abdel.pdf
Luiz Carneiro
 
PDF
The Future of Mobile Is Context-Aware—Are You Ready?
iProgrammer Solutions Private Limited
 
PDF
Data_Analytics_vs_Data_Science_vs_BI_by_CA_Suvidha_Chaplot.pdf
CA Suvidha Chaplot
 
PDF
AI-Cloud-Business-Management-Platforms-The-Key-to-Efficiency-Growth.pdf
Artjoker Software Development Company
 
A Strategic Analysis of the MVNO Wave in Emerging Markets.pdf
IPLOOK Networks
 
OFFOFFBOX™ – A New Era for African Film | Startup Presentation
ambaicciwalkerbrian
 
Agile Chennai 18-19 July 2025 | Emerging patterns in Agentic AI by Bharani Su...
AgileNetwork
 
The Future of Artificial Intelligence (AI)
Mukul
 
The-Ethical-Hackers-Imperative-Safeguarding-the-Digital-Frontier.pptx
sujalchauhan1305
 
Security features in Dell, HP, and Lenovo PC systems: A research-based compar...
Principled Technologies
 
Trying to figure out MCP by actually building an app from scratch with open s...
Julien SIMON
 
New ThousandEyes Product Innovations: Cisco Live June 2025
ThousandEyes
 
AI Unleashed - Shaping the Future -Starting Today - AIOUG Yatra 2025 - For Co...
Sandesh Rao
 
Google I/O Extended 2025 Baku - all ppts
HusseinMalikMammadli
 
CIFDAQ's Market Wrap : Bears Back in Control?
CIFDAQ
 
Orbitly Pitch Deck|A Mission-Driven Platform for Side Project Collaboration (...
zz41354899
 
OA presentation.pptx OA presentation.pptx
pateldhruv002338
 
How ETL Control Logic Keeps Your Pipelines Safe and Reliable.pdf
Stryv Solutions Pvt. Ltd.
 
Using Anchore and DefectDojo to Stand Up Your DevSecOps Function
Anchore
 
Economic Impact of Data Centres to the Malaysian Economy
flintglobalapac
 
GDG Cloud Munich - Intro - Luiz Carneiro - #BuildWithAI - July - Abdel.pdf
Luiz Carneiro
 
The Future of Mobile Is Context-Aware—Are You Ready?
iProgrammer Solutions Private Limited
 
Data_Analytics_vs_Data_Science_vs_BI_by_CA_Suvidha_Chaplot.pdf
CA Suvidha Chaplot
 
AI-Cloud-Business-Management-Platforms-The-Key-to-Efficiency-Growth.pdf
Artjoker Software Development Company
 

Continuous Delivery e Ferramentas Javascript