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

Yo Building Progressive Framework-less Vanilla ...

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Klemens Gordon Klemens Gordon
March 29, 2017
Technology
0
160

Yo Building Progressive Framework-less Vanilla Web-applications

ViennaJS YEAH IT'S SPRING March Meetup 29.03.2017

Avatar for Klemens Gordon

Klemens Gordon

March 29, 2017
Tweet

More Decks by Klemens Gordon

See All by Klemens Gordon
A loosely coupled front-end
Avatar for Klemens Gordon k9ordon
2
630
How to hamburger
Avatar for Klemens Gordon k9ordon
0
68
Webpack FTW
Avatar for Klemens Gordon k9ordon
1
680
Javascript Event Emitter
Avatar for Klemens Gordon k9ordon
0
81
responsive view - viennajs 2013-08
Avatar for Klemens Gordon k9ordon
0
70

Other Decks in Technology

See All in Technology
Frontier Agents (Kiro autonomous agent / AWS Security Agent / AWS DevOps Agent) の紹介
Avatar for msysh msysh
3
180
Introduction to Sansan for Engineers / エンジニア向け会社紹介
Avatar for Sansan, Inc. sansan33
PRO
6
68k
Red Hat OpenStack Services on OpenShift
Avatar for Tatsuya Amemiya tamemiya
0
110
仕様書駆動AI開発の実践： Issue→Skill→PRテンプレで 再現性を作る
Avatar for 西岡 賢一郎 (Kenichiro Nishioka) knishioka
2
670
Bill One急成長の舞台裏 開発組織が直面した失敗と教訓
Avatar for SansanTech sansantech
PRO
2
380
Claude_CodeでSEOを最適化する_AI_Ops_Community_Vol.2__マーケティングx_AIはここまで進化した.pdf
Avatar for 小笠原理久 riku_423
2
580
OCI Database Management サービス詳細
Avatar for oracle4engineer oracle4engineer
PRO
1
7.4k
Agile Leadership Summit Keynote 2026
Avatar for seki at druby.org m_seki
1
630
ZOZOにおけるAI活用の現在 ~開発組織全体での取り組みと試行錯誤~
Avatar for ZOZO Developers zozotech
PRO
5
5.7k
usermode linux without MMU - fosdem2026 kernel devroom
Avatar for Hajime Tazaki thehajime
0
230
SREじゃなかった僕らがenablingを通じて「SRE実践者」になるまでのリアル / SRE Kaigi 2026
Avatar for AEON aeonpeople
6
2.4k
GitHub Issue Templates + Coding Agentで簡単みんなでIaC/Easy IaC for Everyone with GitHub Issue Templates + Coding Agent
Avatar for AEON aeonpeople
1
240

Featured

See All Featured
Introduction to Domain-Driven Design and Collaborative software design
Avatar for Kenny Baas-Schwegler baasie
1
590
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
Avatar for Umar Saidu Auna auna
0
53
Between Models and Reality
Avatar for mayunak mayunak
1
190
Conquering PDFs: document understanding beyond plain text
Avatar for Ines Montani inesmontani
PRO
4
2.3k
State of Search Keynote: SEO is Dead Long Live SEO
Avatar for Ryan Jones ryanjones
0
120
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
135
9.7k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
55
12k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
65
8.4k
Navigating the moral maze — ethical principles for Al-driven product design
Avatar for Skipper Chong Warson skipperchong
2
250
First, design no harm
Avatar for Per Axbom axbom
PRO
2
1.1k
[SF Ruby Conf 2025] Rails X
Avatar for Vladimir Dementyev palkan
1
760
How to build an LLM SEO readiness audit: a practical framework
Avatar for Nick Samuel nmsamuel
1
640

Transcript

  1. Yo Building Progressive Framework-less Vanilla Web-applications

  2. Yo Building Progressive External Framework-less Mostly Vanilla Frontends

  3. hi! @thisisgordon k94n.com

  4. full stack web developer mobile js vanilla .*

  5. $ lead front end developer karriere.at

  6. what is karriere.at actually?

  7. None
  8. None

  9. 9+ public web properties

  10. major web properties

  11. more web properties

  12. b2b

  13. Scope

  14. fast web applications mobile first UX focused google ready decouple

    all the things

  15. services, db, elk api laravel frontend backend frontend application users

    ($

  16. services, db, elk api laravel frontend backend frontend application users

    ($

  17. Main Ingredients

  18. Webpack ES6 BEM Handlebars

  19. None
  20. None

  21. ViewModel API Laravel hbs markup Module First load Controller

  22. (Module) ViewModel API Laravel markup Controller hbs Recurring Module

  23. None

  24. ( )

  25. None
  26. None
  27. None
  28. None

  29. Learnings

  30. „The biggest part in our client application is the sentry

    logger“

  31. Build what we need Ready rendered applications Reuse on the

    client

  32. „Monolith first“

  33. None
  34. None

  35. QVVESTIONZ