Apprendre à Utiliser Vue JS 3 En Ligne | Skilleos

Multimédia Technologie & Programmation Développement web Vue JS 3

Apprendre à utiliser Vue JS 3

Vue JS 3 M'abonner expert profil picture

Notre expert

Samir Medjdoub

Détails du contenu

  • 3h30

  • 25 chapitres

  • 4.7 (19 avis)

  • 312 apprenants

  • Tous niveaux

  • 25 vidéos

M'inscrire

Au programme de cette ressource en ligne

Pour un développeur d'applications web ou d'interface utilisateur, le choix du framework est très important. Ainsi, dans ce cours en ligne, le développeur Samir Medjdoub vous apprendra à utiliser Vue JS 3, un framework JavaScript open-source. Après une introduction à la création d'une application Vue JS 3, vous apprendrez à créer et à gérer des formulaires Vue JS 3, notamment en apprenant à binder des références et des tags HTML. Ensuite, vous apprendrez à afficher une collection, à utiliser le lifecycle hook et à créer un système de recherche et de filtres. Vous apprendrez également à valider un formulaire, à supprimer une tâche, puis, avant de terminer ce cours avec une conclusion, à modifier une tâche notamment en créant des composants modaux. Ainsi, après avoir suivi ce cours, vous saurez utiliser le framework JavaScript Vue JS 3. Alors, n'attendez plus pour apprendre à faire une bonne utilisation de ce framework et commencez le développement d'applications web et d'interface utilisateur en toute simplicité. Lire plus

Introduction

Créer une application Vue 3 et comprendre son architecture

Introduction 02:08 Démonstration de l'application 02:42 Créer une application Vue 3 06:20 Organisation d'une application Vue 3 09:40 Nettoyage de l'application par défaut 05:50

Création et gestion de formulaires Vue 3

Créer des formulaires et gérer leur soumission

Afficher une collection

Créer un service permettant de gérer une collection

Références et lifecycle hooks

Utiliser un lifecycle hook

Création d'un système de recherche et de filtres

Créer un système de filtre basé sur un champ texte

Validation de formulaire

Utiliser une computed permettant de tester si un formulaire est valide

Suppression d'une tâche

Implanter la suppression d'une tâche et persister la nouvelle liste dans localStorage

Modification d'une tâche via une Custom Modal

Créer de A à Z une "modal" pour modifier une tâche existante

19,90€ / mois Sans engagement.
  • Des contenus en ligne pour tout le monde.
  • Accès illimité, 24h/24, 7j/7.
  • Disponible sur ordinateur, tablette, smartphone.
  • Le meilleur apprentissage : prise de note, mode examen, certificat...
M'abonner Ou profitez de Skilleos gratuitement Demandez à votre CSE de vous offrir Skilleos

Notre expert

Samir Medjdoub

image de profil de l'expert
  • 4 683 apprenants

  • 14 ressources

Développeur depuis 2003 dans des entreprises clientes publiques (SNCF, URSSAF, EDF...) et privées (Iron Mountain, Jouve, CDiscount...), avec comme comme fil conducteur la conscience qu’il est bien plus facile de rester sur la vague que de tenter de remonter après s’être laissé submerger. Fidèle à cette stratégie, Samir Medjdoub a ainsi pris la vague Angular 2 dès les versions alpha et bêta fin 2015, celle de Node.js il y a sept années de cela et a eu la chance d'évoluer dans des sociétés qui avaient été parmi les premières en France à adopter MongoDB, conjointement aux bases de données relationnelles. 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 2019. En apprendre plus sur Samir Medjdoub

Avis des apprenants sur cette ressource

4,7 sur 5 19 avis EL emilie L. Excellent ! Lire plus il y a plus d’un an RR Robin R. Très bien ! Le récap a la fin de chaque vidéos, le fait que les vidéos soient courtes Lire plus il y a plus d’un an AS Apprenant S. Excellent ! Très bonne pédagogie. Manipulations en direct. Balayage des différents outils qui a répondu aux questions que je pouvais me poser au fil de la progression. Lire plus il y a presque 2 ans Afficher d’autres commentaires

Pourquoi suivre cette ressource ?

Vous construisez des interfaces utilisateurs et des applications web mono pages ? Vous cherchez un framework open-source ? Grâce à ce cours en ligne, apprenez à utiliser Vue JS 3, la nouvelle version du framework JavaScript open-source. Lire plus expert profil picture

Notre expert

Samir Medjdoub

Détails du contenu

  • 3h30

  • 25 chapitres

  • 4.7 (19 avis)

  • 312 apprenants

  • Tous niveaux

  • 25 vidéos

M'inscrire

Les apprenants ayant suivi cette ressource de Développement web s'intéressent aussi

Créer son site internet avec Jekyll et Jamstack Créer son site internet avec Jekyll et Jamstack par Christophe Vouaux Jekyll est un outil de création et de développement de site Internet. Grâce à cet outil et à son utilisation avec des projets gratuits, n’importe qui peut créer un site Internet rapidement avec la Jamstack et le mettre à disposition des internautes. Vous apprendrez à créer puis mettre en ligne gratuitement un site Internet complet, dans le détail des opérations Jekyll et Jamstack. Grâce aux nombreux exemples et quiz, vous maîtriserez bientôt les rudiments de la création d’un site, performant, sécurisé, à moindre coût et avec une très bonne évolutivité grâce à la Jamstack ! Un projet complet pas à pas complète cet apprentissage et vous aidera à vous familiariser avec les outils mis à votre disposition. N'hésitez plus et créez votre site avec Jekyll et Jamstack ! 4h05 54 chapitres Découvrir la ressource Créer son site internet avec Jekyll et Jamstack Créer son site internet avec Jekyll et Jamstack par Christophe Vouaux 4h05 Grid & Flexbox : le CSS moderne Grid & Flexbox : le CSS moderne par Carl Brison Apprenez à développer des pages web responsive en utilisant les dernières technologies CSS, à savoir Grid et Flexbox. Découvrez la technologie Grid qui permet de réaliser une grille CSS virtuelle afin d'élaborer des pages web complexes et entièrement responsive. Découvrez également une technologie complémentaire à Grid, la technologie FlexBox. Cette technologie CSS permet de rendre flexible toute sorte d'éléments HTML et ainsi de les positionner très facilement au sein d'une page web. 4h51 62 chapitres 4.9 (70 avis) Découvrir la ressource Grid & Flexbox : le CSS moderne Grid & Flexbox : le CSS moderne par Carl Brison 4h51 4.9 (70 avis) PHP : La classe PDO PHP : La classe PDO par Carl Brison La classe PDO va vous permettre de communiquer avec n’importe quelle base de données (MySQL, SQLite, PostgreSQL, Oracle…) rendant ainsi votre site dynamique. Vous apprendrez à préparer des requêtes SQL en vue de les exécuter. Vous verrez également comment sécuriser au mieux les données qui devront être insérées dans les tables de votre base de données. Vous apprendrez à utiliser la classe PDO pour les 4 familles de requêtes SQL : insertion, modification, suppression et lecture de données. 3h39 46 chapitres 4.9 (26 avis) Découvrir la ressource PHP : La classe PDO PHP : La classe PDO par Carl Brison 3h39 4.9 (26 avis) VueJS et Firestore : Créer une Single Page Application VueJS et Firestore : Créer une Single Page Application par Samir Medjdoub Dans ce cours VueJS et Firestore en ligne, afin de faire communiquer votre Front VueJS 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 VueJS, notamment grâce à Vue CLI 3 et aux snippets de "Vue VS Code Snippets" que vous utiliserez tout au long de ce cours. 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. 2h55 22 chapitres 4.9 (14 avis) Découvrir la ressource VueJS et Firestore : Créer une Single Page Application VueJS et Firestore : Créer une Single Page Application par Samir Medjdoub 2h55 4.9 (14 avis) Introduction à jQuery Introduction à jQuery par John Taieb jQuery est une bibliothèque Javascript qui permet de réaliser rapidement et facilement des applications dynamiques. Au fil des vidéos et grâce à de la mise en pratique sur un projet concret, notre expert John Taieb vous montre pas à pas comment améliorer la fluidité et le confort de vos utilisateurs lorsqu'ils parcourent votre site. 3h27 20 chapitres 4.9 (9 avis) Découvrir la ressource Introduction à jQuery Introduction à jQuery par John Taieb 3h27 4.9 (9 avis) React JS React JS par Anthony Welc Guidé par Anthony Welc, vous apprendrez à utiliser React JS, une bibliothèque open source de Java. Que vous soyez débutant ou confirmé, vous saurez ainsi créer des applications et pages web efficacement. A travers divers exercices, vous saurez manipuler des listes, les fichiers, les conditions ainsi que les fonctionnalités avancées ! 8h01 93 chapitres 4.8 (43 avis) Découvrir la ressource React JS React JS par Anthony Welc 8h01 4.8 (43 avis) Django : les Fondamentaux Django : les Fondamentaux par Robin Penea Il existe de nombreuses manières de créer un site web par soi-même. Grâce à des codes différents comme HTML, CSS ou encore JavaScript, mais aussi des frameworks divers et variés. Certains outils demandent plus de temps d'apprentissage que d'autres. C'est pourquoi ce cours va vous apprendre à créer un site web avec Django, un framework puissant et open source qui fonctionne avec le langage de code Python. Accompagné de votre expert Robin Penea, ingénieur software depuis plus de 10 ans, vous apprendrez à maîtriser les fondamentaux de Django à travers de la théorie et des exercices concrets pour finalement être capable de concevoir une application et créer un blog à partir de rien. Pour commencer, vous apprendrez à installer votre environnement de travail et chaque fichier nécessaire selon votre système d'exploitation (Windows, macOS et Linux). Vous comprendrez les interactions entre les acteurs du web et concevrez vos premiers projets d'application avec le framework Django. Vous saurez configurer des URLS et afficher les données des utilisateurs. Vous serez aussi en capacité de personnaliser le site administrateur (admin) de votre site et prendrez en main l'outil Bootstrap pour réaliser le design de votre site ou application. Enfin, votre professeur Robin Penea vous guidera dans la conception d'une application de blog, en passant de la création de la structure avec Bootstrap, à la réalisation de votre première page à propos, en passant par la conception d'une barre de navigation. Vous saurez créer en toute autonomie des sites web fonctionnels avec du langage informatique Python. Après avoir visionné l'intégralité de ce cours pour apprendre à créer un site web avec Django, vous obtiendrez un certificat de suivi attestant que vous savez développer de vous-même un site web complet et fonctionnel avec le framework Django. Alors à votre code, prêt ? Codez ! 8h03 89 chapitres 4.7 (17 avis) Découvrir la ressource Django : les Fondamentaux Django : les Fondamentaux par Robin Penea 8h03 4.7 (17 avis) NodeJS : Développer une API REST avec Express JS et MySQL NodeJS : Développer une API REST avec Express JS et MySQL par Simon Dieny Notre expert Simon Dieny est ingénieur logiciel et ancien formateur professionnel sur les technologies JavaScript, un langage de programmation pour le Web. Il vous accompagnera dans ce parcours et vous délivra la méthode pour créer une API REST sur NodeJS qui soit fonctionnelle et déployable sur une application Web et mobile. L'objectif est que vous soyez capable de développer vos propres structures de manière autonome. Pour cela, vous serez amené à installer des logiciels : NodeJS, Express JS, Insomnia, l'ORM Sequelize, XAMPP, Git, Heroku CLI et un éditeur de code de votre choix optimisé pour JavaScript. Puis, pour exploiter la puissance du code JavaScript côté serveur au maximum, il vous sera indispensable d'apprendre à créer un ensemble de routes d'Express JS et une base de données SQL, ainsi que de développer et combiner des middlewares d'Express JS. Vous serez aussi formé à sécuriser votre programme avec des jetons JWS. Vous gérerez l'authentification de chaque client avec JWT et formaterez des réponses HTTP de qualité en format JSON pour simplifier l'utilisation de l'interface pour le client. Avec MySQL et Express JS, créer une API REST avec un environnement JavaScript backend ne sera plus un projet de programmation JavaScript backend lointain et irréalisable. En suivant ce cours orienté pour les débutants, vous pourrez ajouter votre premier projet backend à votre portfolio et certifier vos compétences en la matière. N'hésitez plus, lancez-vous dans ce parcours et développez vos services web API REST avec NodeJS ! 7h51 134 chapitres 4.7 (14 avis) Découvrir la ressource NodeJS : Développer une API REST avec Express JS et MySQL NodeJS : Développer une API REST avec Express JS et MySQL par Simon Dieny 7h51 4.7 (14 avis) Les WebComponents Les WebComponents par Samir Medjdoub Ce cours en ligne sur les WebComponents vous permettra rapidement prendre en main les standards permettant de créer nativement des components. Ainsi, créer des balises HTML personnalisées grâce aux WebComponents sera un vrai jeu d'enfants, et vous bénéficierez d'une réutilisabilité et de performances bien meilleures. Toutefois, avant d'utiliser des surcouches au dessus des WebComponents, il est judicieux de prendre en main les quatre standards que sont Custom elements, Shadow DOM, HTML templates et HTML Imports. 3h30 37 chapitres 4.7 (13 avis) Découvrir la ressource Les WebComponents Les WebComponents par Samir Medjdoub 3h30 4.7 (13 avis) Apprendre les langages HTML et CSS Apprendre les langages HTML et CSS par John Taieb Il existe aujourd'hui de nombreuses plateformes qui vous servent de guide dans la création de votre site internet. Cependant, en les utilisant, vous n'avez pas la main sur le développement de fond de votre site web ce qui vous limite dans sa création. Pour entièrement contrôler le développement de votre site web, vous devez vous attaquer à sa programmation. Pour cela, il vous est nécessaire d'avoir des connaissances pour programmer dans au moins un langage. Même s’il existe une multitude de langages informatiques différents tels que le PHP, le Python, le JavaScript ; ils ne permettent pas tous de coder un site internet. Seule une partie d'entre eux vous permettront de lancer le développement de votre site web. John Taieb, un véritable autodidacte du code, se chargera dans cette formation vidéo de vous apprendre les bases qui vous permettront de programmer en HTML et en CSS afin de vous permettre de vous lancer dans la création de votre site internet. Ainsi, après une courte introduction, vous vous pencherez sur les bases du langage HTML. Vous y apprendrez à structurer vos pages et à coder les balises de bases, cela notamment en faisant attention à la syntaxe ou en utilisant des images. Ensuite, ce sont les bases du langage CSS que vous découvrirez. Comme pour le codage en HTML, vous apprendrez à structurer une page et coder les balises de bases. Vous apprendrez par la suite à architecturer votre site web. Pour terminer votre apprentissage en ligne, vous bénéficierez d'un bonus qui vous expliquera comment inspecter et modifier le code HTML et CSS d'une page web sur Google Chrome. Après avoir suivi cette formation en ligne, vous aurez donc acquis les bases nécessaires pour vous lancer dans la création d'un site web sans passer par l'intermédiaire d'un intermédiaire, plateforme ou particulier, spécialisé dans le développement de sites internets. 3h42 32 chapitres 4.6 (701 avis) Découvrir la ressource Apprendre les langages HTML et CSS Apprendre les langages HTML et CSS par John Taieb 3h42 4.6 (701 avis) Multimédia

Autres thématiques Multimédia qui pourraient vous intéresser

Investissement Investissement Bureautique & Productivité Bureautique & Productivité Efficacité au quotidien Efficacité au quotidien Informatique pour débutants Informatique pour débutants Logiciels & Applications Logiciels & Applications Technologie & Programmation Technologie & Programmation Insertion sociale Insertion sociale M'inscrire

Tag » Apprendre Vuejs