How to Build a Chrome Extension with Vue — SitePoint – Website Design Article

Browser extensions are small programs that can modify and enhance the functionality of a web browser. They can be used for a variety of tasks, such as blocking ads, managing passwords, organizing tabs, altering the look and behavior of web pages, and much more. The good news is that browser extensions aren’t difficult to write. They can be created using the web technologies you’re already familiar with — HTML, CSS and JavaScript — just like a regular web page. However,…

Read More

Introduction to Vue.js and the Quasar Framework — SitePoint – Website Design Article

In recent years, we’ve seen a proliferation of JavaScript tools and frameworks, such as Angular and React. I remember when I bought a book about Grunt.js: it was already being dropped by developers, who had started using other tools like Gulp, “the streaming build system”. But anyone who jumped on that train was likely to switch again really fast, because webpack came along and replaced them all. But among JavaScript frameworks, one has seen particularly rapid growth in recent years:…

Read More

Introduction to Vue.js and the Quasar Framework — SitePoint – Website Design Article

In recent years, we’ve seen a proliferation of JavaScript tools and frameworks, such as Angular and React. I remember when I bought a book about Grunt.js: it was already being dropped by developers, who had started using other tools like Gulp, “the streaming build system”. But anyone who jumped on that train was likely to switch again really fast, because webpack came along and replaced them all. But among JavaScript frameworks, one has seen particularly rapid growth in recent years:…

Read More

Optimize the Performance of a Vue App with Async Components — SitePoint – Website Design Article

Want to learn Vue.js from the ground up? Get an entire collection of Vue books covering fundamentals, projects, tips and tools & more with SitePoint Premium. Join now for just $9/month or try our 7 day free trial. Single-page applications sometimes cop a little flack for their slow initial load. This is because traditionally, the server will send a large bundle of JavaScript to the client, which must be downloaded and parsed before anything is displayed on the screen. As…

Read More

Fetching Data from a Third-party API with Vue.js and Axios — SitePoint – Website Design Article

Want to learn Vue.js from the ground up? Get an entire collection of Vue books covering fundamentals, projects, tips and tools & more with SitePoint Premium. Join now for just $9/month or try our 7 day free trial. More often than not, when building your JavaScript application, you’ll want to fetch data from a remote source or consume an API. I recently looked into some publicly available APIs and found that there’s lots of cool stuff that can be done…

Read More

How to Conditionally Apply a CSS Class in Vue.js — SitePoint – Website Design Article

There are times you need to change an element’s CSS classes at runtime. But when changing classes, it’s sometimes best to apply style details conditionally. For example, imagine your view has a pager. Pagers are often used to navigate larger sets of items. When navigating, it can be helpful to show the user the page they’re currently on. The style of the item is conditionally set, based on the current page that’s being viewed. A pager in this case may…

Read More

Get Started Writing Class-based Vue.js Apps in TypeScript — SitePoint – Website Design Article

In September of last year, Evan You (creator of Vue.js) announced plans for the next major version of the library. Vue 3.0 will feature an improved experience for TypeScript users, including native support for class-based components, and better support for type inference when writing code. The great news is, you don’t have to wait until version 3.0 is released (predicted for Q3 of 2019) to start writing your Vue apps in TypeScript. Vue’s command-line tool, Vue CLI, comes with options…

Read More

The Difference Between Computed Properties, Methods and Watchers in Vue — SitePoint – Website Design Article

For those starting out learning Vue, there’s a bit of confusion over the difference between methods, computed properties and watchers. Even though it’s often possible to use each of them to accomplish more or less the same thing, it’s important to know where each outshines the others. In this quick tip, we’ll look at these three important aspects of a Vue application and their use cases. We’ll do this by building the same search component using each of these three…

Read More

a Minimalist Framework for Creating Universal Vue.js Apps — SitePoint – Website Design Article

Want to learn Vue.js from the ground up? Get an entire collection of Vue books covering fundamentals, projects, tips and tools & more with SitePoint Premium. Join now for just $9/month or try our 7 day free trial. Universal (or Isomorphic) JavaScript is a term that has become very common in the JavaScript community. It’s used to describe JavaScript code that can execute both on the client and the server. Many modern JavaScript frameworks, like Vue.js, are aimed at building…

Read More

How to Replace jQuery with Vue — SitePoint – Website Design Article

Want to learn Vue.js from the ground up? Get an entire collection of Vue books covering fundamentals, projects, tips and tools & more with SitePoint Premium. Join now for just $9/month or try our 7 day free trial. I’m willing to bet that there are a lot of developers out there who still reach for jQuery when tasked with building simple apps. There are often times when we need to add some interactivity to a page, but reaching for a…

Read More

CoreUI Admin Template, Powered with Bootstrap and Modern Javascript Framework – Website Design Article

Not only is the front end page enhanced, but the back end page or administration page must also have a beautiful appearance. The goal is simple, so that system users feel excited when working. In addition, a beautiful appearance will also reduce boredom and tiredness. I believe, a good design will bring a good mood too. Because of that, designers are also paid handsomely. In this edition I want to discuss one of the admin page templates that use bootstrap…

Read More

How to Tell If Vue.js Is the Right Framework for Your Next Project — SitePoint – Website Design Article

Vue.js grew from a one-man project to a JavaScript framework everyone’s talking about. You’ve heard about it from your front-end colleagues and during conferences. You’ve probably read multiple comparisons between Vue, React, and Angular. And you’ve probably also noticed that Vue outranks React in terms of GitHub stars. All that’s made you wonder whether Vue.js is the right framework for your next project? Well, let’s explore the possibilities and limitations of Vue to give you a high-level look at the…

Read More