Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Angular Patterns

Avatar for Aaron Aaron
November 11, 2015
Technology
35
0

Angular Patterns

Private Marketplace Angular conversion notes

Avatar for Aaron

Aaron

November 11, 2015

Other Decks in Technology

See All in Technology
AI駆動で「他アプリの音を加工できる」アプリを作った
Avatar for Masahiro satomasahiro2005
0
150
Conditional PED-ANOVA: Hyperparameter Importance in Hierarchical & Dynamic Search Spaces
Avatar for Preferred Networks pfn
PRO
0
130
スキマバイトという雇用形態は存在しないので、雇用期間1日のアルバイト契約を事業者とワーカーが結ぶ手続きを支えるのがタイミーなんです
Avatar for しが あきとし(akitoshiga) akitoshiga
0
200
Refining Active Record
Avatar for Shugo Maeda shugo
0
150
「事実」を「計測」して、「解釈」する 〜AWS Lambdaのメモリ最適解の見つけ方〜
Avatar for maimyyym maimyyym
0
170
Metadata - Section 1: HTML Basics
Avatar for mohab soliman mohab1
0
120
その Valkey 使いこなしていますか？
Avatar for Takafumi ONAKA onk
PRO
5
1.5k
UniFi（ユニファイ）AIカメラの現場活用
Avatar for ludicmind ludicmind
1
440
LambdaWebFunctionsを試してみた / exploring-lambda-web-functions
Avatar for koukihosaka koukihosaka
1
340
NDIでApple Vision Proにリアルタイム映像送信
Avatar for jyouryuusui jyouryuusui
0
120
JAWS-UGグッズ職人仕事の流儀
Avatar for Hiroo Katoh kentapapa
0
100
パスキーの自動テストはどこまでいけるのか
Avatar for teamLab teamlab
PRO
0
200

Featured

See All Featured
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.9k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
56
3.5k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1369
210k
So, you think you're a good person
Avatar for Per Axbom axbom
PRO
2
2.2k
Avoiding the “Bad Training, Faster” Trap in the Age of AI
Avatar for Mike Taylor tmiket
0
270
Prompt Engineering for Job Search
Avatar for Mfonobong Umondia mfonobong
0
520
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
220k
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
239
140k
Visualization
Avatar for Eitan Lees eitanlees
153
17k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
4k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
163
24k
The Curious Case for Waylosing
Avatar for Cassini Nazir cassininazir
1
570

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