Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Evolving Front End legacy with Vue.JS

Avatar for Ramon Schmidt Rocha Ramon Schmidt Rocha
November 18, 2018
Programming
0
31

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
Tweet

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
27
Garantindo a experiência do usuário com testes de regressão visual
Avatar for Ramon Schmidt Rocha ramon_src
0
20
Times multidisciplinares e autônomos
Avatar for Ramon Schmidt Rocha ramon_src
0
22

Other Decks in Programming

See All in Programming
CSC307 Lecture 07
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
550
IFSによる形状設計／デモシーンの魅力 @ 慶應大学SFC
Avatar for がむ gam0022
1
310
KIKI_MBSD Cybersecurity Challenges 2025
Avatar for ikema ikema
0
1.3k
izumin5210のプロポーザルのネタ探し #tskaigi_msup
Avatar for izumin5210 izumin5210
1
130
24時間止められないシステムを守る-医療ITにおけるランサムウェア対策の実際
Avatar for kouki.miura koukimiura
1
100
20260127_試行錯誤の結晶を1冊に。著者が解説 先輩データサイエンティストからの指南書 / author's_commentary_ds_instructions_guide
Avatar for nash_efp nash_efp
1
980
今こそ知るべき耐量子計算機暗号(PQC)入門 / PQC: What You Need to Know Now
Avatar for mackey0225 mackey0225
3
380
Package Management Learnings from Homebrew
Avatar for Mike McQuaid mikemcquaid
0
230
360° Signals in Angular: Signal Forms with SignalStore & Resources @ngLondon 01/2026
Avatar for Manfred Steyer manfredsteyer
PRO
0
130
AIと一緒にレガシーに向き合ってみた
Avatar for nyafunta9858 nyafunta9858
0
240
Oxlintはいいぞ
Avatar for Yuji Yamaguchi yug1224
5
1.3k
HTTPプロトコル正しく理解していますか？ 〜かわいい猫と共に学ぼう。ฅ^•ω•^ฅ ﾆｬ〜
Avatar for ♛Heitor Hirose hekuchan
2
690

Featured

See All Featured
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
11
830
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
49
9.9k
How to audit for AI Accessibility on your Front & Back End
Avatar for davetheseo davetheseo
0
180
The SEO Collaboration Effect
Avatar for Kristina Bergwall kristinabergwall1
0
350
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.6k
svc-hook: hooking system calls on ARM64 by binary rewriting
Avatar for Akira Moroo retrage
1
100
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
Avatar for Sophie Logan marketingsoph
0
76
[SF Ruby Conf 2025] Rails X
Avatar for Vladimir Dementyev palkan
1
760
Agile Leadership in an Agile Organization
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
83
Building AI with AI
Avatar for Ines Montani inesmontani
PRO
1
700
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
240
Marketing to machines
Avatar for Jono Alderson jonoalderson
1
4.6k

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