|
| 1 | +footer: © Sharethrough, November XX 2015 |
| 2 | +slidenumbers: false |
| 3 | + |
| 4 | +# Angular Patterns |
| 5 | + |
| 6 | +--- |
| 7 | + |
| 8 | +## Conversion Overview |
| 9 | + |
| 10 | +- Renaming files |
| 11 | +- Converting rails templates to angular templates |
| 12 | +- Front-end routing |
| 13 | +- Front-end permissions |
| 14 | +- Fetching data from Rails API |
| 15 | +- Creating API controllers |
| 16 | + |
| 17 | +--- |
| 18 | + |
| 19 | +## Let's start with renaming |
| 20 | + |
| 21 | +`deals/deals_index_controller.js.coffee` |
| 22 | +becomes |
| 23 | +`deals/index.controller.js.coffee`[^1] |
| 24 | + |
| 25 | +`deals/api_service.js.coffee` |
| 26 | +becomes |
| 27 | +`deals/data_service.js.coffee` |
| 28 | + |
| 29 | + |
| 30 | +[^1]: [https://github.com/johnpapa/angular-styleguide#naming](https://github.com/johnpapa/angular-styleguide#naming) |
| 31 | + |
| 32 | +--- |
| 33 | + |
| 34 | +## What that looked like for deals |
| 35 | + |
| 36 | + |
| 37 | + |
| 38 | + |
| 39 | + |
| 40 | + |
| 41 | +^ as you can see, some were already correct, others not |
| 42 | + |
| 43 | +--- |
| 44 | + |
| 45 | + |
| 46 | +# Nested Lists |
| 47 | + |
| 48 | +- You can create nested lists |
| 49 | + 1. by indenting |
| 50 | + 1. each item with |
| 51 | + 1. 4 spaces |
| 52 | +- It’s that simple |
| 53 | + |
| 54 | +--- |
| 55 | + |
| 56 | +# Links |
| 57 | + |
| 58 | +Create links to any external resource—like [a website](http://www.decksetapp.com)—by wrapping link text in square brackets, followed immediately by a set of regular parentheses containing the URL where you want the link to point: |
| 59 | + |
| 60 | +`‘[a website](http://www.decksetapp.com)’` |
| 61 | + |
| 62 | +Your links will be clickable in exported PDFs as well! |
| 63 | + |
| 64 | +--- |
| 65 | + |
| 66 | +# Display formulas |
| 67 | + |
| 68 | +Easily include mathematical formulas by enclosing TeX commands in `$$` delimiters. Deckset uses [MathJax](http://www.mathjax.org/) to translate TeX commands into beautiful vector graphics. |
| 69 | + |
| 70 | +Formula support is available as in-app purchase. See the next slide for an example. |
| 71 | + |
| 72 | +<a name="formulas"></a> |
| 73 | + |
| 74 | +--- |
| 75 | + |
| 76 | +## Schrödinger equation |
| 77 | + |
| 78 | +The simplest way to write the time-independent Schrödinger equation is $$H\psi = E\psi$$, however, with the Hamiltonian operator expanded it becomes: |
| 79 | + |
| 80 | +$$ |
| 81 | +-\frac{\hbar^2}{2m} \frac{d^2 \psi}{dx^2} + V\psi = E\psi |
| 82 | +$$ |
| 83 | + |
| 84 | +--- |
| 85 | + |
| 86 | +# Captioned Images and Videos |
| 87 | + |
| 88 | + |
| 89 | + |
| 90 | +Easily create captions using [inline] images/videos with text underneath. |
| 91 | + |
| 92 | +--- |
| 93 | + |
| 94 | +# Plus: |
| 95 | + |
| 96 | +- PDF export for printed handouts |
| 97 | +- Speaker notes and rehearsal mode |
| 98 | +- Switch theme and ratio on the fly |
| 99 | +- Animated GIFs for cheap wins and LOLs :-) |
0 commit comments