Introduction to VueJS Framework (Coursera)

Offered by Codio,
Introduction to VueJS Framework (Coursera)

Explore HTML, CSS, and VueJS basics without installing anything! This course is designed for beginning learners, providing a solid foundation of basic skills in HTML, CSS, and VueJS. Learners will build an understanding of the creative process of designing as well. The modules in this course cover HTML basics, CSS basics, VueJS basics, as well as provide an exploratory designing experience for learners. At the end of the course, learners will fully develop a todo application using HTML, CSS, and VueJS.

Class Deals by MOOC List - Click here and see Coursera's Active Discounts, Deals, and Promo Codes.

To allow for a truly hands-on, self-paced learning experience, this course is video-free. Assignments contain short explanations with images and suggested exploration examples, building a deeper understanding by doing. You'll benefit from instant feedback from a variety of assessment items along the way, gently progressing from quick understanding checks (multiple choice, fill in the blank, and un-scrambling answer blocks) to small, approachable exercises that take minutes instead of hours.
Course 1 of 4 in the Web Technologies and Security Specialization.

What You Will Learn

  • Create a Vue component
  • Pass information via props
  • Have multiple components work in concert

Syllabus

WEEK 1
HTML and CSS
This module introduces learners to basic techniques in HTML and CSS. A short demo is also provided to give learners a glimpse of what executing a VueJS application is like.

WEEK 2
Vue Overview
This module will provide learners with a general overview of VueJS. Specifically, learners will be exposed to VueJS templates and mustaches, computed props, and directives.

WEEK 3
Putting the Vue Together
This final VueJS module will teach learners how to connect multiple components together and make them actionable. At the end of this module, learners will produce a fully developed VueJS application.

Go to Class
MOOC List is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Related Courses

Introduction to CSS3 (Coursera) Coursera
University of Michigan

Introduction to CSS3 (Coursera)

The web today is almost unrecognizable from the early days of white pages with lists of blue links. Now, sites are designed with complex layouts, unique fonts, and customized color schemes. This course will show you the basics of Cascading Style Sheets (CSS3). The emphasis will be on learning how to write CSS rules, how to test code, and how to establish good programming habits.

Oct 19th 2026
4 Weeks
Animation with JavaScript and jQuery (Coursera) Coursera
University of California, Davis

Animation with JavaScript and jQuery (Coursera)

With the general introduction of JavaScript in the first course, this course will focus on JavaScript libraries, specifically jQuery. The scripts will be geared toward Document Object Model (DOM) manipulation. Learners will describe the top JavaScript libraries and differentiate which would work best to implement and accelerate development of web page animation.

Oct 19th 2026
4 Weeks
Building Web Applications in Django (Coursera) Coursera
University of Michigan

Building Web Applications in Django (Coursera)

In this course, you will learn how Django communicates with a database through model objects. You will explore Object-Relational Mapping (ORM) for database access and how Django models implement this pattern. We will review the Object-Oriented (OO) pattern in Python. You will learn basic Structured Query Language (SQL) and database modeling, including one-to-many and many-to-many relationships and how they work in both the SQL and Django models. You will learn how to use the Django console and scripts to work with your application objects interactively.

Oct 19th 2026
4 Weeks
How to Get Into Web Development (Coursera) Coursera
University of Leeds

How to Get Into Web Development (Coursera)

Adding web development to your skillset is an excellent career move if you are into coding and you seek career growth and advancement. In this online course, you will explore the web development specialisations - front-end, back-end and full-stack development, and understand the different roles in a web development team.

Oct 26th 2026
2 Weeks
Learn CSS Grid (Coursera) Coursera
Scrimba

Learn CSS Grid (Coursera)

The CSS Grid module is a pivotal tool that streamlines website layout creation, offering simplicity in both HTML and CSS while affording greater control over a website's layout. This course equips front-end developers with essential skills to harness CSS Grid effectively, ensuring they remain at the forefront of web development trends.

Oct 26th 2026
1 Week
JavaScript Basics (Coursera) Coursera
University of California, Davis

JavaScript Basics (Coursera)

This course introduces the programming language JavaScript and shows the websites that include the type of interactions students will eventually be able to develop. Learners will understand the importance of how JavaScript was developed and why such history impacts the way JavaScript is currently written and in future releases.

Oct 19th 2026
4 Weeks
Fundamentals of VueJS (Coursera) Coursera
Board Infinity

Fundamentals of VueJS (Coursera)

Welcome to the "Fundamentals of VueJS" course, a comprehensive journey into the world of Vue.js, a versatile and progressive JavaScript framework for building modern web applications. This course is structured into two modules, each designed to equip you with the knowledge and skills needed to become proficient in Vue.js.

Oct 26th 2026
2 Weeks
Programming Foundations with JavaScript, HTML and CSS (Coursera) Coursera
Duke University

Programming Foundations with JavaScript, HTML and CSS (Coursera)

Learn foundational programming concepts (e.g., functions, for loops, conditional statements) and how to solve problems like a programmer. In addition, learn basic web development as you build web pages using HTML, CSS, JavaScript. By the end of the course, will create a web page where others can upload their images and apply image filters that you create.

Oct 19th 2026
4 Weeks
Server side JavaScript with Node.js (Coursera) Coursera
NIIT StackRoute

Server side JavaScript with Node.js (Coursera)

Have you ever wondered how you are able to do net banking or book a ticket online? Which technology is adopted for applications used in different businesses? Backend technology acts as a backbone to every web application. It typically includes all services, data interfaces and their core business logic. This course will introduce you to the Node.js environment and help you design and develop backend or server-side of the application. It also provides you with hands on coding exercises and will enable you to build JavaScript programs and test and execute them in the Node.js environment.

Oct 19th 2026
5-12 Weeks
Interactivity with JavaScript and jQuery (Coursera) Coursera
University of California, Davis

Interactivity with JavaScript and jQuery (Coursera)

This course is the third in our JavaScript for Beginners Specialization. The scripts will become more complex and introduce more complex jQuery plugins. You will have several challenges to practice your skills throughout the course. The course objectives include how to identify objects in JavaScript; create new objects and populate them with data; manipulate objects by adding, modifying and deleting data in objects; manipulate the DOM based on the data in objects; identify and articulate how multiple functions work together to create a more complex program; and identify processes for breaking larger programs into smaller, more manageable pieces.

Oct 19th 2026
4 Weeks
Ajax Basics (Coursera) Coursera
Board Infinity

Ajax Basics (Coursera)

This Ajax Basics course is designed for beginners who want to learn how to build web applications that dynamically update content without reloading the entire page. In this course, you will learn the fundamentals of Ajax, including its features, advantages, and common usage scenarios.

Nov 2nd 2026
3 Weeks
Learn Styled Components in React (Coursera) Coursera
Scrimba

Learn Styled Components in React (Coursera)

If you are wondering how to enhance your CSS for styling React component systems, styled components are the way to go. Styled components are helpful for many reasons. They reduce class name bugs, they make your components more readable, and they allow you to navigate your CSS more easily. They also allow for dynamic styling and automatic vendor prefixing.

Oct 26th 2026
1 Week