A great way to share your knowledge is with an online course. Rather than being stuck with the boring and inflexible lesson pages offered by the well-known course platforms, we can build our own so we can make the design and UX exactly how we like. In this tutorial, I’ll…

When it comes to hosting online courses, developers have had to make a tough choice: either go with an all-in-one solution like Teachable or Thinkific and be stuck with dull design, an unimaginative lesson interface, and severe feature bloat. Or, spend 6 months building a custom platform from scratch. My…

Issue #216 Detecting Clicks Outside an Element in Vue Have you ever tried to make your dropdown menu close when a user clicks outside the element? Learn to write a custom directive that does this in Vue. https://shivam.dev/blog/outside-click VueJS — Reusable Data Fetcher Component Learn to build a component that will help you manage data fetching and provide proper feedback to users. https://dev.to/vcpablo/vuejs-reusable-data-fetcher-component-1jdo

Issue #215 3 Years of VueJS Have you ever wondered what a complex Vue application really looks like? In this article, the author gives a tour of Diffgram’s Open Annotation UI, built with Vue, after three years of development. https://anthony-sarkis.medium.com/3-years-of-vuejs-2021-7e3127a930dc Three Common Mistakes a React Developer Makes in Vue Front-end developers who know more than one JS framework have an advantage. This article covers three…

After months of work and planning, I’m thrilled to announce the launch of DevTrends! DevTrends will bring you a high-quality video on an important new developer tool or technique every single week. Some of the topics covered already include Svelte, Deno, Jamstack, and, XState. Upcoming topics include Snowpack (released next…

Last week I announced DevTrends, a new subscription service I’m working on that provides short, concise introductions to important new development topics. When DevTrends launches, we’ll release a new video every week on Snowpack, Svelte, XState, Jamstack, and other new and interesting topics. I wanted to give Vue.js Developers Newsletter…

Issue #214 Developing a Vue 3 Headless Component This article explains what headless components are, why they’re useful, and how they can be developed using Vue 3. https://www.maxgfeller.com/blog/vue-3-headless Different Ways to Implement v-model Depending on what you’re building, you may need different options for two-way data binding in Vue. Here are some ways of implementing your own custom v-model.

Web dev technology is moving fast, and it seems that every week something new and interesting is being released. Do you find it hard to find time to check out all the new tools and techniques that everyone’s talking about like Svelte, Snowpack, WASM, XState, Jamstack, etc etc? Introducing DevTrends I’ve been…

Issue #213 Vue 3 Won’t Support IE11 [RFC] Behavior inconsistencies and the long-term maintenance burden are making the Vue team question IE11 support in version 3. https://github.com/vuejs/rfcs/blob/ie11/active-rfcs/0000-vue3-ie11-support.md From Vue CLI to Vite The author of this article recently migrated some Vue 2 projects from Vue CLI to Vite. Here’s a summary of their notes about the process.