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

Angular Patterns

Aaron
November 11, 2015
Technology
0
30

Angular Patterns

Private Marketplace Angular conversion notes

Aaron

November 11, 2015
Tweet

Other Decks in Technology

See All in Technology
AWS パートナー企業でテクニカルサポートに従事して2年経ったので思うところをまとめてみた
kazzpapa3
3
1.3k
プロデザ！ BY リクルート vol.18_リクルートのリサーチ実践組織「リサーチブーストコミュニティ」
recruitengineers
PRO
3
240
コンパウンドスタートアップのためのスケーラブルでセキュアなInfrastructure as Codeパイプラインを考える / Scalable and Secure Infrastructure as Code Pipeline for a Compound Startup
yuyatakeyama
3
2k
Google Cloud の AI を支える裏側のインフラを垣間見る！
maroon1st
0
150
Databricks における 『MLOps』
databricksjapan
2
130
Databricks:『生成AI World Cup』のご案内
databricksjapan
2
140
"好き"との生活/Regularly update profile with GitHub Actions
judeeeee
0
150
なぜ NOT A HOTEL が Web3 に取り組むのか - NOT A HOTEL TECH TALK
ynunokawa
0
160
DevOpsDays History and my DevOps story
kawaguti
PRO
8
1.5k
Hands-on / Kaname Frusawa / Cloud Compare Users Meetup 2024 at University of Tokyo on April 17
paraworld
2
470
A (short) History of AI
harishpillay
0
110
ここが嬉しいABAC ここが辛いよABAC #再解説+補足編
masahirokawahara
0
210

Featured

See All Featured
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
321
20k
Faster Mobile Websites
deanohume
297
30k
Why You Should Never Use an ORM
jnunemaker
PRO
50
8.6k
YesSQL, Process and Tooling at Scale
rocio
163
13k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
154
14k
Build The Right Thing And Hit Your Dates
maggiecrowley
23
2k
Agile that works and the tools we love
rasmusluckow
324
20k
In The Pink: A Labor of Love
frogandcode
138
21k
Intergalactic Javascript Robots from Outer Space
tanoku
266
26k
WebSockets: Embracing the real-time Web
robhawkes
59
7k
Navigating Team Friction
lara
177
13k
Creatively Recalculating Your Daily Design Routine
revolveconf
209
11k

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