├── LICENSE ├── README.md ├── done.html ├── index1.html ├── index10.html ├── index11.html ├── index2.html ├── index3.html ├── index4.html ├── index5.html ├── index6.html ├── index7.html ├── index8.html ├── index9.html └── tasks.json /LICENSE: -------------------------------------------------------------------------------- 1 | Copyright (c) 2015, 2 | All rights reserved. 3 | 4 | Redistribution and use in source and binary forms, with or without 5 | modification, are permitted provided that the following conditions are met: 6 | 7 | * Redistributions of source code must retain the above copyright notice, this 8 | list of conditions and the following disclaimer. 9 | 10 | * Redistributions in binary form must reproduce the above copyright notice, 11 | this list of conditions and the following disclaimer in the documentation 12 | and/or other materials provided with the distribution. 13 | 14 | * Neither the name of learning-vuejs-1.0-laracasts nor the names of its 15 | contributors may be used to endorse or promote products derived from 16 | this software without specific prior written permission. 17 | 18 | THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" 19 | AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE 20 | IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE 21 | DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE 22 | FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL 23 | DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR 24 | SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER 25 | CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, 26 | OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE 27 | OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. 28 | 29 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # learning-vuejs-1.0-laracasts 2 | Tutorial code for [Learning Vue 1.0: Step By Step](https://laracasts.com/series/learning-vue-step-by-step) by laracsts 3 | 4 | 1. Hello Databinding ([5:03](https://laracasts.com/series/learning-vue-step-by-step/episodes/1)) 5 | 2. Vue Show ([4:33](https://laracasts.com/series/learning-vue-step-by-step/episodes/2)) 6 | 3. Event Handling ([6:28](https://laracasts.com/series/learning-vue-step-by-step/episodes/3)) 7 | 4. A Peek into Components ([11:20](https://laracasts.com/series/learning-vue-step-by-step/episodes/4)) 8 | 5. Computed Properties ([6:23](https://laracasts.com/series/learning-vue-step-by-step/episodes/5)) 9 | 6. Subscription Plans Exercise ([16:28](https://laracasts.com/series/learning-vue-step-by-step/episodes/6)) 10 | 7. Rendering and Working With Lists ([7:15](https://laracasts.com/series/learning-vue-step-by-step/episodes/7)) 11 | 8. Custom Components 101 ([5:57](https://laracasts.com/series/learning-vue-step-by-step/episodes/8)) 12 | 9. Vue Makes it so Easy ([7:45](https://laracasts.com/series/learning-vue-step-by-step/episodes/9)) 13 | 10. Vue, Laravel, and AJAX ([12:45](https://laracasts.com/series/learning-vue-step-by-step/episodes/10)) 14 | 11. Vue Resource ([6:37](https://laracasts.com/series/learning-vue-step-by-step/episodes/11)) 15 | -------------------------------------------------------------------------------- /done.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 |

Submitted!

17 | 18 | -------------------------------------------------------------------------------- /index1.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 19 | 20 |
21 |

{{ message }}

22 | 23 | 
24 |                 {{ $data | json }}
25 |
26 | 27 |
28 | 29 | 30 | 38 | 39 | 40 | -------------------------------------------------------------------------------- /index10.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 15 | 16 | 17 | 18 | 21 | 22 |
23 | 24 |
25 | 26 | 35 | 36 | 37 | 38 | 64 | 65 | -------------------------------------------------------------------------------- /index11.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 15 | 16 | 17 | 18 | 21 | 22 |
23 | 24 |
25 | 26 | 35 | 36 | 37 | 38 | 68 | 69 | -------------------------------------------------------------------------------- /index2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 19 | 20 |
21 |
22 | 23 | You must enter a message 24 | 25 | 26 | 27 | 30 |
31 | 32 | 
{{ message | json }}
33 |
34 | 35 | 36 | 44 | 45 | 46 | -------------------------------------------------------------------------------- /index3.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 19 | 20 |
21 | 24 | 25 | 
{{ message | json }}
26 |
27 | 28 | 29 | 42 | 43 | 44 | -------------------------------------------------------------------------------- /index4.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 19 | 20 |
21 | 22 | 23 |
24 | 25 | 29 | 30 | 31 | 44 | 45 | 46 | -------------------------------------------------------------------------------- /index5.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 19 | 20 |

{{ fullname }}

21 | 22 | 23 | 24 | 25 | 40 | 41 | 42 | -------------------------------------------------------------------------------- /index6.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 19 | 20 |
21 |
22 | 23 |
24 | 25 | 
26 |                 {{ $data | json}}
27 |
28 |
29 | 30 | 43 | 44 | 45 | 83 | 84 | -------------------------------------------------------------------------------- /index7.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 15 | 16 | 17 | 18 | 19 | 22 | 23 |
24 | 32 | 
33 |                 {{ $data | json}}
34 |
35 |
36 | 37 | 38 | 55 | 56 | -------------------------------------------------------------------------------- /index8.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 15 | 16 | 17 | 18 | 19 | 22 | 23 |
24 | 25 | 26 | 27 | 
28 |                 {{ $data | json}}
29 |
30 |
31 | 32 | 42 | 43 | 44 | 60 | 61 | -------------------------------------------------------------------------------- /index9.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 16 | 17 | 18 | 19 | 20 | 23 | 24 |
25 | 26 | 27 | 
28 |                 {{ $data | json}}
29 |
30 |
31 | 32 | 51 | 52 | 53 | 88 | 89 | -------------------------------------------------------------------------------- /tasks.json: -------------------------------------------------------------------------------- 1 | [ 2 | { "id": "1", "body": "Go to the store" }, 3 | { "id": "2", "body": "Go to the bank" }, 4 | { "id": "3", "body": "Got to the doctor" } 5 | ] 6 | --------------------------------------------------------------------------------