The State of Javascript 2018: The View on Vue

The 2018 State of JavaScript survey results have just been released and so, as we head into the end of the year, it’s a good time to take a look at Vue.js and see where things are heading.
The yearly State of JavaScript survey, conducted by Sacha Greif, Raphael Benitte, and Michael Rambeau collects input from over 20,000 web developers on trends over the past year. While that’s not the entire industry, is probably a pretty good sample and a great place to start for a look at the fortunes of Vue. So what does it say?

Link: https://dzone.com/articles/the-state-of-javascript-2018-the-view-on-vue?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

Recent Experience With Cordova

Hi all, I am Adi.
I wanted to share with you my recent experience with the Cordova on a client project. Recently I picked up a client project, it was relatively simple, no crunching large sets of data in the app, not many APIs, and it was pretty much text all throughout the app. These are what I like to call ‘Informative apps,’ they just present the user with information about an entity or a topic.

Link: https://dzone.com/articles/recent-experience-with-cordova?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

Building Mobile Apps With Angular or Vue.js and NativeScript {N}

More and more Java developers have been coming into contact with front-end development in recent years. For this group of developers, it is only a small step to switch to mobile app development with NativeScript. In this post, we try to clarify the possibilities of native and hybrid app development using NativeScript.
What Is NativeScript {N}?
{N} is an open source framework (under the Apache 2 license) to build native iOS and Android apps, using TypeScript and Angular. {N} is a different technology than the hybrid frameworks, such as Ionic and Phonegap. {N} is a runtime, not a web technology. Your app will not run as a mini website in a WebView and is therefore more efficient. With {N} you have direct access to all the Native APIs of your device.

Link: https://dzone.com/articles/building-mobile-apps-with-angular-and-nativescript?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

Best JS Frameworks to Build Your Next Application

The first thing people notice about your application is its visual appeal. Most users tend to associate interface design with the credibility and professional competence of your company. That’s why choosing the right front-end technology plays a crucial role in your business growth.
Investing in user experience brings huge competitive advantages and great financial results. However, before counting up future income, you should decide which platform will be the foundation of your success. How long do technologies last?

Link: https://dzone.com/articles/best-js-frameworks-to-build-your-next-application

Making Cross-Browser Compatible Vue.js Apps and the Challenges Involved

Since the day the world’s second browser was launched, cross-platform support seems to be one of the major issues faced by designers and developers worldwide. Web developers were already tackling issues such as faster development time, code reusability, accuracy, etc, and were building robust prepackaged frameworks to help in development. So it was no surprise that they added cross-browser compatibility as a major feature of these frameworks. Out of those frameworks, one of the most popular ones is Vue.js and this post is all about cross-browser compatibility in Vue.js apps.
So, what exactly does it mean for an app to be cross-browser compatible? Let’s understand it through an example.

Link: https://dzone.com/articles/making-cross-browser-compatible-vuejs-apps-and-cha?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

Behold! NativeScript-Vue 2.0!

NativeScript-Vue, NativeScript’s implementation of its runtime with support for the Vue.js framework, has reached version 2.0 just seven months after we launched 1.0 on the stage of Vue.Amsterdam. The hard work of core contributor Igor Randjelovic and a trusty cohort of community members including Tiago Alves, Kamen Bundev, Manuel Saelices, Pascal Martineau, Vasil Trifonov, Rahul Kadyan, Ludovic Bois de Fer, and many more has culminated in a really solid release for you, which includes:
tl;dr; A new template, Sidekick integration, HMR, frame support, functional components, DevTools (wow!) and new docs.

Join me for a webinar where we will dive into this release and have some fun with creating apps and using DevTools! Register here.

Link: https://dzone.com/articles/behold-nativescript-vue-20?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

The Writing and Rewriting of EloCute: A NativeScript-Vue Story

For some people, learning a new framework involves painstaking combing through books, Udemy videos, and step-by-step building of a todo app, walking through each change methodically. Me, I’m one of those weirdos who likes to learn by building an app that I intend to move to production ASAP. While I did get through Udemy courses and read a fair number of getting-started blogposts, as well as reading through the Vue.js docs, I decided early on that I was going to really jump into Vue.js by building an app that I always dreamed of building: an app for teachers and students of second languages, to help digitize the painful task of testing spoken skills such as clarity of speech and accent perfection in a second language.
As a former French language and literature teacher, and as a student of several second languages, I always found it extremely painful to sit in one of those antique language labs with klunky headphones and equipment from the 1980s (or earlier!) and speak into a microphone to practice spoken skills. Some programs, unable to access this expensive hardware, simply seem to neglect the practicing of spoken skills — Chinese language schools, for example, often utterly fail to meet the needs of a new language learner’s desire to gain spoken proficiency. The lack of immediate feedback and the isolated experience seem to cry out for a mobilized solution to the language lab.

Link: https://dzone.com/articles/the-writing-and-rewriting-of-elocute-a-nativescrip?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

Error Tracking With Vue.js

Vue (pronounced /vjuː/, like view) is a progressive framework for building user interfaces on the web. Vue can power sophisticated single-page applications and is often used in combination with modern tooling and supporting libraries. We’ll show you how to add error handling in a Vue application to capture caught and uncaught errors. This gives you an opportunity to recover and update what’s presented to the user, as well as track the error to prioritize fixes. We’ll also show how to monitor errors in production using Rollbar.
How to Handle Errors in Vanilla Vue
You can catch exceptions in vanilla JavaScript using basic try, catch and finally statements. You can use these statements to handle caught exceptions in Vue components. In this example, we are simply logging to the console.

Link: https://dzone.com/articles/error-tracking-with-vuejs

React vs. Angular vs. Vue.js: A Complete Comparison Guide

Choosing a tech stack sometimes becomes a tedious task as you need to take every factor into consideration, including budget, time, app size, end-users, project objectives, and resources.
Whether you are a beginner, a developer, a freelancer, or a project architect forming strategies, it is a wise decision to be aware of the advantages and drawbacks of each framework in detail. So, this post will not help you select the best one, because that decision depends on the scope of your project and the framework’s suitability to your needs. But, this post can help you gain a better understanding of each framework along with trends and insights.

Link: https://dzone.com/articles/react-vs-angular-vs-vuejs-a-complete-comparison-gu?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

Include Feature-Rich Maps in a NativeScript-Vue App With Mapbox

Vue.js has been all the rage lately and is proving to be a strong competitor to Angular and React. When it comes to the mobile development frameworks, we’re lucky that NativeScript allows us to create native Android and iOS applications with Vue.js. A little less than a year ago I wrote a tutorial titled, Using a Mapbox in a NativeScript Angular Application, that demonstrated including feature-rich maps in an application built with Angular.
Being that we’re all polyglots here, wouldn’t it be nice if we could accomplish the same with NativeScript and Vue.js?

Link: https://dzone.com/articles/include-feature-rich-maps-in-a-nativescript-vue-ap?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev