@@ -28,16 +28,17 @@ Summary steps:
2828
2929## 01 Hello VueJS
3030
31- In this sample we are going to create our first Vue.js component and connect it with the DOM.
31+ In this sample we are going to create our first Vue.js SFC and connect it with the DOM.
3232
3333We will take a startup point sample _ 00 Boilerplate_ .
3434
3535Summary steps:
36- - Install Vue.js devtools.
37- - Install ` vue.js ` library.
38- - Configure webpack to work with ` vue.js ` .
39- - Update ` index.html ` .
40- - Update ` main.ts ` .
36+
37+ - Install Vue.js devtools.
38+ - Install ` vue.js ` library and others dependencies.
39+ - Configure webpack to work with ` vue.js ` .
40+ - Update ` index.html ` .
41+ - Update ` main.ts ` .
4142
4243## 02 Properties
4344
@@ -46,67 +47,59 @@ In this sample we are going to learn a basic concept, handling properties.
4647We will take a startup point sample _ 01 Hello VueJS_ .
4748
4849Summary steps:
49- - Update ` main.ts ` with and input element.
50- - Use ` v-model ` directive.
51- - Create our first component.
52- - Passing properties from ` main.ts ` to ` hello.ts ` .
53- - Other approach to work with properties.
54-
55- ## 03 Render
56-
57- In this sample we are going to work with ` render ` function.
58-
59- We will take a startup point sample _ 02 Properties_ .
6050
61- Summary steps:
62- - Configure to work with runtime-only build.
63- - Enable and configure jsx
64- - Install ` babel-plugin-transform-vue-jsx `
65- - Rename to ` main.tsx ` and update it.
66- - Rename to ` hello.tsx ` and update it.
51+ - Update ` App.vue ` with and input element.
52+ - Use ` v-model ` directive.
53+ - Create our first component.
54+ - Passing properties from ` main.ts ` to ` hello.ts ` .
55+ - Other approach to work with properties.
6756
68- ## 04 Login
57+ ## 03 Login
6958
7059In this sample we are going to create a ` login ` page.
7160
72- We will take a startup point sample _ 03 Render _ .
61+ We will take a startup point sample _ 02 Properties _ .
7362
7463Summary steps:
75- - Delete ` hello.tsx ` .
76- - Update ` index.html ` .
77- - Create ` login ` page.
78- - Configure router navigation.
79- - Create ` recipe list ` page.
80- - Create ` LoginEntity ` model.
81- - Create fake ` login ` API.
82- - Check valid login.
8364
84- ## 05 Recipe List
65+ - Delete ` Hello.vue ` .
66+ - Update ` App.vue ` .
67+ - Update ` index.html ` .
68+ - Create ` login ` page.
69+ - Configure router navigation.
70+ - Create ` recipe list ` page.
71+ - Create ` LoginEntity ` model.
72+ - Create fake ` login ` API.
73+ - Check valid login.
74+
75+ ## 04 Recipe List
8576
8677In this sample we are going to create a ` recipe list ` page.
8778
88- We will take a startup point sample _ 04 Login_ .
79+ We will take a startup point sample _ 03 Login_ .
8980
9081Summary steps:
91- - Create ` recipe ` model.
92- - Create fake ` recipe ` API.
93- - Create ` recipe list ` page container.
94- - Update ` recipe list ` page.
95- - Navigate to ` edit recipe ` page.
9682
97- ## 06 Edit Recipe
83+ - Create ` recipe ` model.
84+ - Create fake ` recipe ` API.
85+ - Create ` recipe list ` page container.
86+ - Update ` recipe list ` page.
87+ - Navigate to ` edit recipe ` page.
88+
89+ ## 05 Edit Recipe
9890
9991In this sample we are going to create a ` edit recipe ` page.
10092
101- We will take a startup point sample _ 05 Recipe List_ .
93+ We will take a startup point sample _ 04 Recipe List_ .
10294
10395Summary steps:
104- - Create ` API ` methods.
105- - Create ` pageContainer ` .
106- - Update ` page ` .
107- - Create ` common ` components.
108- - Create ` edit recipe ` form.
109- - Add ` form validations ` with ` lc-form-validation ` .
96+
97+ - Create ` API ` methods.
98+ - Create ` pageContainer ` .
99+ - Update ` page ` .
100+ - Create ` common ` components.
101+ - Create ` edit recipe ` form.
102+ - Add ` form validations ` with ` lc-form-validation ` .
110103
111104# About Lemoncode
112105
0 commit comments