Avoiding Regressions in 3rd Party JavaScript

•

2 recomendaciones•611 vistas

Cameron Westland

Tecnología

TOC 1/5

How to iterate really fast
What is 3pjs?
How we broke our customers website
How we won’t break any more websites
Wrap-up

Monday, 18 March, 13

CONTINUOUS DEPLOYMENT
Go fast and break things.

Monday, 18 March, 13

TOC 2/5

How to iterate really fast
What is 3pjs?
How we broke our customers website
How we won’t break any more websites
Wrap-up

Monday, 18 March, 13

1. User authors walkthrough using our tool
2. Deploys it to their website
3. The walkthrough guides users through
tough workﬂows

Monday, 18 March, 13

TOC 3/5

How to iterate really fast
What is 3pjs?
How we broke our customers website
How we won’t break any more websites
Wrap-up

Monday, 18 March, 13

How we completely busted
Verold Studio…
AKA: Why not to trust third
party javascript startups.

Monday, 18 March, 13

CONTINUOUS
DEPLOYMENT
+ 3pjs

Monday, 18 March, 13

KERA’S CONTROLLER

Verold’s ﬁxed elements
occluded by Kera

Monday, 18 March, 13

Bad.

SCROLLED
ORIGINAL PAGE
VIEWPORT

KERA
TARGET CONTROLLER

Monday, 18 March, 13

Awesome.

SCROLLED
ORIGINAL PAGE
VIEWPORT

TARGET

KERA
NEW SPACE
CONTROLLER

Monday, 18 March, 13

Verold uses ﬁxed position
elements.

Monday, 18 March, 13

WEB GL MENU
SCROLLED
VIEWPORT

WTF…

KERA
NEW SPACE CONTROLLER
TARGET

Monday, 18 March, 13

So, should we get rid of
continuous deployment?

Monday, 18 March, 13

TOC 4/5

How to iterate really fast
What is 3pjs?
How we broke our customers website
How we won’t break any more websites
Wrap-up

Monday, 18 March, 13

VERSIONING

Web APIs
Web Apps Client
version applies
push when Libraries
to the interface
green ???
only

Monday, 18 March, 13

IMMUTABILITY

• “The quality of being incapable of mutation”
• Version 1.1.1 never changes
• Version 1.1.2 is diﬀerent than 1.1.1

Monday, 18 March, 13

DATA DRIVEN VERSIONING

Monday, 18 March, 13

DATA DRIVEN VERSIONING

Lock version

Monday, 18 March, 13

HOSTING OLD VERSIONS

lastest.json
1.1.1
1.1.0
1.0.7
1.0.6
1.0.5
1.0.4
1.0.3
1.0.2
1.0.1
1.0.0

Monday, 18 March, 13

SELECTING A NEW VERSION

Monday, 18 March, 13

No more regressions.

Monday, 18 March, 13

Delight your customers.

Monday, 18 March, 13

TOC 5/5

How to iterate really fast
What is 3pjs?
How we broke our customers website
How we won’t break any more websites
Wrap-up

Monday, 18 March, 13

SUMMARY

• Version both your server and client
• Server slow (based on API)
• Client fast (every push)
• Data drive which version your customer is using
• Don’t delete old versions that are still being used
• Go fast and break things

Monday, 18 March, 13

Thanks!
@camwest
kera.io

Monday, 18 March, 13

Más contenido relacionado

Destacado

WebsocketsCameron Westland

Presentacion de informatica.ppt2lucastra

Unité 4 fin et révisionWaldemar Oliveira de Júnior

Introducing See Changeseechangeireland

05. ferramentas para a qualidadeAlane Oliveira

Ia final presentationRAJESH KUMAR

Totem 1 dossiers 0 à 2Waldemar Oliveira de Júnior

E1 corrigés des activités complémentairesWaldemar Oliveira de Júnior

Financial analysis of Reliance industries and ONGCRAJESH KUMAR

Destacado (9)

Websockets

Presentacion de informatica.ppt2

Unité 4 fin et révision

Introducing See Change

05. ferramentas para a qualidade

Ia final presentation

Totem 1 dossiers 0 à 2

E1 corrigés des activités complémentaires

Financial analysis of Reliance industries and ONGC

Similar a Avoiding Regressions in 3rd Party JavaScript

PyCon talk: Deploy Python apps in 5 min with a PaaSAppsembler

Experiências, Erros e Acertos no Desenvolvimento de Projetos ÁgeisLambda 3

Painful Success - Lessons Learned while Scaling UpC4Media

$The WordPress Hacker's Guide to the \Galaxy() [@Baltimore PHP]$ $The WordPress Hacker's Guide to the \Galaxy() [@Baltimore PHP]$

The WordPress Hacker's Guide to the \Galaxy() [@Baltimore PHP]Jason Rhodes

WphackergalaxyJason Rhodes

Awright openanalytics-mapmeter Open Analytics

$The WordPress Hacker's Guide to the \Galaxy() [@MidwestPHP]$ $The WordPress Hacker's Guide to the \Galaxy() [@MidwestPHP]$

The WordPress Hacker's Guide to the \Galaxy() [@MidwestPHP]Jason Rhodes

Less is betterCurtis McHale

Drupal for enterpriseFathoni Musyaffa

Performance Testing [not] somebody I used to know90kts

Similar a Avoiding Regressions in 3rd Party JavaScript (10)

PyCon talk: Deploy Python apps in 5 min with a PaaS

Experiências, Erros e Acertos no Desenvolvimento de Projetos Ágeis

Painful Success - Lessons Learned while Scaling Up

$The WordPress Hacker's Guide to the \Galaxy() [@Baltimore PHP]$ $The WordPress Hacker's Guide to the \Galaxy() [@Baltimore PHP]$

The WordPress Hacker's Guide to the \Galaxy() [@Baltimore PHP]

Wphackergalaxy

Awright openanalytics-mapmeter

$The WordPress Hacker's Guide to the \Galaxy() [@MidwestPHP]$ $The WordPress Hacker's Guide to the \Galaxy() [@MidwestPHP]$

The WordPress Hacker's Guide to the \Galaxy() [@MidwestPHP]

Less is better

Drupal for enterprise

Performance Testing [not] somebody I used to know

Último

Advantages of Hiring UIUX Design Service Providers for Your BusinessPixlogix Infotech

[2024]Digital Global Overview Report 2024 Meltwater.pdfhans926745

Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...apidays

Powerful Google developer tools for immediate impact! (2023-24 C)wesley chun

AWS Community Day CPH - Three problems of TerraformAndrey Devyatkin

Finology Group – Insurtech Innovation Award 2024The Digital Insurer

Apidays New York 2024 - The value of a flexible API Management solution for O...apidays

How to Troubleshoot Apps for the Modern Connected WorkerThousandEyes

Data Cloud, More than a CDP by Matt RobisonAnna Loughnan Colquhoun

Connector Corner: Accelerate revenue generation using UiPath API-centric busi...DianaGray10

Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Miguel Araújo

Boost Fertility New Invention Ups Success Rates.pdfsudhanshuwaghmare1

Handwritten Text Recognition for manuscripts and early printed textsMaria Levchenko

presentation ICT roal in 21st century educationjfdjdjcjdnsjd

Scaling API-first – The story of a global engineering organizationRadu Cotescu

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024The Digital Insurer

🐬 The future of MySQL is Postgres 🐘RTylerCroy

How to Troubleshoot Apps for the Modern Connected WorkerThousandEyes

Histor y of HAM Radio presentation slidevu2urc

Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...Neo4j

Avoiding Regressions in 3rd Party JavaScript

1. AVOIDING REGRESSIONS IN 3pjs Cameron Westland Kera Software @camwest Monday, 18 March, 13

2. TOC 1/5 How to iterate really fast What is 3pjs? How we broke our customers website How we won’t break any more websites Wrap-up Monday, 18 March, 13

3. CONTINUOUS DEPLOYMENT Go fast and break things. Monday, 18 March, 13

4. TOC 2/5 How to iterate really fast What is 3pjs? How we broke our customers website How we won’t break any more websites Wrap-up Monday, 18 March, 13

5. WHAT IS 3pjs? Monday, 18 March, 13

6. 1. User authors walkthrough using our tool 2. Deploys it to their website 3. The walkthrough guides users through tough workﬂows Monday, 18 March, 13

7. Monday, 18 March, 13

8. Monday, 18 March, 13

9. Monday, 18 March, 13

10. TOC 3/5 How to iterate really fast What is 3pjs? How we broke our customers website How we won’t break any more websites Wrap-up Monday, 18 March, 13

11. How we completely busted Verold Studio… AKA: Why not to trust third party javascript startups. Monday, 18 March, 13

12. Monday, 18 March, 13

13. CONTINUOUS DEPLOYMENT + 3pjs Monday, 18 March, 13

14. KERA’S CONTROLLER Verold’s ﬁxed elements occluded by Kera Monday, 18 March, 13

15. Bad. SCROLLED ORIGINAL PAGE VIEWPORT KERA TARGET CONTROLLER Monday, 18 March, 13

16. Awesome. SCROLLED ORIGINAL PAGE VIEWPORT TARGET KERA NEW SPACE CONTROLLER Monday, 18 March, 13

17. Monday, 18 March, 13

18. Monday, 18 March, 13

19. Verold uses ﬁxed position elements. Monday, 18 March, 13

20. WEB GL MENU SCROLLED VIEWPORT WTF… KERA NEW SPACE CONTROLLER TARGET Monday, 18 March, 13

21. So, should we get rid of continuous deployment? Monday, 18 March, 13

22. TOC 4/5 How to iterate really fast What is 3pjs? How we broke our customers website How we won’t break any more websites Wrap-up Monday, 18 March, 13

23. VERSIONING Web APIs Web Apps Client version applies push when Libraries to the interface green ??? only Monday, 18 March, 13

24. IMMUTABILITY • “The quality of being incapable of mutation” • Version 1.1.1 never changes • Version 1.1.2 is diﬀerent than 1.1.1 Monday, 18 March, 13

25. DATA DRIVEN VERSIONING Monday, 18 March, 13

26. DATA DRIVEN VERSIONING Lock version Monday, 18 March, 13

27. DATA DRIVEN VERSIONING Lock version Monday, 18 March, 13

28. HOSTING OLD VERSIONS lastest.json 1.1.1 1.1.0 1.0.7 1.0.6 1.0.5 1.0.4 1.0.3 1.0.2 1.0.1 1.0.0 Monday, 18 March, 13

29. SELECTING A NEW VERSION Monday, 18 March, 13

30. No more regressions. Monday, 18 March, 13

31. Delight your customers. Monday, 18 March, 13

32. TOC 5/5 How to iterate really fast What is 3pjs? How we broke our customers website How we won’t break any more websites Wrap-up Monday, 18 March, 13

33. SUMMARY • Version both your server and client • Server slow (based on API) • Client fast (every push) • Data drive which version your customer is using • Don’t delete old versions that are still being used • Go fast and break things Monday, 18 March, 13

34. Thanks! @camwest kera.io Monday, 18 March, 13

Avoiding Regressions in 3rd Party JavaScript

Recomendados

Recomendados

Más contenido relacionado

Destacado

Destacado (9)

Similar a Avoiding Regressions in 3rd Party JavaScript

Similar a Avoiding Regressions in 3rd Party JavaScript (10)

Último

Último (20)

Avoiding Regressions in 3rd Party JavaScript