Build and Implement JavaScript ToDo Applications

Ce cours n'est pas disponible en Français (France)

Nous sommes actuellement en train de le traduire dans plus de langues.

Build and Implement JavaScript ToDo Applications

Instructeur : EDUCBA

Inclus avec

3 modules

Obtenez un aperçu d'un sujet et apprenez les principes fondamentaux.

niveau Débutant

Expérience recommandée

6 heures à compléter

Planning flexible

Apprenez à votre propre rythme

3 modules

Obtenez un aperçu d'un sujet et apprenez les principes fondamentaux.

niveau Débutant

Expérience recommandée

6 heures à compléter

Planning flexible

Apprenez à votre propre rythme

Ce que vous apprendrez

Build a dynamic To Do app using Vue.js and Vue CLI.
Apply data binding, directives, and computed properties effectively.
Manage application state and structure scalable Vue projects.

Compétences que vous acquerrez

Catégorie : Front-End Web Development
Catégorie : Event-Driven Programming
Catégorie : Development Environment
Catégorie : Javascript

Outils que vous découvrirez

Catégorie : Vue.JS
Catégorie : JavaScript Frameworks
Catégorie : Web Development Tools
Catégorie : Hypertext Markup Language (HTML)
Catégorie : UI Components

Détails à connaître

Certificat partageable

Ajouter à votre profil LinkedIn

Récemment mis à jour !

mars 2026

Évaluations

12 devoirs

Enseigné en Anglais

Découvrez comment les employés des entreprises prestigieuses maîtrisent des compétences recherchées

En savoir plus sur Coursera pour les affaires

logos de Petrobras, TATA, Danone, Capgemini, P&G et L'Oreal

Il y a 3 modules dans ce cours

Master the ability to build, implement, and optimize a dynamic To Do application using Vue.js. In this hands-on case study course, learners develop practical skills in data binding, directives, methods, computed properties, task management logic, and project structuring with Vue CLI. By the end of the course, learners will be able to construct reactive user interfaces, manage application state efficiently, and organize scalable Vue projects using modern development workflows.

This course goes beyond theory by guiding learners step-by-step through the complete development of a functional To Do application. Each concept is applied immediately within a real project, reinforcing practical understanding of Vue’s reactivity system and component-based architecture. Learners gain experience handling user input, updating task status, editing and deleting records, and structuring professional-grade Vue applications. Designed as a focused case study, this course uniquely integrates core Vue fundamentals with real-world implementation, helping learners confidently transition from basic concepts to structured application development.

This module introduces the foundational concepts required to build a To Do application using Vue.js. Learners explore Vue instance structure, reactive data binding, directives, event handling, and method implementation. The module establishes a strong understanding of how Vue dynamically connects JavaScript logic with HTML templates to create interactive user interfaces.

Inclus

6 vidéos4 devoirs

6 vidéosTotal 46 minutes

Introduction of To Do Application using Vue Js4 minutes
Data Binding and Directives – Fundamentals9 minutes
Data Binding and Directives – Advanced Directives11 minutes
Data Binding and Directives – Practical Implementation7 minutes
Methods – Basics6 minutes
Methods – Event Handling and Logic7 minutes

4 devoirsTotal 60 minutes

VueJS Fundamentals and Core Concepts30 minutes
Application Introduction + Data Binding Basics10 minutes
Advanced Directives and Practical Implementation10 minutes
Methods and Component Logic10 minutes

This module focuses on enhancing application logic using computed properties, filters, and reactive form handling. Learners develop core task management functionality including adding, updating, marking, and deleting tasks within a dynamic To Do application. The module emphasizes efficient state management and automatic UI updates through Vue’s reactivity system.

Inclus

6 vidéos4 devoirs

6 vidéosTotal 47 minutes

Filters and Computed – Introduction7 minutes
Filters and Computed – Advanced Usage7 minutes
Add To Do – Creating Tasks6 minutes
Add To Do – Task Integration7 minutes
Mark as Done13 minutes
Edit a ToDo – Edit Logic8 minutes

4 devoirsTotal 60 minutes

Computed Logic and Task Creation30 minutes
Filters and Computed Properties10 minutes
Creating ToDo Tasks10 minutes
Task Status Management10 minutes

This module transitions the To Do application into a structured development environment using Vue CLI. Learners configure project scaffolding, manage dependencies, organize components, and deploy application logic within a modular architecture. The module strengthens professional Vue.js development practices and project scalability.

Inclus

6 vidéos4 devoirs

6 vidéosTotal 48 minutes

Edit a ToDo – Update and Save8 minutes
Delete a ToDo8 minutes
Vue CLI – Setup and Installation6 minutes
Vue CLI – Project Configuration8 minutes
ToDo using Vue CLI11 minutes
ToDo using Vue CLI Continue7 minutes

4 devoirsTotal 60 minutes

Task Modification and Vue CLI Implementation30 minutes
Updating and Deleting Tasks10 minutes
Vue CLI Setup and Configuration10 minutes
Building ToDo with Vue CLI10 minutes

Instructeur

EDUCBA

1 170 Cours279 841 apprenants

Offert par

EDUCBA

En savoir plus sur Mobile and Web Development

Statut : Prévisualisation
JetBrains
Full-Stack JavaScript: Build a Real-Time Chat App
Cours
Packt
The Complete Vue.js Course for Beginners
Cours
Statut : Essai gratuit
Scrimba
Build Mini Projects in JavaScript
Cours
Statut : Essai gratuit
Packt
Modern JavaScript Tooling, Modules, and Backend Integration
Cours

Pour quelles raisons les étudiants sur Coursera nous choisissent-ils pour leur carrière ?

Felipe M.

Étudiant(e) depuis 2018

’Pouvoir suivre des cours à mon rythme à été une expérience extraordinaire. Je peux apprendre chaque fois que mon emploi du temps me le permet et en fonction de mon humeur.’

Jennifer J.

Étudiant(e) depuis 2020

’J'ai directement appliqué les concepts et les compétences que j'ai appris de mes cours à un nouveau projet passionnant au travail.’

Larry W.

Étudiant(e) depuis 2021

’Lorsque j'ai besoin de cours sur des sujets que mon université ne propose pas, Coursera est l'un des meilleurs endroits où se rendre.’

Chaitanya A.

’Apprendre, ce n'est pas seulement s'améliorer dans son travail : c'est bien plus que cela. Coursera me permet d'apprendre sans limites.’

Ouvrez de nouvelles portes avec Coursera Plus

Accès illimité à 10,000+ cours de niveau international, projets pratiques et programmes de certification prêts à l'emploi - tous inclus dans votre abonnement.

Faites progresser votre carrière avec un diplôme en ligne

Obtenez un diplôme auprès d’universités de renommée mondiale - 100 % en ligne

Découvrir les diplômes

Rejoignez plus de 3 400 entreprises mondiales qui ont choisi Coursera pour les affaires

Améliorez les compétences de vos employés pour exceller dans l’économie numérique

Foire Aux Questions

To access the course materials, assignments and to earn a Certificate, you will need to purchase the Certificate experience when you enroll in a course. You can try a Free Trial instead, or apply for Financial Aid. The course may offer 'Full Course, No Certificate' instead. This option lets you see all course materials, submit required assessments, and get a final grade. This also means that you will not be able to purchase a Certificate experience.

When you purchase a Certificate you get access to all course materials, including graded assignments. Upon completing the course, your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile.

Yes. In select learning programs, you can apply for financial aid or a scholarship if you can’t afford the enrollment fee. If fin aid or scholarship is available for your learning program selection, you’ll find a link to apply on the description page.