Building Applications with Vue & Nuxt

Building Applications with Vue Nuxt main

Description

Building Applications with Vue & Nuxt is a training course on building dynamic web applications using Vue and Nuxt. During this course, you will build a variety of projects using the tools available in the Vue ecosystem, including the Vue CLI, Nuxt, Vuex Store, and other tools. You will build dynamic pages and at the end of the course you will work with Vue composition API which is a new feature in Vue 3.

What you will learn in the Building Applications with Vue & Nuxt course:

  • Getting to know the basics of working with Vue and using SVG graphics in it
  • Project-based learning with the creation of an exam schedule
  • Building an application using Nuxt to learn Nuxt configuration, building pages and navigation, building Masthead and Footer, using API to retrieve data by a plugin
  • Creating filtering components, filtering with calculated properties, creating dynamic pages
  • Vuex tutorial, using Vuex Store Mutations and UUID, adding icons and conditional page layout
  • Teaching forms and arrangement of elements in API

Course details

Publisher: FrontendMasters
teacher: Sarah Drasner
English language
Training level: introductory to advanced
Number of courses: 40
Duration: 4 hours and 14 minutes

Course topics:

Introduction

introduction
working with svg graphics in vue

Building a Quiz Game App

project setup
adding styling svg graphics
adding application ui state
using mutations
creating a question index
updating the question index in the store
creating a watcher
adding a score shuffling answers
adding a result modal exercise
adding a result modal solution

Building a Food App with Nuxt

nuxt overview
creating a nuxt app
set up nuxt config
create navigation pages
create a masthead
create a grid from store data
create a footer restaurant page exercise
create a footer restaurant page solution
fetch api data with a plugin
deploy the app

Filtering Data & Adding Dynamic Pages

create a filtering component
filtering with computed properties
create a dynamic page
dynamic page exercise
dynamic page solution
create a reusable component with slots

Vuex

using vuex store mutations and uuid
add icon with conditional layout
vuex store shopping cart
shopping cart count exercise and qa
shopping cart count solution

Forms & Composition API

form validation in vvalidate
stripe payments practice resources
composition api
adding composition api to nuxt
composition api exercise
composition api solution

Wrapping up

wrapping up

Course prerequisites:

Pictures

Sample video

Installation guide

After Extract, view with your favorite Player.

English subtitle

Quality: 1080p

download link

Download part 1 – 1 GB

Download part 2 – 589 MB

Password file(s): www.downloadly.ir

Size

1.6 GB

4.7/5 – (3725 points)

Be the first to comment

Leave a Reply

Your email address will not be published.


*