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

Angular Patterns

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
Introduction to Bill One Development Engineer
Avatar for Sansan, Inc. sansan33
PRO
0
360
20260204_Midosuji_Tech
Avatar for Takuya Yonezawa takuyay0ne
0
110
OCI Database Management サービス詳細
Avatar for oracle4engineer oracle4engineer
PRO
1
7.3k
Webhook best practices for rock solid and resilient deployments
Avatar for Guillaume Laforge glaforge
1
260
システムのアラート調査をサポートするAI Agentの紹介/Introduction to an AI Agent for System Alert Investigation
Avatar for SadayoshiTada taddy_919
2
1.9k
データ民主化のための LLM 活用状況と課題紹介（IVRy の場合）
Avatar for 和田 悠佑 wxyzzz
2
670
レガシー共有バッチ基盤への挑戦 - SREドリブンなリアーキテクチャリングの取り組み
Avatar for Konishi tatsuhiro tatsukoni
0
200
学生・新卒・ジュニアから目指すSRE
Avatar for Hiroya Onoe hiroyaonoe
2
550
名刺メーカーDevグループ 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
0
1k
日本語テキストと音楽の対照学習の技術とその応用
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
1
420
インフラエンジニア必見!Kubernetesを用いたクラウドネイティブ設計ポイント大全
Avatar for 高棹大樹 daitak
0
320
2026年はチャンキングを極める！
Avatar for shibuiwilliam shibuiwilliam
9
1.9k

Featured

See All Featured
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
791
250k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
31
3.1k
Designing Experiences People Love
Avatar for Jonathan Moore moore
144
24k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
50
14k
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
6.9k
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
31
9.9k
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
38
3k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
26
3.3k
技術選定の審美眼（2025年版） / Understanding the Spiral of Technologies 2025 edition
Avatar for Takuto Wada twada
PRO
117
110k
Amusing Abliteration
Avatar for ianozsvald ianozsvald
0
96
Tell your own story through comics
Avatar for letsgokoyo letsgokoyo
1
800
The SEO identity crisis: Don't let AI make you average
Avatar for Varn varn
0
64

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