How to angular js

How to angular js

Transcript

1. ؔ ੢ A N G U L A R . J S ษ ڧ ձ B Y K A N S A I F R O N T E N D U S E R S G R O U P
2. I N T R O D U C T I O N • @plum_shiga ʢ΀ΒΉʣ • Angular.js ॳ৺ऀ
3. ͜ ͜ ͕ ෼ ͔ Β Μ A N G U L A R . J S @ P L U M _ S H I G A ʢ ΀ Β Ή ʣ
4. Angular.jsͷ෼͔ΒΜͱ͜Ζ
5. Q U E S T I O N I T E M S • ·ͣԿΛ͢Ε͹͍͍Μͩʂ • Ͳ͏΍ͬͯษڧ͢Ε͹͍͍Μͩʂ • ΞϓϦ࡞ͬͯΈ͍ͨͧʂɹͲ͏͢ΓΌαΫοͱͰ͖Δ Μͩʂ
6. • ·ͣԿΛ͢Ε͹͍͍Μͩʂ • Ͳ͏΍ͬͯษڧ͢Ε͹͍͍Μͩʂ • ΞϓϦ࡞ͬͯΈ͍ͨͧʂɹͲ͏͢ΓΌαΫοͱͰ͖Δ Μͩʂ Q U E S T I O N I T E M S
7. AT F I R S T…
8. ·ͣ͸͙͙ͬͯެࣜͷTutorial΁ɻ ຊ Ո ʹ ɻ
9. i n d e x . h t m l > Tu t o r i a l
10. i n d e x . h t m l > Tu t o r i a l > 0 - B o o t s t r a p p i n g
11. gitͩͷnpmͩͷͰҰ୴ͭ·ͣ͘ɻ
12. 0 - Bootstrapping ͰԿΛ͍ͨ͠ͷ͔ʁ ཁ͢Δʹ ͜͜ͷ४උ
13. ӳޠ͠ΜͲ͍…… Α͘Θ͔ΒΜ୯ޠ΋ଟ͍……
14. ͦ͜Ͱඞࡴͷढจɻ G O O G L E A P I G I T H U B B O O T S T R A P C D N
15. < ! d o c t y p e h t m l > < h t m l n g - a p p = " u i . b o o t s t r a p . d e m o " > < h e a d > < s c r i p t s rc = " / / a j a x . g o o g l e a p i s . c o m / a j a x / l i b s / a n g u l a r j s / 1 . 3 . 1 3 / a n g u l a r. j s " > < / s c r i p t > < s c r i p t s rc = " / / a n g u l a r- u i . g i t h u b . i o / b o o t s t r a p / u i - b o o t s t r a p - t p l s - 0 . 1 3 . 0 . j s " > < / s c r i p t > < s c r i p t s rc = " e x a m p l e . j s " > < / s c r i p t > < l i n k h re f = " / / n e t d n a . b o o t s t r a p c d n . c o m / b o o t s t r a p / 3 . 1 . 1 / c s s / b o o t s t r a p . m i n . c s s " re l = " s t y l e s h e e t " > < / h e a d > < b o d y > ɾ ɾ ɾ ɾ ɾ ɾ ɾ ɾ ɾ ɾ ɾ ɾ ɾ ɾ ɾ ɾ ɾ ɾ < / b o d y > < / h t m l > Web ͔ΒҾͬு͖ͬͯͨΒOK
16. ճ౴1 ͱΓ͋͑ͣɺ͋Δ΋ͷҾͬுͬͯ͜Α͔ɻ
17. • ·ͣԿΛ͢Ε͹͍͍Μͩʂ • Ͳ͏΍ͬͯษڧ͢Ε͹͍͍Μͩʂ • ΞϓϦ࡞ͬͯΈ͍ͨͧʂɹͲ͏͢ΓΌαΫοͱͰ͖Δ Μͩʂ Q U E S T I O N I T E M S
18. H o w t o l e a r n
19. ͱ Γ ͋ ͑ͣ υ ο τ Π ϯε τ ʔϧ
20. ͻ ͱ ௨ Γ ͋ Γ · ͢
21. ಈ ͘ Ϩ ϕ ϧ · Ͱ ͍ ͚Δ
22. C o d e S c h o o l
23. ͜ ͪ Β ΋ ֤ छ ݴ ޠ ͋ Γ · ͢
24. j a v a S c r i p t ಺ Ͱ ࡉ ෼ Խ ͯ͠ · ͢ɻ
25. A n g u l a r. j s ͸ 2 ί ʔε
26. G e m , D i re c t i v e ͳ Ͳ ɻ
27. • ·ͣԿΛ͢Ε͹͍͍Μͩʂ • Ͳ͏΍ͬͯษڧ͢Ε͹͍͍Μͩʂ • ΞϓϦ࡞ͬͯΈ͍ͨͧʂɹͲ͏͢ΓΌαΫοͱͰ͖Δ Μͩʂ Q U E S T I O N I T E M S
28. ͦΖͦΖ࡞ΓͨΈɻ
32. Githubతͳɻ
35. ࣮ಇ΋֬ೝͰ͖·͢
36. · ͱ Ί • ·ͣԿΛ͢Ε͹͍͍Μͩʂ → Web͔Β·ͣ͸֤छҾͬுͬͯ͜Α͏ • Ͳ͏΍ͬͯษڧ͢Ε͹͍͍Μͩʂ →υοτΠϯετʔϧ΍CodeSchoolͳͲɻ࢖͓͏ɻ • ΞϓϦ࡞ͬͯΈ͍ͨͧʂɹͲ͏͢ΓΌαΫοͱͰ͖Δ Μͩʂ → BootstrapUI ͱ͔ jsdoit͔Β΋Β͖ͬͯ·͠ΐ͏