Introduction to VueJS Framework

Overview

Class Central Tips

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. 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.

Syllabus

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.

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.

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.