Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA CompTIA Security+ Amazon AWS AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Mindfulness Personal Development Personal Transformation Meditation Life Purpose Emotional Intelligence Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Google Analytics
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Modeling Data Analysis Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Development Web Development Vue JS

Créer une Single Page Application avec Vue.js et Firestore

Apprenez à créer une Single Page Application avec Vue et Firestore
Rating: 4.0 out of 54.0 (40 ratings)
218 students
Created by Code Concept formations Mongo Express Angular Node React Vue
Last updated 5/2019
French
30-Day Money-Back Guarantee

What you'll learn

  • Utiliser Vue en Front et Firestore en Back

Course content

6 sections • 24 lectures • 3h 10m total length

  • Preview01:48
  • Preview10:17

  • Création d'un Single File Component
    10:43
  • Lier les champs d'un formulaire aux données d'un component
    09:10
  • Gestion de la soumission d'un formulaire
    06:55

  • Création d'une base de données Firestore
    08:34
  • Création d'une Data Access Layer (DAL)
    11:56
  • Création d'un nouveau contact
    07:45
  • Ajout d'une méthode qui remet à zéro un formulaire
    02:57
  • Lecture de documents depuis Firestore
    13:50
  • Refactorisation : passer des props à un component enfant.
    08:53
  • Emission d'un custom event
    06:03
  • Suppression d'un contact
    07:57

  • Résolution des erreurs signalées par ESLint
    02:27
  • Ajout de Boostrap 4
    10:49
  • Modification d'un contact
    11:03
  • Implémenter un système d'"edit in place"
    12:21
  • "Save edit" et "cancel edit"
    13:00
  • Suppression d'un contact via un custom event
    04:17

  • Implémentation du routage
    12:02
  • Utilisation de router-link pour naviguer
    04:35
  • Styliser le lien actif
    02:30
  • Utilisation de paramètres de routage
    09:24

  • Coupons vers des formations complémentaires
    01:00

Requirements

  • HTML/CSS, de solides bases en JavaScript

Description

Vous souhaitez apprendre à développer rapidement une application ou un POC (Proof Of Concept) afin de passer de l'idée à sa réalisation ? Le couple Vue.js et Firestore est idéal pour cela. Nous allons créer ensemble un gestionnaire de contacts qui vous permettra de vous familiariser par la pratique à la création d'une SPA (Single Page Application). A l'aide de Vue.js côté Front, vous apprendrez à :

- créer des components de type Single File

- composer ces components

- faire communiquer un component parent avec ses enfants via des props

- faire communiquer des components enfants avec leur parent via des custom events

- créer et gérer des formulaires

- intégrer bootstrap

- implémenter le routage


Côté Backend, vous apprendrez à :

- créer une base de données à l'aide de Firestore

- à créer collection et documents


Afin de faire communiquer votre Front Vue.js avec votre Backend Firestore, vous verrez en détail comment créer une DAL (Data Access Layer) qui vous permettra de coupler faiblement votre Front avec votre Backend.

Beaucoup d'astuces de pro seront dévoilées, qui vous permettront de développer rapidement vos applications Vue.js, notamment grâce à Vue CLI 3 et aux snippets de "Vue VSCode Snippets" que nous utiliserons tout au long de cette formation.

Cerise sur le gâteau, vous découvrirez comment implémenter une fonctionnalité d' "edit in place" qui permettra à vos utilisateurs d'éditer de façon conviviale du contenu.

Le code source de cette formation est disponible sur Github.

Who this course is for:

  • Développeurs web en poste, freelances, étudiant(e)s en informatique, autodidactes motivé(e)s

Instructor

Code Concept formations Mongo Express Angular Node React Vue
Développeur web - mobile hybride - Fullstack JavaScript
Code Concept formations Mongo  Express  Angular  Node  React  Vue
  • 4.3 Instructor Rating
  • 2,662 Reviews
  • 8,370 Students
  • 19 Courses

Développeur web depuis 2003 dans des entreprises clientes publiques (SNCF, URSSAF, EDF...) et privées (Iron Mountain, Jouve, CDiscount...), dirigeant de  la société rennaise "Code Concept" et créateur de la chaine YouTube du même nom, Samir Medjdoub est l'auteur de plus d'une trentaine de formations depuis 2016.

Formateur d'étudiants en master 1 et 2, mais aussi de développeurs en entreprise tant en présentiel que via Zoom en France et en Suisse, formateur en bootcamp, il met à votre disposition son expérience de nombreux environnements techniques et pédagogiques afin de VOUS permettre de monter en compétences rapidement sur les frameworks et librairies les plus demandés du marché.

Les développeuses et développeurs JavaScript (Front, Back ou Fullstack !) ont de très beaux jours devant eux : investissez dans les frameworks, plateformes et librairies JavaScript qui vous ouvriront de belles opportunités en 2021 grâce aux formations pointues proposées par Code Concept.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.