Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Meditation Personal Transformation Life Purpose Emotional Intelligence Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Google Analytics
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Modeling Data Analysis Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Blogging Freelancing Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Development Web Development Vue JS

Build 7 Real World Applications with Vue.js

Build 7 professional, real-world, and fun-filled projects that you can use to jump-start your Vue.js career
Rating: 3.4 out of 53.4 (29 ratings)
238 students
Created by Packt Publishing
Last updated 2/2019
English
English [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • Learn to build more complex applications and to share data across components by creating a simple web shop.
  • Manage a real-time chat capability to integrate real-time communication with a backend service and build Vue .JS applications with push capability.
  • Implement three different ways of connecting to the server and routing data around your application
  • Use off-the-shelf libraries to get to the features you want more quickly

Course content

2 sections • 61 lectures • 6h 43m total length

  • Preview02:28
  • Setup and Requirements
    03:30
  • A Basic Music Index – Creating Our First Views and Routes
    07:22
  • Pagination and Splitting Up Components
    08:09
  • User Created Playlists – First Steps
    08:16
  • Adding Songs to Playlists
    09:14
  • Customizing and Managing Playlists
    05:33
  • In Search of Songs with Web Workers
    05:19
  • Preview02:00
  • Integrating Fetch and Firebase
    03:15
  • Searching for Your Favorite Shows
    05:19
  • Detail Page for Shows
    05:43
  • Subscriptions So that You Will Never Miss a New Season
    04:31
  • Subscriptions So that You Will Never Miss a New Season (Continued)
    04:25
  • Setup and Requirements
    03:39
  • Administration and Authentication
    05:44
  • Managing Products
    09:20
  • Products on Display
    09:59
  • Vuex – Centralized State for Our Shop
    07:01
  • A Cart for Shopping
    09:55
  • Processing the Checkout
    06:19
  • Processing the Checkout (Continued)
    12:11
  • Setup and Requirements
    04:08
  • Registration and Authentication
    09:22
  • Sending Messages to a Single Room
    07:05
  • Creating and Joining Multiple Rooms
    09:21
  • User Lists and Kicking Users
    09:28
  • Test Your Knowledge
    5 questions

  • Preview03:42
  • Install Vue
    06:46
  • Why Components?
    06:54
  • Working with Data
    09:29
  • Directives – Iteration and Conditionals
    06:37
  • Events
    03:30
  • Slots, References, and Transitions
    06:29
  • Vuex
    07:52
  • Vuetify
    07:22
  • Preview03:23
  • Project Setup
    08:48
  • Adding GraphQL
    07:16
  • Creating the Vuex Store
    07:50
  • Adding the Map
    08:32
  • Adding the Toolbar
    06:23
  • Adding Store Info
    08:00
  • Introduction to You News
    03:06
  • Application and Database Setup
    07:05
  • Adding REST Endpoints
    04:30
  • Creating the Vuex Store
    05:44
  • Initial Layout and Left Nav
    08:28
  • Article Viewer
    06:52
  • Add Feed Dialog
    06:08
  • Adding WebSockets
    07:02
  • Local Storage
    04:12
  • Introduction to Photo Spot
    03:02
  • Creating the Server
    05:01
  • Creating the Models
    11:47
  • Creating the Vuex Store
    07:06
  • Getting File Upload Going
    04:47
  • Vuetify, Vue-Router, Layout, and Home Page
    07:44
  • Detail Page and Chat Window
    11:48
  • Integrating Pusher on the Server
    07:16
  • Integrating Pusher on the Client
    04:33
  • Test Your Knowledge
    3 questions

Requirements

  • Basic prior knowledge of JavaScript programming, Vue .js is required & web development is required.

Description

Are you willing to enhance your basic Vue.js skills with a real-world project to deepen your understanding of Vue.js. Then this course is for you!

Vue.js is an open-source JavaScript framework for building user interfaces and single-page applications.

With this practically oriented course, you will mainly focus on creating 7 real-world projects such as creating a miniature Spotify-like music library to manage your song collection, builds a tracker for TV shows, desktop and web RSS reader & much more. While building this project you will also learn basics of working with Vue.js, vue-router, and using plugin components integrate real-time communication with a backend service, which we can use to build Vue.JS applications with push capability.

By the end of this course, you will be able to build complex and large web applications with Vue.js & also implement your own real-world applications, troubleshoot errors with your Vue.js application.

Contents and Overview

This training program includes 2 complete courses, carefully chosen to give you the most comprehensive training possible.

The first course, Real World Projects with Vue.js you'll create a miniature Spotify-like music library to manage your song collection where you'll learn the basics of working with Vue.js, vue-router, and using plugin components. The next project builds a tracker for TV shows where we'll expand on our app-building experience by integrating an external API using the native fetch API. The third project is a simple web shop, which will introduce building more complex applications. We will add Vuex to our stack to share data and state across components. The last project is a real-time chat feature, with the ability to create, join, and manage various rooms. It will integrate real-time communication with a backend service, which we can use to build Vue.JS applications with push capability. By the end of the course, you will have the Vue.JS knowledge needed to implement your own real-world applications.

The second course, Practical Projects with Vue JS 2 will walk you through three complete practical projects in Vue.js that show the breadth of the framework, and also show how it is used practically via real-world examples. It fills a void not met by reference guides or cookbooks but adds value to both of those resources. You will not only understand how to use the framework, but also which choices were made, and why. These projects will act as jumping off points for you in your own projects.

About the Authors:

Daniel Khalil is the co-founder of Brainsware. He is a full-stack developer for 12 years now, self-employed freelancer since 2009. Most of his work lately is with Elixir (Phoenix) and Vue.js. He loves creating software that's usable, testable and maintainable.

Jack Herrington is a Principal Software Engineer at Nike working. He works in React, Vue, and AngularJS and has presented to a wide set of audiences on a variety of web technologies. He has written six books and hundreds of articles covering both the front- and back-end. Before Nike he was the UI Architect at Walmart Labs.

Who this course is for:

  • This course targets JavaScript developers, front-end developers, Vue .js developers, professional web developer to build amazing and complex reactive web applications with Vue .js & and solve real-world problems with their Vue .js applications.

Instructor

Packt Publishing
Tech Knowledge in Motion
Packt Publishing
  • 3.9 Instructor Rating
  • 58,039 Reviews
  • 349,925 Students
  • 1,418 Courses

Packt has been committed to developer learning since 2004. A lot has changed in software since then - but Packt has remained responsive to these changes, continuing to look forward at the trends and tools defining the way we work and live. And how to put them to work.

With an extensive library of content - more than 4000 books and video courses -Packt's mission is to help developers stay relevant in a rapidly changing world. From new web frameworks and programming languages, to cutting edge data analytics, and DevOps, Packt takes software professionals in every field to what's important to them now.

From skills that will help you to develop and future proof your career to immediate solutions to every day tech challenges, Packt is a go-to resource to make you a better, smarter developer.

Packt Udemy courses continue this tradition, bringing you comprehensive yet concise video courses straight from the experts.



  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.