Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Evolving Front End legacy with Vue.JS

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for Ramon Schmidt Rocha Ramon Schmidt Rocha
November 18, 2018
Programming
35
0

Evolving Front End legacy with Vue.JS

Introduction of the term "Legacy"
And sample code on GitHub

Avatar for Ramon Schmidt Rocha

Ramon Schmidt Rocha

November 18, 2018

More Decks by Ramon Schmidt Rocha

See All by Ramon Schmidt Rocha
Introdução ao Vue.js 2
Avatar for Ramon Schmidt Rocha ramon_src
0
140
Why Vue.js is growing between two giants?
Avatar for Ramon Schmidt Rocha ramon_src
0
30
Garantindo a experiência do usuário com testes de regressão visual
Avatar for Ramon Schmidt Rocha ramon_src
0
22
Times multidisciplinares e autônomos
Avatar for Ramon Schmidt Rocha ramon_src
0
24

Other Decks in Programming

See All in Programming
Kotlinの15年とServer-Side Kotlin
Avatar for Takehata Naoto n_takehata
1
150
UnityでSystem.Net.WebSocketsなWebSocketサーバが動かないのでUnity Monoのコードを覗いてみた / about implementing websocket server with unity mono
Avatar for にー兄さん drumath2237
1
610
當我們開始不讀 Code - AI Agent 時代，Code Review 與 Clean Code 還剩下什麼？
Avatar for James Wang jame2408
1
210
Herb in Rails 8.2: Your ERB views, now HTML-aware @ Rails World 2026, Austin, Texas
Avatar for Marco Roth marcoroth
0
220
コーディング自動化の次へ。人の介入をゼロにするファクトリーとサポートAIによる実践
Avatar for Seiji Takahashi timakin
4
3.5k
Web Framework Benchmark Battle 2026, Any%
Avatar for Akira Matsuda a_matsuda
2
2k
KiroのSpecで「五目並べ」を作ってみる
Avatar for Satoshi Kaneyasu satoshi256kbyte
1
380
コードレビューのボトルネックを"する側"と"される側"の両面から解消する
Avatar for yub0n yub0n
2
1.6k
IBM Bob でAI駆動開発『QC-Playbook』
Avatar for 1kano ichirokano2
0
110
機械に任せるテスト、人が見るテスト ⽣成AIで引き直した、運⽤保守フェーズの線引き
Avatar for KUSATAKE Daisuke dske104
0
190
Jetpack Compose Mechanisms
Avatar for Jaewoong skydoves
3
820
HTML-in-Canvasで作る未来のWeb UI表現
Avatar for IKEDA Yasunobu clockmaker
5
5.1k

Featured

See All Featured
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
Avatar for Akash Hashmi akashhashmi
0
520
How Software Deployment tools have changed in the past 20 years
Avatar for Geshan Manandhar geshan
2
35k
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
61
10k
How To Speak Unicorn (iThemes Webinar)
Avatar for Michelle Schulp Hunt marktimemedia
1
600
Agile Actions for Facilitating Distributed Teams - ADO2019
Avatar for Mark Kilby mkilby
0
310
How People are Using Generative and Agentic AI to Supercharge Their Products, Projects, Services and Value Streams Today
Avatar for Helen Beal helenjbeal
2
360
Agile Leadership in an Agile Organization
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
280
Groundhog Day: Seeking Process in Gaming for Health
Avatar for Sebastian Deterding codingconduct
0
410
Unsuck your backbone
Avatar for Amy Palamountain ammeep
672
58k
Darren the Foodie - Storyboard
Avatar for Kevinho.art khoart
PRO
4
4k
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
273
28k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
174
15k

Transcript

  1. Evoluindo Legados com Vue.Js

  2. Olá! Meu nome é Ramon Schmidt e Eu amo compartilhar

    conhecimento! @ramon-src ou @ramon_src 2

  3. 1. O que é um legado?

  4. “ Legado é um presente ou uma herança, no qual

    é passado, dotado ou transmitido de uma pessoa para outra. Google 4

  5. 2. Quando criamos um?

  6. 3. Empresas em evolução

  7. 4. Qual é o legado que você vai deixar?

  8. ▪ Acessível ▪ Versátil ▪ Performático 8

  9. 9 Talk is cheap. Show me the code.

  10. 10 Maneira mais simples

  11. 11 JSP Tag

  12. 12 Vue template com Webpack

  13. <script> var vues = document.querySelectorAll(".vue-components"); var each = Array.prototype.forEach; each.call(vues,

    function (el, index) { new Vue({ el }) }); </script> 13