|
1 | | -## Vue JS Noob |
2 | | - |
3 | | -Simple Projects done by me while learning `Vue JS`. |
4 | | - |
5 | | ---- |
6 | | - |
7 | | -#### Task 1 ( TODO List App ) |
8 | | - |
9 | | -- This Site is Live [here](https://vue-noob-1.netlify.app/). |
10 | | - |
11 | | ---- |
12 | | - |
13 | | -#### Task 2 ( Lyric Search App ) |
14 | | - |
15 | | -- This Site is Live [here](https://vue-noob-2.netlify.app) |
16 | | - |
17 | | ---- |
18 | | - |
19 | | -#### Task 3 ( Employee Manager App ) |
20 | | - |
21 | | -- This Site is Live [here](https://vue-noob-nil-3.web.app/) |
22 | | - |
23 | | ---- |
24 | | - |
25 | | -#### Task 4 ( Simple MEVN Stack Application ) |
26 | | - |
27 | | -- This site is deployed to `Heroku` and see demo [here](https://mevn-noob-1.herokuapp.com/) |
28 | | - |
29 | | -### Setup on Local Enviroment |
30 | | - |
31 | | -``` |
32 | | -$ git clone https://github.com/nil1729/Vue-Noob.git |
33 | | -$ cd Vue-Noob |
34 | | -$ cd <Specific Directory> |
35 | | -$ npm install |
36 | | -$ npm run serve |
37 | | -``` |
38 | | - |
39 | | ---- |
40 | | - |
41 | | -### Learning Vue JS |
42 | | - |
43 | | -1. Using VueJS to Interact with the DOM |
44 | | - - Part - 1 [Live here](https://nil1729.github.io/Vue-Noob/vue-noob-DOM-1/) |
45 | | - - Part - 2 [Live here](https://nil1729.github.io/Vue-Noob/vue-noob-DOM-2/) |
46 | | - - Part - 3 [Live here](https://nil1729.github.io/Vue-Noob/vue-noob-DOM-3/) |
47 | | - - Part - 4 [Live here](https://nil1729.github.io/Vue-Noob/vue-noob-DOM-4/) |
48 | | -2. Using Conditionals and Rendering Lists |
49 | | - - Part - 1 [Live here](https://nil1729.github.io/Vue-Noob/vue-noob-COND-1/) |
50 | | -3. **The Monster Slayer** ( First Project based on Module 1 & Module 2 ) |
51 | | - - This site is live [here](https://nil1729.github.io/Vue-Noob/vue-noob-PROJ-1) |
52 | | -4. Understanding the VueJS Instance |
53 | | - - Part - 1 [Live here](https://nil1729.github.io/Vue-Noob/vue-noob-INST-1/) |
54 | | -5. Understading Vue CLI and Workflow |
55 | | - - Part - 1 [Live here](https://nil1729.github.io/Vue-Noob/vue-noob-CLI-1) |
56 | | -6. An Introduction to Components |
57 | | - - Part - 1 [Live here](https://nil1729.github.io/Vue-Noob/vue-noob-COMP-1). |
58 | | -7. Understanding Communication betwwen Components |
59 | | - - Part - 1 [Live here](https://vue-js-noob.web.app/). |
60 | | -8. Understanding Slots and Dynamic Components |
61 | | - - Part - 1 [Live here](https://vue-comp-3.web.app/). |
62 | | -9. **Wonderful Quotes** ( Second Project based on above Modules ) |
63 | | - - This site is hosted on firebase. See Demo [here](https://vue-proj-2.web.app/) |
64 | | -10. Understanding Vue JS Forms and Handle Submit |
65 | | - - Part - 1 [Live here](https://vue-form-1.web.app/) |
66 | | -11. Understanding Vue JS Custom Directives |
67 | | - - Part - 1 [Live here](https://vue-noob-directive.web.app/) |
68 | | -12. Understanding Filters and Mixins |
69 | | - - Part - 1 [Live here](https://vue-noob-filter.web.app/). |
70 | | -13. Understanding sending HTTP requests from VueJS Application. |
71 | | - - Part - 1 [Live here](https://vue-noob-http-1.web.app/) |
72 | | -14. Understanding Routing in Vue JS Application |
73 | | - - Part - 1 [Live here](https://vue-router-nil-1.web.app/) |
74 | | - - Part - 2 [Live here](https://vue-noob-router-2.web.app/) |
75 | | -15. Understanding State Mangement in Vue JS using Vuex |
76 | | - - Part - 1 [Live here](https://vue-noob-vuex.web.app/) |
77 | | - |
78 | | ---- |
79 | | - |
80 | | -<p style="text-align: center;">Made With<span style="color: red;"> ❤ </span>by <a href="https://github.com/nil1729" target="_blank"> Nilanjan Deb </a> </p> |
| 1 | +## Vue JS Noob |
| 2 | + |
| 3 | +Simple Projects done by me while learning `Vue JS`. |
| 4 | + |
| 5 | +--- |
| 6 | + |
| 7 | +#### Task 1 ( TODO List App ) |
| 8 | + |
| 9 | +- This Site is Live [here](https://vue-noob-1.netlify.app/). |
| 10 | + |
| 11 | +--- |
| 12 | + |
| 13 | +#### Task 2 ( Lyric Search App ) |
| 14 | + |
| 15 | +- This Site is Live [here](https://vue-noob-2.netlify.app) |
| 16 | + |
| 17 | +--- |
| 18 | + |
| 19 | +#### Task 3 ( Employee Manager App ) |
| 20 | + |
| 21 | +- This Site is Live [here](https://vue-noob-nil-3.web.app/) |
| 22 | + |
| 23 | +--- |
| 24 | + |
| 25 | +#### Task 4 ( Simple MEVN Stack Application ) |
| 26 | + |
| 27 | +- This site is deployed to `Heroku` and see demo [here](https://mevn-noob-1.herokuapp.com/) |
| 28 | + |
| 29 | +### Setup on Local Enviroment |
| 30 | + |
| 31 | +``` |
| 32 | +$ git clone https://github.com/nil1729/Vue-Noob.git |
| 33 | +$ cd Vue-Noob |
| 34 | +$ cd <Specific Directory> |
| 35 | +$ npm install |
| 36 | +$ npm run serve |
| 37 | +``` |
| 38 | + |
| 39 | +--- |
| 40 | + |
| 41 | +### Learning Vue JS |
| 42 | + |
| 43 | +1. Using VueJS to Interact with the DOM |
| 44 | + - Part - 1 [Live here](https://nil1729.github.io/Vue-Noob/vue-noob-DOM-1/) |
| 45 | + - Part - 2 [Live here](https://nil1729.github.io/Vue-Noob/vue-noob-DOM-2/) |
| 46 | + - Part - 3 [Live here](https://nil1729.github.io/Vue-Noob/vue-noob-DOM-3/) |
| 47 | + - Part - 4 [Live here](https://nil1729.github.io/Vue-Noob/vue-noob-DOM-4/) |
| 48 | +2. Using Conditionals and Rendering Lists |
| 49 | + - Part - 1 [Live here](https://nil1729.github.io/Vue-Noob/vue-noob-COND-1/) |
| 50 | +3. **The Monster Slayer** ( First Project based on Module 1 & Module 2 ) |
| 51 | + - This site is live [here](https://nil1729.github.io/Vue-Noob/vue-noob-PROJ-1) |
| 52 | +4. Understanding the VueJS Instance |
| 53 | + - Part - 1 [Live here](https://nil1729.github.io/Vue-Noob/vue-noob-INST-1/) |
| 54 | +5. Understading Vue CLI and Workflow |
| 55 | + - Part - 1 [Live here](https://nil1729.github.io/Vue-Noob/vue-noob-CLI-1) |
| 56 | +6. An Introduction to Components |
| 57 | + - Part - 1 [Live here](https://nil1729.github.io/Vue-Noob/vue-noob-COMP-1). |
| 58 | +7. Understanding Communication betwwen Components |
| 59 | + - Part - 1 [Live here](https://vue-js-noob.web.app/). |
| 60 | +8. Understanding Slots and Dynamic Components |
| 61 | + - Part - 1 [Live here](https://vue-comp-3.web.app/). |
| 62 | +9. **Wonderful Quotes** ( Second Project based on above Modules ) |
| 63 | + - This site is hosted on firebase. See Demo [here](https://vue-proj-2.web.app/) |
| 64 | +10. Understanding Vue JS Forms and Handle Submit |
| 65 | + - Part - 1 [Live here](https://vue-form-1.web.app/) |
| 66 | +11. Understanding Vue JS Custom Directives |
| 67 | + - Part - 1 [Live here](https://vue-noob-directive.web.app/) |
| 68 | +12. Understanding Filters and Mixins |
| 69 | + - Part - 1 [Live here](https://vue-noob-filter.web.app/). |
| 70 | +13. Understanding sending HTTP requests from VueJS Application. |
| 71 | + - Part - 1 [Live here](https://vue-noob-http-1.web.app/) |
| 72 | +14. Understanding Routing in Vue JS Application |
| 73 | + - Part - 1 [Live here](https://vue-router-nil-1.web.app/) |
| 74 | + - Part - 2 [Live here](https://vue-noob-router-2.web.app/) |
| 75 | +15. Understanding State Mangement in Vue JS using Vuex |
| 76 | + - Part - 1 [Live here](https://vue-noob-vuex.web.app/) |
| 77 | + |
| 78 | +--- |
| 79 | + |
| 80 | +<p style="text-align: center;">Made With<span style="color: red;"> ❤ </span>by <a href="https://github.com/nil1729" target="_blank"> Nilanjan Deb </a> </p> |
0 commit comments