Build and Implement JavaScript ToDo Applications

Sparen Sie mit 40% Rabatt auf 3 Monate Coursera Plus bei den Fähigkeiten, die Sie zum Strahlen bringen. Jetzt sparen

kurs ist nicht verfügbar in Deutsch (Deutschland)

Wir übersetzen es in weitere Sprachen.

Build and Implement JavaScript ToDo Applications

Dozent: EDUCBA

Bei enthalten

Mehr erfahren

3 Module

Verschaffen Sie sich einen Einblick in ein Thema und lernen Sie die Grundlagen.

Stufe Anfänger

Empfohlene Erfahrung

6 Stunden zu vervollständigen

Flexibler Zeitplan

In Ihrem eigenen Lerntempo lernen

3 Module

Verschaffen Sie sich einen Einblick in ein Thema und lernen Sie die Grundlagen.

Stufe Anfänger

Empfohlene Erfahrung

6 Stunden zu vervollständigen

Flexibler Zeitplan

In Ihrem eigenen Lerntempo lernen

Was Sie lernen werden

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.

Kompetenzen, die Sie erwerben

Kategorie: Front-End Web Development
Kategorie: Event-Driven Programming
Kategorie: Javascript
Kategorie: Development Environment

Werkzeuge, die Sie lernen werden

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

Wichtige Details

Zertifikat zur Vorlage

Zu Ihrem LinkedIn-Profil hinzufügen

Kürzlich aktualisiert!

März 2026

Bewertungen

12 Aufgaben

Unterrichtet in Englisch

91%

of learners achieved a positive career outcome

Erfahren Sie, wie Mitarbeiter führender Unternehmen gefragte Kompetenzen erwerben.

Weitere Informationen zu Coursera für Unternehmen

Logos von Petrobras, TATA, Danone, Capgemini, P&G und L'Oreal

In diesem Kurs gibt es 3 Module

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.

Das ist alles enthalten

6 Videos4 Aufgaben

6 VideosInsgesamt 46 Minuten

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

4 AufgabenInsgesamt 60 Minuten

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

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.

Das ist alles enthalten

6 Videos4 Aufgaben

6 VideosInsgesamt 47 Minuten

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

4 AufgabenInsgesamt 60 Minuten

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

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.

Das ist alles enthalten

6 Videos4 Aufgaben

6 VideosInsgesamt 48 Minuten

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

4 AufgabenInsgesamt 60 Minuten

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

Dozent

EDUCBA

1.366 Kurse301.751 Lernende

von

EDUCBA

Mehr von Mobile and Web Development entdecken

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

Warum entscheiden sich Menschen für Coursera für ihre Karriere?

Felipe M.

Lernender seit 2018

„Es ist eine großartige Erfahrung, in meinem eigenen Tempo zu lernen. Ich kann lernen, wenn ich Zeit und Nerven dazu habe.“

Jennifer J.

Lernender seit 2020

„Bei einem spannenden neuen Projekt konnte ich die neuen Kenntnisse und Kompetenzen aus den Kursen direkt bei der Arbeit anwenden.“

Larry W.

Lernender seit 2021

„Wenn mir Kurse zu Themen fehlen, die meine Universität nicht anbietet, ist Coursera mit die beste Alternative.“

Chaitanya A.

„Man lernt nicht nur, um bei der Arbeit besser zu werden. Es geht noch um viel mehr. Bei Coursera kann ich ohne Grenzen lernen.“

Häufig gestellte Fragen

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.

Weitere Fragen

Besuchen Sie die das Hilfe-Center für Kursteilnehmer.

Finanzielle Unterstützung verfügbar,