Vue.js Fast Crash Course

Learn data binding in Vue.js, including binding hrefs to data, dynamic attributes, and using bind and shorthand syntax to reflect data changes in the UI.

Learn two way data binding in Vue.js using the model directive to bind an input to a message property, enabling changes to reflect in both the UI and data.

Examine Vue directives in action, using v-on for events and v-bind for binding, then increment and decrement a number with shorthand bindings and prevent default form submission.

Bind click events in a Vue.js view model to adjust a font size property using increase and decrease methods, demonstrating binding syntax and real-time UI updates for your projects.

Learn to render lists in Vue by looping through a data array with v-for, binding keys, and displaying post titles.

Learn how to use watchers in Vue.js to monitor properties in a view model and trigger actions, such as sending an email when a user activates their account.

Register a global component in Vue.js by naming the tag and supplying a template and data, then render it in the app to see live data updates.

Bind external data into Vue.js components via props to display dynamic data and understand how data flows from outside to inside.

Learn how to nest components in Vue.js by building a parent component that renders a list of posts with a child post component, using slots, v-for, and keys.

Learn to set up Vue.js projects by installing Node.js and npm, using Vue CLI to create apps with components, and understanding webpack and Babel tooling.

Explore how a Vue.js project structures components with .vue files, each with a template, script, and styles, and how webpack, Babel, and vue-loader bundle them for development and production.

Learn how to integrate bootstrap into a Vue app, set up a navigation bar, and render post data in a bootstrap-styled table using single-file components.

Replace static data with api data by fetching from a test api using Axios, handling http requests, and mapping user id, id, title, and body into a data table.

Learn to set up a Vue Router, install vue-router, and configure routes with path and component to switch views, register the router in main.js, and understand hash-based navigation.

Create and navigate between home and contact components using Vue router, implement dynamic views with router-view, and configure router-link to load the correct components via routes.

Explore next steps after the Vue.js course by learning Node.js and building a complete CMS with a logging system from scratch, gaining practical back-end skills and becoming a Node.js developer.