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
170

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
69
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
71

Other Decks in Technology

See All in Technology
kintone開発のプラットフォームエンジニアの紹介
Avatar for Cybozu cybozuinsideout
PRO
0
830
メタデータ同期に潜んでいた問題 〜 Cache Stampede 時の Cycle Wait を⾒つけた話
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
150
vLLM Community Meetup Tokyo #3 オープニングトーク
Avatar for jpishikawa jpishikawa
0
190
自動テストが巻き起こした開発プロセス・チームの変化 / Impact of Automated Testing on Development Cycles and Team Dynamics
Avatar for コドモン開発チーム codmoninc
2
1.2k
生成AIの利用とセキュリティ /gen-ai-and-security
Avatar for Masayoshi Mizutani mizutani
1
1.4k
オンプレとGoogle Cloudを安全に繋ぐための、セキュア通信の勘所
Avatar for Yuta Ozaki waiwai2111
3
1.1k
作りっぱなしで終わらせない！ 価値を出し続ける AI エージェントのための「信頼性」設計 / Designing Reliability for AI Agents that Deliver Continuous Value
Avatar for Kento Kimura aoto
PRO
1
180
Introduction to Sansan Meishi Maker Development Engineer
Avatar for Sansan, Inc. sansan33
PRO
0
370
Windows ネットワークを再確認する
Avatar for Murachi Akira murachiakira
PRO
0
290
クラウド時代における一時権限取得
Avatar for krrrr38 krrrr38
1
170
バクラクのSREにおけるAgentic AIへの挑戦/Our Journey with Agentic AI
Avatar for SadayoshiTada taddy_919
2
1.1k
A Gentle Introduction to Transformers
Avatar for Semantic Machine Intelligence Lab., Keio Univ. keio_smilab
PRO
2
880

Featured

See All Featured
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.3k
Stewardship and Sustainability of Urban and Community Forests
Avatar for Eric Wiseman pwiseman
0
130
Scaling GitHub
Avatar for Zach Holman holman
464
140k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
31
3.1k
Ethics towards AI in product and experience design
Avatar for Skipper Chong Warson skipperchong
2
220
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
Avatar for soudai sone soudai
PRO
62
51k
Skip the Path - Find Your Career Trail
Avatar for Mark Kilby mkilby
1
72
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.2k
Done Done
Avatar for chrislema chrislema
186
16k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
10
1.1k
Google's AI Overviews - The New Search
Avatar for Barry Adams badams
0
930
The innovator’s Mindset - 
Leading Through an Era of Exponential Change - McGill University 2025
Avatar for Jean-Marc De Jonghe jdejongh
PRO
1
120

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