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

fml/myxtape - jsfoo 2014

Avatar for threepointone threepointone
September 20, 2014
Technology
2
190

fml/myxtape - jsfoo 2014

content management systems for the 21st century
Avatar for threepointone

threepointone

September 20, 2014
Tweet

More Decks by threepointone

See All by threepointone
react is a framework
Avatar for threepointone threepointone
2
190
amplify your stack - deux - jsfoo 2014
Avatar for threepointone threepointone
1
92
The last mile
Avatar for threepointone threepointone
4
410

Other Decks in Technology

See All in Technology
第４回Snowflake 金融ユーザー会 Snowflake summit recap
Avatar for Makoto tamaoki
1
330
衛星運用をソフトウェアエンジニアに依頼したときにできあがるもの
Avatar for Takahiro Miyoshi sankichi92
1
220
敢えて生成AIを使わないマネジメント業務
Avatar for Kazuki Maeda kzkmaeda
2
500
開発生産性を測る前にやるべきこと - 組織改善の実践 / Before Measuring Dev Productivity
Avatar for 株式会社カオナビ kaonavi
14
8.2k
「クラウドコスト絶対削減」を支える技術—FinOpsを超えた徹底的なクラウドコスト削減の実践論
Avatar for 株式会社DELTA delta_tech
4
180
ビジネス職が分析も担う事業部制組織でのデータ活用の仕組みづくり / Enabling Data Analytics in Business-Led Divisional Organizations
Avatar for Hiroka Zaitsu zaimy
1
300
VGGT: Visual Geometry Grounded Transformer
Avatar for peisuke peisuke
1
570
Rethinking Incident Response: Context-Aware AI in Practice
Avatar for rrreeeyyy rrreeeyyy
1
240
United airlines®️ USA Contact Numbers: Complete 2025 Support Guide
Avatar for heron31238 unitedflyhelp
0
330
Delta airlines®️ USA Contact Numbers: Complete 2025 Support Guide
Avatar for ape1422 airtravelguide
0
350
Amplify Gen2から知るAWS CDK Toolkit Libraryの使い方/How to use the AWS CDK Toolkit Library as known from Amplify Gen2
Avatar for MURAKAMI Masahiko fossamagna
0
180
[ JAWS-UG千葉支部 x 彩の国埼玉支部 ]ムダ遣い卒業！FinOpsで始めるAWSコスト最適化の第一歩
Avatar for sh_fk2 sh_fk2
2
150

Featured

See All Featured
Music & Morning Musume
Avatar for Bryan Veloso bryan
46
6.7k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
53
7.7k
BBQ
Avatar for Matthew Crist matthewcrist
89
9.7k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
328
39k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
430
65k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
357
30k
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
8
700
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
407
66k
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
35
6.7k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.3k
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
48
50k

Transcript

  1. fml / myxtape π

  2. CONTENT buzzword!

  3. CREATE imo, the most complex part to build

  4. None

  5. json yml xml markdown html plaintext binary* xaml jsx .

    . .

  6. --- format: < json | yml | … > <key>

    : <value> --- <body>

  7. --- format: markdown author: Sunil Pai --- I say, *Smashing,*

    ‘ol chap. ! Have you had a look at [reddit.com](reddit)?

  8. { meta: { format: ‘markdown’, author: ‘Sunil Pai’ }, body:

    “I say, *Smashing,* ‘ol chap.\n Have you had a look at [reddit.com](reddit)?” } }

  9. .set(‘my first blog post’, doc) ! .get(‘monday update’) ! .query({find:

    ‘guitars’})

  10. “layouts” are special /r/trees

  11. jsx

  12. [quick demo of jsx]

  13. None
  14. None
  15. None

  16. json Components

  17. [ ]

  18. sql parse.com firebase redis couchdb mongo filesystem in-memory leveldb .

    . .

  19. DELIVERY

  20. “popular restaurants in bangalore” ! vs ! “recently opened restaurants

    in bangalore” ! vs ! “things I might like to eat today”
  21. None
  22. None

  23. <block title=‘Nike'> ! <carousel> <product id={123456} /> <product id={216541} />

    <product id={187541} /> </carousel> <search term='shoes' sort='price'/> ! </block>

  24. transform(tree, callback);

  25. CONSUME “standards”

  26. basically, make nice apis. and structure your apps well.

  27. demoooooooooooo

  28. and… that’s it. questions?