The goal of this project is to provide a set of step by step samples, covering core concepts of Vue.js
MIT License
The goal of this project is to provide a set of step by step samples, covering core concepts of Vue.js
Each of the samples contains a README.md
file that indicates the purpose of the sample plus an step by step guide to reproduce it.
In this sample we are going to setup a web project that can be easily managed by webpack.
We won't install anything related to Vue.js, just some basic plumbing.
We will setup an initial npm project and give support to TypeScript. Then we will create a Hello World TypeScript sample.
Summary steps:
npm init
)In this sample we are going to create our first Vue.js SFC and connect it with the DOM.
We will take a startup point sample 00 Boilerplate.
Summary steps:
vue.js
library and others dependencies.vue.js
.index.html
.main.ts
.In this sample we are going to learn a basic concept, handling properties.
We will take a startup point sample 01 Hello VueJS.
Summary steps:
App.vue
with and input element.v-model
directive.main.ts
to hello.ts
.In this sample we are going to create a login
page.
We will take a startup point sample 02 Properties.
Summary steps:
Hello.vue
.App.vue
.index.html
.login
page.recipe list
page.LoginEntity
model.login
API.In this sample we are going to create a recipe list
page.
We will take a startup point sample 03 Login.
Summary steps:
recipe
model.recipe
API.recipe list
page container.recipe list
page.edit recipe
page.In this sample we are going to create a edit recipe
page.
We will take a startup point sample 04 Recipe List.
Summary steps:
API
methods.pageContainer
.page
.common
components.edit recipe
form.form validations
with lc-form-validation
.We are an innovating team of Javascript experts, passionate about turning your ideas into robust products.
Basefactor, consultancy by Lemoncode provides consultancy and coaching services.
Lemoncode provides training services.
For the LATAM/Spanish audience we are running an Online Front End Master degree, more info: http://lemoncode.net/master-frontend