One of the most useful features of today's modern browsers is the ability to store data right on the user's computer or mobile device. Even as more people move toward the cloud, client-side storage can still save web developers a lot of time and money, if you do it right. This hands-on guide demonstrates several storage APIs in action. You'll learn how and when to use them, their plusses and minuses, and steps for implementing one or more of them in your application. Ideal for experienced web developers familiar with JavaScript, this book also introduces several open source libraries that make storage APIs easier to work with. Learn how different browsers support each client-side storage API Work with web (aka local) storage for simple things like lists or preferences Use IndexedDB to store nearly anything you want on the user's browser Learn how support web apps that still use the discontinued Web SQL Database API Explore Lockr, Dexie, and localForage, three libraries that simplify the use of storage APIs Build a simple working application that makes use of several storage techniques

For years now, web developers have used powerful application servers like PHP and Node that could create our web apps. But recently there's been a shift between how much we can do on an application server versus how much we can do on the browser itself-as well as what we can do on a mobile app. This practical book shows readers how static site generators provide a powerful middle ground between a full app server deployment and a simple collection of static files. Written by two leading developers in the JavaScript community, this book teaches front-end designers, front-end developers, web developers, and web designers how static site generators work, the benefits you can expect, and what options are available. You'll learn how to deliver static site files to the end user exactly as they are on the server, without using a server-side language or a database, using HTML, CSS, and JavaScript. Static websites today are just like vinyl LPs: they're coming back. With this book, you'll discover just how these websites still fulfill a vital need for bloggers as well as people who just want to disseminate information.

Get to grips with the core fundaments of Vue.js 3 and learn how to build reliable, scalable, frontend applications from industry experts Key Features * Lean how to get the most out of the Vue.js 3 framework and build an end-to-end project * Create dynamic components and user interfaces that are fast and intuitive * Write easily scalable and reusable performant code Book Description Are you looking to use Vue.js 3 for web applications, but don't know where to begin? Front-End Development Projects with Vue.js 3 will help build your development toolkit and get ready to tackle real-world web projects, helping you get to grips with the core concepts of this JavaScript framework with practical examples and activities. In this book, you'll work on mini-projects including a chat interface, a shopping cart and price calculator, a to-do app, and a profile card generator for storing contact details. These realistic projects are presented as bitesize exercises and activities, allowing you to challenge yourself in an enjoyable and attainable way. Here, you'll discover how to handle data in Vue components, define communication interfaces between components, and handle static and dynamic routing to control application flow. You'll also work with Vite and Vue DevTools, and learn how to handle transition and animation effects to create an engaging user experience. Later, you'll discover how to test your app and deploy it to the web. By the end of this book, you'll gain the skills to start working like an experienced Vue developer, build professional apps that can be used by others, and have the confidence to and tackle real-world front-end development problems. What you will learn * Set up a development environment and start your first Vue.js 3 project * Modularize a Vue application using component hierarchies * Use external JavaScript libraries to create animations * Share state between components and use Pinia for state management * Work with APIs using Pinia and Axios to fetch remote data * Validate functionality with unit testing and end-to-end testing * Get to grips with web app deployment Who This Book Is For This book is designed for Vue.js beginners. Whether this is your first JavaScript framework, or if you're already familiar with React or Angular, this book will get you on the right track. To understand the concepts explained in this book, you must be familiar with HTML, CSS, JavaScript, and Node package management.

Get to grips with the core fundamentals of Vue.js 2 and learn to build reliable component-based applications with practical guidance from industry experts Key Features Learn how to make the best use of the Vue.js 2 framework and build a full end-to-end project Build dynamic components and user interfaces that are fast and intuitive Write performant code that "just works" and is easily scalable and reusable Book DescriptionAre you looking to use Vue 2 for web applications, but don't know where to begin? Front-End Development Projects with Vue.js will help build your development toolkit and get ready to tackle real-world web projects. You'll get to grips with the core concepts of this JavaScript framework with practical examples and activities. Through the use-cases in this book, you'll discover how to handle data in Vue components, define communication interfaces between components, and handle static and dynamic routing to control application flow. You'll get to grips with Vue CLI and Vue DevTools, and learn how to handle transition and animation effects to create an engaging user experience. In chapters on testing and deploying to the web, you'll gain the skills to start working like an experienced Vue developer and build professional apps that can be used by other people. You'll work on realistic projects that are presented as bitesize exercises and activities, allowing you to challenge yourself in an enjoyable and attainable way. These mini projects include a chat interface, a shopping cart and price calculator, a to-do app, and a profile card generator for storing contact details. By the end of this book, you'll have the confidence to handle any web development project and tackle real-world front-end development problems. What you will learn Set up a development environment and start your first Vue 2 project Modularize a Vue application using component hierarchies Use external JavaScript libraries to create animations Share state between components and use Vuex for state management Work with APIs using Vuex and Axios to fetch remote data Validate functionality with unit testing and end-to-end testing Get to grips with web app deployment Who this book is forThis book is designed for Vue.js beginners. Whether this is your first JavaScript framework, or if you're already familiar with React or Angular, this book will get you on the right track. To understand the concepts explained in this book, you must be familiar with HTML, CSS, JavaScript, and Node package management.

Build a powerful and practical jQuery-based framework in order to create mobile-optimized websites About This Book * Build websites with jQuery Mobile that work beautifully across a wide range of mobile devices * Become a competent jQuery Mobile developer and learn the building blocks of jQuery Mobile's component-driven design * This book covers key concepts but with a focus on providing the practical skills required Who This Book Is For This book is for any web developer who is looking to create mobile-optimized websites. Basic knowledge of HTML is required. Minor familiarity with JavaScript would help but is not required. What You Will Learn * Create mobile-optimized sites using simple HTML * Structure your sites so users can browse them on mobile devices * Find out how to work with multiple pages in the JQM framework and embed multiple pages in HTML files * Enhance simple pages using various toolbars * Include mobile-optimized forms for interactive sites * Convert desktop sites into mobile versions * Use HTML5's local storage feature in jQuery Mobile to include persistent client-side storage * Explore the rich sets of widgets and themes available and discover how to modify them for use in your jQuery Mobile site In Detail jQuery Mobile is a HTML5-based touch-optimized web framework. jQuery Mobile can be used to build responsive cross-platform websites and apps for a wide range of smartphones, tablets, and desktop devices. The jQuery Mobile framework can be integrated with other mobile app frameworks such as PhoneGap, IBM Worklight, and more. Introduction to jQuery Mobile explains how to add the framework to your HTML pages to create rich, mobile-optimized web pages with minimal effort. You'll learn how to use jQuery Mobile's automatic enhancements and configure the framework for customized, powerful mobile-friendly websites. We then dig into forms, events, and styling. You'll see how jQuery Mobile automatically enhances content, and will find out how to use the JavaScript API to build complex sites. We'll introduce you to how jQuery Mobile can be themed as well looking into how JavaScript can be used for deep sets of customizations. The examples are ready to run and can be used to help kick-start your own site. Along the way, you will leverage all the concepts you learn to build three sample mobile applications. Style and approach Through a set of easy to follow instructions, we'll show you how to use jQuery Mobile's features one easy-to-use widget at a time. You'll see examples for each feature as well as screenshots to demonstrate what they should look like on a mobile device. You can then take these example files and modify them as you learn to experiment.