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

The Web Of The Future - Knockout Components

1dfad8107453e0f493ff1a6a8e48d503?s=47 Jaime
September 12, 2014
Programming
1
1.2k

The Web Of The Future - Knockout Components

A very simple introduction to Knockout Components

1dfad8107453e0f493ff1a6a8e48d503?s=128

Jaime

September 12, 2014
Tweet

More Decks by Jaime

See All by Jaime
Mastering the Arcane Art of JavaScriptmancy @ DevSum
1dfad8107453e0f493ff1a6a8e48d503?s=48 vintharas
1
610
From Angular 1 to Angular 2
1dfad8107453e0f493ff1a6a8e48d503?s=48 vintharas
0
2.1k
Mastering The Arcane Art of JavaScriptmancy - Swetugg Edition
1dfad8107453e0f493ff1a6a8e48d503?s=48 vintharas
1
1.5k
Mastering the Arcane Art of JavaScript-mancy
1dfad8107453e0f493ff1a6a8e48d503?s=48 vintharas
0
3.7k
Level-Up Your Code-Fu With Chuck Norris (and ReSharper, VsVim and NCrunch)
1dfad8107453e0f493ff1a6a8e48d503?s=48 vintharas
0
1.2k
Introduction to RavenDB
1dfad8107453e0f493ff1a6a8e48d503?s=48 vintharas
0
1.3k
The Path to Jedi Text Editing With VIM - Padawan Edition
1dfad8107453e0f493ff1a6a8e48d503?s=48 vintharas
0
1.7k
TypeScript
1dfad8107453e0f493ff1a6a8e48d503?s=48 vintharas
3
300
The Way of the ReSharper Samurai
1dfad8107453e0f493ff1a6a8e48d503?s=48 vintharas
0
280

Other Decks in Programming

See All in Programming
Vite でお手軽 Vue.js の環境構築
Be33a704f251c77162896ac5ba03e9ac?s=48 azuki
1
170
Keeping your team in top shape with the Gradle Enterprise API
5f69045a2ca496221cfc624405917cdf?s=48 runningcode
3
120
Independently together: 
better developer experience & App performance
80d92d5d0bd0170aebf6e07589a0b571?s=48 bcinarli
0
150
Why Airflow? & What's new in Airflow 2.3?
4114559062197ddc69b311ea6e6207d0?s=48 kaxil
0
110
git on intellij
1a51f443c6d75a0576428792b0da05f2?s=48 hiroto_kitamura
0
160
Jakarta EE 10 - Feature by Feature with My Open Source Journey
B489790e1a844284d7cd1fa2cd6e021f?s=48 ivargrimstad
0
1.9k
#JJUG_CCC 「サポート」は製品開発？　- JDBCライブラリ屋さんが実践する攻めのテクニカルサポートとJavaエンジニアのキャリアについて -
244963b5eab1dd775692490daea81a7f?s=48 cdataj
0
400
Amazon Aurora の v1 が EOL になるので 10 クラスタアップグレードして出てきたノウハウ
A762939f94c8790c8ca8b717f1be9bee?s=48 dekokun
0
830
IE Graduation (IE の功績を讃える)
1ff811939fd0923df8321ec6d8bf9d4b?s=48 jxck
20
12k
PythonユーザによるRust入門
33a024c142ae94b54b38bb7abe0fa954?s=48 rmizuta3
9
3k
Voiceflowではじめる音声アプリ・チャットボット開発〜2022年版〜 / Introduction to Developing Voice Apps & Chatbots with Voiceflow
5caee8d2ccdb42a940545c47c6c01373?s=48 kun432
0
160
Cybozu GoogleI/O 2022 LT会 - Input for all screens
15bf72ac0417f0aab38b6f0ab084d605?s=48 jaewgwon
0
160

Featured

See All Featured
Imperfection Machines: The Place of Print at Facebook
7c8469ee8c9e594c65c59b919626c08d?s=48 scottboms
253
12k
What's new in Ruby 2.0
7edec06b5435e0dac07a353b2cc26253?s=48 geeforr
336
30k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
95d9f37115fbb0d13135d0f77132f856?s=48 morganepeng
104
16k
5 minutes of I Can Smell Your CMS
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
196
18k
Code Review Best Practice
3d6ace9554821d552146413bcdf874f6?s=48 trishagee
43
8.9k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
237
19k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
651dcfe41723207fbb0aa044a4f7c07f?s=48 dotmariusz
100
5.9k
Easily Structure & Communicate Ideas using Wireframe
0c6fd6a08d0f898159cda7cafcacf07f?s=48 afnizarnur
181
15k
Pencils Down: Stop Designing & Start Developing
79acae287842acf29084005533a7fb3b?s=48 hursman
112
9.8k
The World Runs on Bad Software
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
PRO
57
5.3k
jQuery: Nuts, Bolts and Bling
9cde37f47e4a800ea081ea42de8d749a?s=48 dougneiner
56
6.4k
Product Roadmaps are Hard
7cbd3f5f922d798cc312eaf596de7ae6?s=48 iamctodd
34
6.5k

Transcript

  1. None
  2. None
  3. None
  4. None
  5. None
  6. None

  7.  KO Components  DEMO  KO COMPONENTS IN MEDIUSFLOW

    XI  WANT TO KNOW MORE?

  8. The Web of The Future  KNOCKOUT 3.2.  SEMANTIC

    AND DOMAIN - SPECIFIC HTML  REUSABLE COMPONENTS  NEW UNIT OF COMPOSITION OF AN APP

  9. The Web of The Future <html> <head><title>Mediusflow XI</title></head> <body> <app-header></app-header>

    <inbox params=‘tasks’></inbox> <task params=‘selectedTask’></task> </body> </html> <folders></folders> <inbox-filter></inbox-filter> <grid params=“gridConfig”></grid> html template view model define(function(){ function ViewModel(params){ // stuff }; return ViewModel; });

  10. The Web of The Future  improve front-end architecture 

    IMPROVE COMPOSABILIty AND CODE REUSE  improve readability  IMPROVE PERFORMANCE: AMD, DISPOSAL
  11. None

  12. https://github.com/Vintharas/BackToTheFutureOfTheWeb

  13. The Web of The Future

  14. The Web of The Future 1. UPDATE KNOCKOUT.JS to 3.2

    VERSION 2. ROCK ON!
  15. None

  16. The Web of The Future https://vimeo.com/97519516 https://vimeo.com/97519516

  17. The Web of The Future  KNOCKOUT DOCUMENTATION http://knockoutjs.com/documentation/component-overview.html 

    KNOCKMEOUT.NET on components http://www.knockmeout.net/2014/06/knockout-3-2-preview-components.html  WEB COMPOnents W3C STANDARD http://www.w3.org/TR/components-intro/  POLYMER https://www.polymer-project.org/  ANGULAR.JS CUSTOM DIRECTIVES https://docs.angularjs.org/guide/directive

  18. The Web of The Future ENJOY THOSE WEB COMPONENTS!