Building on a previous article on How to Build a Drag-and-Drop File Uploader, we’ll be adding some new features, but more importantly (maybe), we’ll be learning how to build it in Vue 3 and learn some best practices for Vue along the way.
Read more…
Vuex is the go-to state management library for Vue applications, and the Vue core team has some big plans to make it better than ever. Here’s a preview of where they are looking to take it.
Read more…
Slots are a powerful tool for creating reusable components in Vue.js, though they aren’t the simplest feature to understand. Vue’s slots take component-based development to a whole new level, and while in this article you will discover a lot of great ways slots can be used, there are countless more out there. Today, Joseph Zimmerman takes a look at how to use slots and some examples of how they can be used in your Vue applications.
Read more…
File selection inputs are difficult to style the way developers want to, so many simply hide it and create a button that opens the file selection dialog instead. Nowadays, though, there is an even fancier way of handling file selection: drag and drop. In this article, Joseph Zimmerman will be using “vanilla” ES2015+ JavaScript (no frameworks or libraries) to complete this project, and it is assumed you have a working knowledge of JavaScript in the browser. This example should be compatible with every evergreen browser plus IE 10 and 11.
Read more…
In this tutorial, Joseph Zimmerman aims to help you understand how v-model works on native inputs and on custom components by default. Also, you’ll learn how to create custom checkboxes and radios that emulate how v-model works on them natively.
Read more…
JavaScript module bundling has been around for a while. RequireJS had its first commits in 2009, then Browserify made its debut, and since then several other bundlers have spawned across the Internet. Among that group, webpack has jumped out as one of the best. If you’re not familiar with it, in this article, Joseph Zimmerman will help you get started with this powerful tool.
Read more…
JavaScript developers faced a great revolution with Node.js, by allowing them to write code that runs directly on their machines. They started to easily write tools for the command line that automate a lot of things in their development cycles. npm, which is bundled with Node.js, made this even easier by giving them quick and easy access to tools that others have created, which they install on their machines to access from wherever they are in their system. Make the most out of it Installing packages from npm globally.
Read more…
In this third part of the series, Joseph Zimmerman will be taking a gander at how Marionette helps make views better in Backbone. Marionette extends the base View class from Backbone to give us more built-in functionality, and to convert all of the common code down to configuration. Some things may be mentioned in this article that refer to the previous articles, and this is part of a series about Marionette, so if you wish to learn about Marionette, you should read the whole series.
Read more…
In the first part of this series, we discussed Backbone.Marionette’s Application. This time around, we’ll discuss the module system that is included in Backbone.Marionette. Modules are accessible through the Application, but modules are a very large topic and deserve an article dedicated to them.
Read more…
Backbone.js is quickly becoming the most popular framework for building modular client-side JavaScript applications. To help you tap the full potential of Marionette, Joseph Zimmerman prepared an entire eBook full of useful hands-on examples!
Read more…