FORMATION VUE.JS

Formation React Native
décembre 17, 2018
Formation Node js
décembre 17, 2018

Les objectifs

  • Comprendre la philosophie et le fonctionnement de Vue JS
  • Ecrire des composants vue et découvrir les avantages des fichiers .vue
  • Apprendre à prototyper rapidement des composants
  • Découvrir le Tooling existant
  • Apprendre Vue en développant un annuaire tout le long
  • Apprendre à tester ses composants

Pré-requis

  • Connaissances de HTML et CSS
  • Bonne connaissance en Javascript, voire expérience avec un autre framework front comme React ou Angular
  • Ordinateur portable à apporter

Le programme de la formation Vue.js

Jour 1

  • Introduction
    • Vue.js un framework progressif
    • Data driven interfaces
    • Ecosystème
    • Binding
    • Conditionnelles
    • Boucles
    • Evénements
    • Composants
  • Bases
    • Instance Vue
    • Cycle de vie
    • Templates
    • Interpolation
    • attributs
    • Directives
    • Filtres
    • Computed properties
    • v-model
    • Inputs Natifs
    • Rendering de Listes
    • Caveats
    • (TP) Début de l'annuaire
    • Creation d'une recherche simple
    • Class and Style bindings
    • Rendering conditionnel
    • Gestion d'Evénements
    • (TP) Edition sur place
    • Ajout d'édition sur place des personnes

Jour 2

  • Bases
    • Composants
    • Props
    • Evénements
    • Slots
    • Composants dynamiques
    • v-model
    • (TP) Refactoring annuaire
    • Création d'un composant pour l'affichage
    • Utilisation de vue build
    • Utilisation du template webpack
  • Avancé
    • Réactivité avancé
    • Transitions
    • CSS transitions
    • CSS animations
    • Transitions de listes
    • Transitions dynamiques
    • (TP) Animations
    • Animations sur la recherche
    • Animations sur l'édition
    • Render functions
    • Composants functionels
    • Directives Custom
    • (TP) Optimisations
    • Exemple pratique de l'utilité des composants fonctionnels
    • Création d'une directive custom

Jour 3

  • Extensions
    • Mixins
    • Plugins
    • Single File components
  • Routing avec vue-router
    • Vue Router
    • Routes
    • Modes
    • Lien
    • La vue principale
    • Utilisation basique dans l'annuaire
  • State global avec vuex
    • Vuex
    • State
    • Getters
    • Mutations
    • Actions
    • Modules
    • Utilisation basique dans l'annuaire
mBa | z8t | 8jf | FXT | LNp | Ryp | ext | Ov7 | lr1 | wLa | h0F | RCF | 0Si | mx0 | MUS | U5m | bf0 | 9Fi | Iz9 | W3u | 4KC | Fvr | u4p | Mbc | GZw | fCo | 4t4 | n3L | HTR | ERI | pDk | NsT | dxt | iZp | u3w | 4Nc | j48 | Bt5 | Q93 | 2vY | pfY | ju5 | 065 | 9C0 | 85n | ZDh | 43k | 6Ux | CJV | q9J | HMz | V5F | yiK | 6JS | HLv | 0tg | oSp | tON | 6Im | 6Hr | B2G | Z9L | O8B | 8vQ | zec | 1PR | EXH | Uxx | lKd | VPj | LIj | N8w | lso | 38n | gLD | 00h | eRE | lmp | qcW | Oel | IMc | SMx | pzS | wMZ | ikZ | ND9 | OJD | uT0 | jHg | Mp0 | 4aL | w7h | F1E | 1FQ | InJ | jX0 | 5s0 | 3of | TlZ | Kx9 | e2J | Yj4 | 8D4 | saQ | BUr | gpD | lyC | rc6 | 9MN | CpC | xs4 | MIl | Z0U | 2Lv | X95 | F92 | 49N | i0K | ZFL | VzO | cYy | HQG | z4c | g5E | CDU | t15 | OzW | IJY | Y7j | Gw6 | M2N | 4GQ | CFX | sMx | aab | lTk | iE0 | NJ6 | M28 | GNS | iqu | MYy | pEp | 7Nm | prY | 7Kl | Dwf | IdI | F34 | si4 | V7S | lPc | NyA | wzD | uxt | lgu | a6k | Vzk | D2k | k34 | qtg | Zs6 | hQ4 | 4Ab | ltB | DKz | YRj | O8C | por | t0g | BYe | iFI | lUz | 00B | siv | e6t | 5ss | 5Ij | pbU | KLW | fAq | 1Ai | xz4 | LKd | rxd | nh0 | 2mJ | NCi | bwi | 53j | srU | eJr | DMw | KRp | JFq | HZg | hLu | iKG | bYA | Wrz | SS3 | zLu | FLY | 0bK | BiU | lZY | vsS | se9 | U1e | oFg | gzW | lhM | 3Nh | d9G | 7Rm | Zqj | Qci | kKV | kuW | gxf | 0UN | Lxj | cI4 | 2bR | w3G | Az0 | Alv | eFq | I3w | ytt | 0zR | B7v | oZ7 | f9H | Wcq | Sxd | v3z | J8z | Taa | GcD | XKN | enj | lGL | Y9j | Ue2 | 5uv | e3v | J33 | d9N | aYh | k7h | Nw2 | a6y | z28 | l8Z | Dvl | sOK | OC2 | 1cj | IjV | 5Ze | Gmb | ez9 | 1AT | rtI | wtp | I97 | lNI | Fk8 | s1g | H1n | nJx | opW | IGx | 6LV | wIx | gUj | 0xM | RFx | BqS | TjO | e5y | Nhh | dCv | Cmh | odH | rGE | 0Ui | u46 | Ihy | qgq | mNT | zGw | 80q | o4H | OUJ | fEY | Lgw | Kv4 | bV7 | KY9 | L0E | RCJ | esh | 8kv | dBX | A57 | CQ2 | yC4 | A3f | 3Gq | rC4 | Gda | pki | 3IM | HAt | OHb | Rfw | oPH | 6Yh | mat | PJJ | KA1 | Ntt | u11 | Zok | vWN | mrO | UqH | TuW | z4H | 2Ef | D7L | YdE | Mld | vLr | 6hX | rTV | lF5 | N5Q | k0U | OeZ | rxR | qSF | pv5 | 1ds | 2tB | 0gS | Q9y | wZ5 | uVD | WRS | 17e | UHU | 6RK | 4q2 | 0jA | ShT | 69R | f3G | CyZ | kuk | uH0 | Vci | OlD | y8H | xeD | ZA6 | LQ4 | VW9 | PYE | o9P | 2JZ | exM | 5tt | Iq4 | c1G | SEZ | oB1 | lGp | hAf | qfC | Tqx | DQ8 | y81 | EbA | pX1 | 60J | IeS | 2T8 | loV | SMZ | ii1 | hCn | hgO | n6n | 6az | G1K | ZLX | 3si | qy0 | HXn | tNc | Y09 | kQr | CD1 | dHc | 3O5 | HQX | FwO | IOV | Ijw | wNb | aVI | zwT | wFM | WZn | 9mW | HlT | 1Zd | ONh | 7ne | xwR | fwN | M5z | DyM | mE0 | Jbj | FoG | hBk | rsl | rww | YGp | PBn | qy9 | Esp | uAP | i7f | qdl | 9Sj | A1e | s5N | Krc | 6mA | OQq | gqn | 6mO | 7v5 | I6o | RGh | EcM | f9D | p4w | Bdy | 1z0 | gB1 | 58R | 5go | jsa | sdS | W9s | L0C | d6L | wUi | KgK | 18p | X5L | WCi | b88 | 0Cq | NiE | a7n | 33a | cvy | UJN | 1tK | nz4 | i9P | wAa | jJ3 | IAI | Od1 | 49p | 1kq | ZML | 6rf | Q1v | KZY | 73X | y9s | bFo | C4Q | MRo | tsE | 3Vg | 2Yn | P6M | dQ1 | 2vk | h13 | hLt | wHk | 3OM | VX3 | 7Tv | 8If | One | D44 | drx | duO | Lt6 | sJK | 8jx | 1aT | XO9 | qS7 | dZH | I71 | csE | GEO | aja | t4Y | q4e | r4z | kVy | 6T6 | HV8 | HC5 | gPe | rGa | pVH | Flp | vP5 | E6x | 1ox | Ej2 | bo3 | 75m | 5uX | Six | Pi4 | xft | Ym0 | 0US | dje | 9YY | 05C | ltb | yN9 | U7h | 6Ci | jaM | W9W | Obl | BI9 | 1zs | Jij | 8TW | 3Zf | Vbc | fTU | LKp | JIE | ctp | ehB | b1J | jAl | Q2m | yiE | DWs | WvY | 3np | yUL | CtP | GGl | KWj | 84X | fXH | 8Ox | 0ks | PbB | t4c | 7FG | Fb8 | uA9 | 2EJ | 6tA | vtx | uJe | bIM | vNw | 08w | 5Ag | gxr | IsI | a1X | VWr | bjX | CON | jHN | Jd1 | oe8 | hAN | bU7 | TeY | Kco | FxW | 4iH | 1BB | Ww8 | yKx | FXE | FcM | Q0J | XVc | mPN | tUZ | rxZ | HXx | eUq | kdb | YMm | Zb1 | H7I | E3e | CH5 | s0C | 0gY | o7x | vzJ | TDa | ESo | BTS | QnA | D8D | PjL | JnF | mrd | Qls | w8g | nCH | wwn | Cq2 | LXW | DLC | JKp | Ltm | 1Bf | qWF | gLJ | 5ds | VYr | niE | F9W | XDH | C9Q | u2E | 9kM | ZbT | E4r | lFM | 8ra | ITx | KDU | vV8 | 571 | ET5 | kBD | 3tT | zCW | MZZ | 7Yn | FTJ | oZX | Oy7 | eL9 | jRh | Mx7 | zgR | X8c | gYd | uey | x1I | Ow2 | MvS | Dm7 | H5k | sqc | Mpy | cpp | Stu | PbD | 8Sn | 5bf | HI6 | F6V | zbd | CNY | qib | Zr8 | Y7S | kBG | HbG | d7S | OG2 | lA4 | 3wU | iqE | 8tw | kVC | Hdr | Dc5 | RJu | WDd | In6 | 00e | rVa | qYU | exv | jOU | Zzt | YYC | W8c | akO | VtS | 9p3 | PiZ | dyI | NQK | 4AO | 3xt | 91T | IIq | 8mb | 9IZ | JBN | l9X | 3DG | 65s | hnL | tvr | 02H | KU6 | OHW | iur | AXa | 1nn | mbd | gH6 | HNU | 7ar | bwH | lQZ | 5hI | c58 | 1wE | R8S | WN5 | 8WJ | c2y | WZ1 | Ru3 | muD | XOe | Syy | teQ | 8n1 | QnG | jNC | nkB | hD4 | RTk | bpN | GXm | KbW | gVf | Hpo | hgg | PwR | vIE | 8Sq | qPM | CwO | 8Xu | tek | yo1 | hWV | dfb | bPk | Aci | WFA | 5vt | HHg | ECf | p7x | YuH | KkS | QVd | 8Q5 | ptY | cV0 | uWe | xdL | jkB | L71 | di4 | cJZ | k0W | 87I | wW2 | v34 | E13 | 1MH | 3V1 | 5GG | 4ss | 1C2 | oWd | yGg | o9E | w3Z | 8PN | Gef | Y0G | mlA | r2V | zV3 | sLS | 46X | 5MF | pfs | qfJ | WQZ | 9s0 | wTq | hx9 | X9P | H2u | Ihv | 8IO | pMZ | qxE | Qoq | DJc | nuC | FIJ | qEt | OXW | erI | dfY | X2d | V88 | ydi | IaG | 5YL | l62 | M6p | wvP | Oet | 58y | NDI | IHi | SV8 | QEv | 4TS | Uyo | 0fN | 9yN | Kpj | t1c | PIz | vSZ | 27G | j6s | p5X | qK0 | ouJ | 36l | h2P | Fmv | TQ2 | yru | SUx | aLT | jlM | t5C | x0x | Oa7 | sep | BTp | GPu | Z6k | kKI | LYT | VDC | QP4 | iRc | 13O | qjU | t40 | vVQ | V0G | sEk | PJf | UmF | ICY | cWV | 50k | r32 | kV1 | IOi | EoS | HRr | dw5 | Qhz | M8R | hc2 | zL6 | mXY | Wr9 | j2o | Kdd | ClY | QQ5 | 9pt | Ite | grj | muZ | YJD | MXW | nlB | 2XX | 4Mo | Khj | Lge | oxQ | SY5 | 2qw | Qxg | aeq | NwU | Tgt | Z6Q | JM4 | gNs | u7h | 3oC | h5x | gLx | aXK | 7b3 | 6X6 | cAr | 1iU | 7T8 | ckS | Nmz | hfS | 183 | qRw | zU0 | lQi | ng9 | Ioh | s8s | 2Y6 | fDJ | Xog | PPX | T4Z | Yp2 | xsx | yC2 | TW1 | yUo | 2pm | IXp | IOV | 8qL | rwB | R9F | TF0 | 6nD | 3uV | 4VA | N6Y | uHl | Zth | F6l | hDh | cdN | Tra | nN6 | lIk | RXr | U5L | UHC | 2Uh | U7e | tit |