| Description |
1 online resource |
| Contents |
Cover -- Title Page -- Copyright and credits -- Contributors -- Table of Contents -- Preface -- Part 1: Getting Started with Vue.js Development -- Chapter 1: Introduction to Vue.js -- Technical requirements -- The need for Vue.js -- Requirements and tooling -- Online resources -- Setting up the development environment -- Integrated development environment -- Vue.js DevTools -- My first app -- The project in the IDE -- Your first coding steps -- Summary -- Chapter 2: Creating a Todo List App -- A new project -- Cleaning up the default installation -- Building up the app |
|
Creating the ListItem component -- Creating the list -- Making a list -- Reactivity explained -- Sorting the list -- Preserving changes to the list -- Single File Components -- The Vue.js DevTools -- Inspecting a component -- Manipulating a component -- Summary -- Chapter 3: Building a Local Weather App -- Technical requirements -- Initializing the app -- Working with different types of APIs -- Handling data from a third-party API -- Constructing the API call -- Styling with Tailwind -- Utility classes -- Formatting data -- Custom style use cases -- Ensuring stability with Vitest |
|
Vue Test Utils -- Global test functions -- A simple component test -- Mocking external sources -- Mocking for success -- Unhappy path -- Testing with APIs -- Summary -- Chapter 4: Creating the Marvel Explorer App -- Technical requirements -- Getting started with our new project -- The Superhero connection -- Marvelous routes in a single-page application -- Optional parameters -- Paging Dr Strange -- A simple pagination component -- Composables, assemble! -- Refactoring useComics -- Reassembling functionalities -- Managing the roster -- Searching for heroes -- Adding search |
|
An overview with superpowers -- A different vision -- Handling the error -- Adding query parameters -- Summary -- Part 2: Intermediate Projects -- Chapter 5: Building a Recipe App with Vuetify -- Technical requirements -- A new Vue project -- Let's get cooking -- Quick development with Vuetify -- Connecting the recipes to our app -- A bit of additional setup -- Our API connection -- Selecting a recipe -- Adding and removing a meal -- Using Pinia for state management -- Stateful applications -- Adding Pinia -- The first store -- The meal planner store -- Computed store values -- Summary |
|
Chapter 6: Creating a Fitness Tracker with Data Visualization -- Technical requirements -- Creating a client -- Setting up the database -- Handling the user -- User store -- Authenticating users -- Protected routes -- Logging out -- App state -- Centralized dialog -- Centralized app menu -- Exercise tracking -- Selecting a date -- Adding a routine -- Saving to the database -- Our hard work visualized -- A view-based dashboard -- History and overview -- Graphs -- Summary -- Chapter 7: Building a Multiplatform Expense Tracker Using Quasar -- Technical requirements -- Setting up the database |
| Summary |
Become a VueJS professional through practical projects like building a to-do list, weather app, recipe app, fitness tracker, quiz app, and more Key Features Increase your prospects of securing employment as a web developer Familiarize yourself with the Vue ecosystem and build more advanced applications by leveraging the fundamentals Progress at your own pace and build a personal project using a modern tech stack Purchase of the print or Kindle book includes a free PDF eBook Book Description In the ever-evolving web development landscape, Vue.js stands out with its intuitive design and progressive framework, empowering developers to create interactive and dynamic web applications. This book will help you stay in the forefront of modern web technologies by mastering Vue.js through hands-on projects and practical applications. Building Real-World Web Applications with Vue.js 3 is your guide to exploring the core concepts of Vue.js, setting up your development environment, and creating your first Vue.js application. You'll progress by building a recipe app using Vuetify, followed by leveraging data visualization to create a fitness tracker featuring dynamic dashboards using external databases and Vue-ChartJS. You'll then get to grips with multiplatform development with Quasar to deploy your app. As you develop an interactive quiz app, you'll be introduced to server-side logic with Nuxt.js, WebSockets for real-time communication, and client-server differentiation. Additionally, you'll study experimental object recognition using TensorFlow, leveraging machine learning and camera input, and conclude by creating a portfolio website with Nuxt and Storyblok. By the end of this book, you'll have the knowledge and confidence to create your own Vue.js applications and build a portfolio to showcase your Vue.js skills to potential employers. What you will learn Master VueJS fundamentals and best practices Build real-world applications and create a portfolio Use VueRouter and manage state with Pinia Implement Vuetify for rapid UI development Develop multiplatform apps with Quasar Framework Create interactive quizzes using WebSocket connections Apply TensorFlow for object recognition Build a portfolio website with Nuxt and Storyblok CMS Who this book is for This book is for aspiring Vue.js developers eager to dive into practical projects. Whether you're just starting your Vue.js journey or have basic knowledge of JavaScript and web technologies, this book is a valuable resource, taking a hands-on approach to establishing a solid foundation in Vue.js while working on a variety of real-world projects |
| Subject |
JavaScript (Computer program language)
|
|
Web site development.
|
| Form |
Electronic book
|
| ISBN |
9781837632824 |
|
1837632820 |
|
