Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Introducción a Vue.js
Search
Thian
August 16, 2018
Programming
0
46
Introducción a Vue.js
Charla sobre introducción a Vue.js Framework de Javascript.
Thian
August 16, 2018
Tweet
Share
Other Decks in Programming
See All in Programming
コミュニティに参加したことで起きた変化
ohmori_yusuke
3
130
もうすぐ新年度、Babylon.jsがお勧めな3個の理由
hideg
0
160
Introduction for Open Source Swift Workshop
giginet
PRO
0
180
SwiftUI, Jetpack Composeの導入で変化した「家族アルバム みてね」のアプリ開発体験
hicka04
6
400
脱・初心者!脱・マネコン!AWS CDKを使ってみませんか!?
har1101
0
120
ONE WEDGE_Company_Information
1wedge
0
170
DDDはなぜ難しいのか / 良いコードの定義と設計能力の壁
pospome
24
7.3k
ISUCONってなんだか難しそう……!!でも、初めてのISUCONにPHPで挑戦してきました!
kotomin_m
1
300
今の SmartHR にエンジニアで入社するとどうなるの?
daisukeshinoku
1
320
Swiftの型推論を学ぼう | Let's Learn About Type Inference in Swift
omochi
2
520
incrementalモデルの理解を深める
ikkimiyazaki
2
640
両面どころかインフラもTSでできるよ ~ 全方位TypeScriptによるプロダクト開発 ~
myfinder
8
2.2k
Featured
See All Featured
Fontdeck: Realign not Redesign
paulrobertlloyd
75
4.8k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
240
1.2M
10 Git Anti Patterns You Should be Aware of
lemiorhan
644
57k
Web development in the modern age
philhawksworth
201
10k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
58
14k
What's in a price? How to price your products and services
michaelherold
236
11k
Teambox: Starting and Learning
jrom
126
8.4k
A designer walks into a library…
pauljervisheath
199
23k
How GitHub (no longer) Works
holman
301
140k
The Illustrated Children's Guide to Kubernetes
chrisshort
28
46k
How to name files
jennybc
62
92k
How GitHub Uses GitHub to Build GitHub
holman
467
290k
Transcript
Hola Mundo Introducciona Vue.js y Vuex
None
Por qué un framework Front End
Javascript Antes Desarrollo web centrado solamente en el backend
Javascript Ahora Desarrollo web backend Frontend, aplicaciones web dinámicas.
None
¿Por qué Vue.js?
Fácil de Aprender Curva de aprendizaje óptima Mantiene características del
desarrollo web conocido. Documentación Excelente Flexible y liviano Comunidad de software libre
Sintaxis Vue.js Sintaxis sencilla, se puede comenzar con conocimientos básicos
en javascript
¿Cómo comenzar con vue.js?
None
None
Características de vue.js
Directivas y renderizado Cuenta con renderizado declarativo, directivas que aplican
efectos reactivos en DOM.
Condicionales, bucles y filtros Condicionales y Bucles insertados en el
html por medio de directivas Filtros Aplicables a variables renderizadas, o dentro de atributos de una directiva
Propiedades Computadas y Observadas Las propiedades computadas son cacheadas, basándose
en sus dependencias. Las propiedades observadas, cambian basándose en otros datos.
Enlaces a formularios, Eventos y Estilos. Se puede intercambiar múltiples
clases, agregando campos al objeto, cuenta con sintaxis de arreglo. Se cuenta con eventos como: @click, @focus, @changed Los formularios se enlazan por medio de la directiva v-model
Componentes Vue sugiere dividir una aplicación web, en componentes reusables.
Ciclo de Vida Vue.js los métodos que controlan el ciclo
de vida son llamadas hooks.
Trabajo en Equipo con Vue.js Es recomendable utilizar un template
de Vue-cli Se puede mantener la separación entre diseñador y programador
Layouts Los layouts ayudan a escribir menor cantidad de código
y a realizar pocas peticiones al servidor
Slot - Padre Se declara segmentos de código que sirven
como ranuras donde se renderizan otros componentes
Slot - Hijo Componente que es renderizado en una parte
especificada del Layout.
Vue-Router Podemos tener un código más ordenado, con estructura más
legible, y resumiendo aún más peticiones al servidor
Vuex
Cuando surge la necesidad de utilizar Vuex
Store: Acctions y Getters Vuex nos ayuda a gestionar una
tienda o almacén de estados, mediante acciones, mutaciones y a una comunicación entre componentes.
Modularizacion en Vuex.
None