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 Amazon AWS CompTIA Security+ Microsoft AZ-900
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Personal Transformation Life Purpose Meditation CBT Emotional Intelligence
Web Development JavaScript React CSS Angular PHP Node.Js WordPress Vue JS
Google Flutter Android Development iOS Development React Native Swift 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 Retargeting
Microsoft Power BI SQL Tableau Business Analysis Data Modeling Business Intelligence MySQL Data Analysis Blockchain
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Business Plan Startup Online Business 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 JavaScript

Vue.js de A à Z

Apprenez à utiliser ce Framework très apprécié
Rating: 4.6 out of 54.6 (613 ratings)
9,216 students
Created by Enzo Ustariz
Last updated 3/2021
French
30-Day Money-Back Guarantee

What you'll learn

  • Apprendre le Framework VueJS
  • Créer des interfaces
  • Manipuler des données
  • Utiliser des templates VueJS
  • Consommer des API
  • Apprendre à créer des routes
  • Animer
  • Etc ..
Curated for the Udemy for Business collection

Course content

7 sections • 58 lectures • 5h 6m total length

  • Preview02:53
  • Ressources
    00:20

  • Preview02:24
  • Créer une instance
    03:00
  • Preview03:28
  • Lier les données, le data-binding
    04:15
  • Preview06:54
  • Les "Event Modifiers"
    04:25
  • Les "Key modifiers"
    03:48
  • V-model pour lier les inputs
    02:30
  • Insérer de l'HTML Brut
    04:07
  • Utiliser "computed"
    06:59
  • Utiliser "Watch"
    03:42
  • Les syntaxes raccourcis
    01:00
  • Un "toggle" en CSS avec Vue
    03:09
  • Utiliser du CSS dans les templates
    03:59
  • Inline style CSS
    02:36
  • Les conditions
    02:54
  • Faire un rendu conditionnel
    01:12
  • Faire une boucle avec "v-for"
    01:15
  • Double boucle
    05:09
  • Instances multiples et $mount
    07:02
  • Introduction aux composants
    05:16
  • Quizz de fin de première section !
    5 questions

  • L'installation avec le Vue CLI
    05:34
  • Explication des fichiers
    11:52
  • Astuce si ton code s'affiche sans le "syntax highlighting"
    00:16
  • Créer et importer un composant
    08:34
  • CSS dans un fichier séparé
    09:01
  • Les Props !
    03:34
  • Utilisation des props par l'enfant
    01:57
  • Validation des props
    04:32
  • Utiliser un Framework CSS
    04:42
  • Valeurs Primitives vs Refs
    10:10
  • Envoyer des données enfant - parent
    04:07
  • Le bus à évenement
    09:43
  • Les "lifecycle hooks" ou "lifecycle methods"
    06:10
  • Les Slots
    04:15
  • Créer un système d'onglets
    09:34
  • Composants dynamiques
    03:29
  • Fenêtre modale Vue.js
    13:44
  • Appel d'API avec Vue.js
    07:48
  • Le fameux quizz des Composants
    4 questions

  • Créer un formulaire de base avec les inputs
    04:49
  • Astuces formulaire
    03:27
  • Gérer les checkboxes
    06:00
  • Gérer les Select Box
    03:57
  • Envoyer les données
    06:15

  • To-do liste partie 1
    10:29
  • To-do liste partie 2
    08:06

  • Mise en place
    10:22
  • Explication Hash / History
    02:33
  • Les liens
    04:51
  • Chemin dynamique
    04:21
  • Les paramètres des routes
    03:49
  • Système de blog partie 1
    07:25
  • Système de blog partie 2
    06:22

  • Mise en place + template
    06:32
  • Appel de l'API + logique
    15:24
  • La suite ..!
    00:06

Requirements

  • Ordinateur
  • Des connaissances de base en JavaScript
  • De la volonté

Description

Le Framework JS que tout le monde aime !

Vue.js fait l’unanimité, il est plus simple à apprendre que les autres, moins prise de tête, et sa communauté est top.


Mais à quoi ça sert, un framework JavaScript ?

Bonne question ! Cela sert à réaliser des applications web, c’est-à-dire des sites avec beaucoup de fonctionnalités, l’utilisation de composants pour gérer les différentes parties d’un site, ainsi qu’un transfert et une utilisation de données entre les composants et bien d’autres choses …

Exemples :

  • Google drive

  • Wikipedia

  • Facebook / Twitter / etc …

  • Dribble / Behance


Peut-être as-tu déjà essayé React ou Angular …

Qui sont, entendons-nous bien, des Frameworks géniaux, mais sérieusement plus compliqué à appréhender de prime abord que Vue.js, et qui peuvent décourager l’amateur le plus motivé par le nombre de mises à jour, de changement, de contenu déprécié et de communauté pas toujours bienveillante qu’il peut y avoir.


Donc on se décourage, on s’énerve

On se sent nul et on se dit qu’on est peut être pas fait pour ça ! Que nenni, je suis partisan du fait que les formateurs en sont pour beaucoup dans l’histoire.

Dans ce cours je cherche à être (le plus) pédagogue possible.

Avec Vue.js tu peux déjà écarter la doc qui change 10 fois de figure tous les 6 mois et les adorateurs zélés prêt à vendre leur bras droit pour défendre leur techno préférée, il y en a(beaucoup) moins.

On va apprendre ensemble et pas à pas les piliers du Framework.


Qu’est ce qu’on va faire dans cours ?

1ère partie :

  • Découverte de vue avec un simple index.html

  • Les instances

  • Les directives (événements, conditions)

  • Les méthodes

  • Les bonnes manières

  • Gérer les données

  • Gérer le CSS

2ème partie :

  • Travailler de manière pro avec VUE-CLI

  • Utilisations avancée des composants

  • Utilisation de props

  • Utiliser un framework CSS avec Vue

  • Les slots

  • Les formulaires

  • Apprendre le routing

3ème partie

  • Créer des onglets

  • Créer une jolie to-do liste

  • Un système de blog

  • Une app météo

Voila tout ce qu’on va apprendre, dans la joie et la bonne humeur.


Mais est ce que Vue.js est une techno demandée ?

Ce Framework est de plus en plus populaire, en effet depuis fin 2019 sa cote grimpe. De nombreux acteurs du web l’ont choisi, comme Alibaba, Gitlab, Nintendo, Laravel qui l’utilisent pour leur site.


Comment accéder au cours ?

Tu as juste à cliquer sur « acheter ce cours », te créer un compte si ce n’est pas déjà fait et c’est bon !

Tu as accès directement au cours, que tu peux suivre sur ordinateur, tablette ou téléphone, à vie.

Rendez-vous de l’autre côté !

Who this course is for:

  • Développeurs web
  • Dev Front
  • Dev Back
  • Étudiants
  • Personne en reconversion
  • Amateur de dev

Instructor

Enzo Ustariz
Développeur Web
Enzo Ustariz
  • 4.7 Instructor Rating
  • 2,848 Reviews
  • 19,113 Students
  • 42 Courses

Bonjour à toi !

Je m'appelle Enzo Ustariz, tu me connais peut-être sous le pseudo "Le Designer du Web" sur les réseaux, notamment YouTube.

Je suis aussi le créateur de l'École du Web.

Mon Histoire ?

Je suis développeur Web depuis plus de 6 ans, et je me suis rendu compte du manque de contenu sur le web pour nous, Francophones.

Si tu décides d'apprendre à créer des sites de A à Z, faire des animations stylées en JavaScript, fabriquer des applications web avec React, travailler côté serveur avec Node ou gérer une base de données avec PhP, firebase ou mongoDB, tu te retrouves rapidement dans une jungle sans carte pour t'aider !

Sans compter le nombre de compétences, d'outils, de Frameworks, de langages et de librairies qu'il y a à maîtriser pour rester compétitif en 2020, je me devais d'agir.

C'est pour ça que je propose ici tous mes cours pour aider un maximum de gens à gagner du temps sur leur apprentissage, et au final qu'ils trouvent rapidement leur place dans le monde professionnel.

Alors fais-toi plaisir et choisis ce dont tu as besoin et ce qui te fais envie parmi le panel de formations que je te propose.

Enzo.

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