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

Angular Patterns

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for Aaron Aaron
November 11, 2015
Technology
0
32

Angular Patterns

Private Marketplace Angular conversion notes

Avatar for Aaron

Aaron

November 11, 2015
Tweet

Other Decks in Technology

See All in Technology
ブロックテーマでサイトをリニューアルした話 / 2026-01-31 Kansai WordPress Meetup
Avatar for Toro_Unit (Hiroshi Urabe) torounit
0
460
Introduction to Sansan for Engineers / エンジニア向け会社紹介
Avatar for Sansan, Inc. sansan33
PRO
6
68k
Claude_CodeでSEOを最適化する_AI_Ops_Community_Vol.2__マーケティングx_AIはここまで進化した.pdf
Avatar for 小笠原理久 riku_423
2
520
Bill One急成長の舞台裏 開発組織が直面した失敗と教訓
Avatar for SansanTech sansantech
PRO
2
320
Amazon Bedrock Knowledge Basesチャンキング解説！
Avatar for 野口碧生 aoinoguchi
0
130
プロダクト成長を支える開発基盤とスケールに伴う課題
Avatar for yuu26 yuu26
4
1.3k
20260204_Midosuji_Tech
Avatar for Takuya Yonezawa takuyay0ne
1
140
OWASP Top 10:2025 リリースと 少しの日本語化にまつわる裏話
Avatar for Riotaro OKADA okdt
PRO
3
580
Introduction to Bill One Development Engineer
Avatar for Sansan, Inc. sansan33
PRO
0
360
日本の85%が使う公共SaaSは、どう育ったのか
Avatar for たけだ taketakekaho
1
140
M&A 後の統合をどう進めるか ─ ナレッジワーク × Poetics が実践した組織とシステムの融合
Avatar for KNOWLEDGE WORK / 株式会社ナレッジワーク kworkdev
PRO
1
420
30万人の同時アクセスに耐えたい！新サービスの盤石なリリースを支える負荷試験 / SRE Kaigi 2026
Avatar for GENDA genda
3
1.1k

Featured

See All Featured
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
80
6.2k
[SF Ruby Conf 2025] Rails X
Avatar for Vladimir Dementyev palkan
1
740
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.6k
Marketing to machines
Avatar for Jono Alderson jonoalderson
1
4.6k
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
0
410
So, you think you're a good person
Avatar for Per Axbom axbom
PRO
2
1.9k
Sam Torres - BigQuery for SEOs
Avatar for Tech SEO Connect techseoconnect
PRO
0
180
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
273
21k
Accessibility Awareness
Avatar for Sarah Abderemane sabderemane
0
51
Docker and Python
Avatar for Tania Allard trallard
47
3.7k
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
Avatar for Helen Beal helenjbeal
1
92

Transcript

  1. Angular Patterns © Sharethrough, November 11 2015

  2. Conversion Overview —Renaming files —Converting templates —Fetching data from Rails

    API —Creating API controllers —Front-end routing —Front-end permissions © Sharethrough, November 11 2015

  3. Renaming1 deals/deals_index_controller.js.coffee becomes deals/index.controller.js.coffee deals/api_service.js.coffee becomes deals/data_service.js.coffee 1 https://github.com/johnpapa/angular-styleguide#naming ©

    Sharethrough, November 11 2015

  4. Renaming © Sharethrough, November 11 2015

  5. Template Conversion © Sharethrough, November 11 2015

  6. Template Conversion © Sharethrough, November 11 2015

  7. Getting Rails Data © Sharethrough, November 11 2015

  8. Getting Rails Data © Sharethrough, November 11 2015

  9. Getting Rails Data © Sharethrough, November 11 2015

  10. Getting Rails Data © Sharethrough, November 11 2015

  11. Angular Partials deals/index.nghaml deals/bar_table.nghaml © Sharethrough, November 11 2015

  12. Angular Partials In case wrapping the partial causes issues ©

    Sharethrough, November 11 2015

  13. Angular Routing2 2 https://github.com/angular-ui/ui-router © Sharethrough, November 11 2015

  14. Angular Routing New and Show routes: © Sharethrough, November 11

    2015

  15. Angular Routing © Sharethrough, November 11 2015

  16. Route Authorization deals/router.js.coffee shared/permissions.constant.js.coffee © Sharethrough, November 11 2015

  17. Route Authorization © Sharethrough, November 11 2015

  18. Route Authorization © Sharethrough, November 11 2015

  19. Route Authorization © Sharethrough, November 11 2015

  20. Route Authorization © Sharethrough, November 11 2015

  21. Route Authorization © Sharethrough, November 11 2015

  22. ifCan Directive The frankenstein if-else © Sharethrough, November 11 2015

  23. Router Resolving © Sharethrough, November 11 2015

  24. Router Resolving © Sharethrough, November 11 2015

  25. Router Resolving © Sharethrough, November 11 2015

  26. Gotchas and Interestings Coffeescript + Inline-Edit © Sharethrough, November 11

    2015

  27. Gotchas and Interestings Boostrap Modals © Sharethrough, November 11 2015

  28. Gotchas and Interestings Boostrap Modals © Sharethrough, November 11 2015

  29. Gotchas and Interestings Camelizing and Decamelizing $http requests © Sharethrough,

    November 11 2015

  30. Further Discussion —Coffeescript: CS classes vs VM syntax? —str-directive-name? —Plan

    for separating front-end from back-end —Better handling duplication like metrics-related stuff —relying on cancan abilities JSON —plan for future refactorings? —feature flagged angular routing? © Sharethrough, November 11 2015

  31. References John Papa's Styleguide AngularUI Router Angular Devise Pull Request

    © Sharethrough, November 11 2015

  32. © Sharethrough, November 11 2015