VUE.JS 2.0 Tutorial Net Ninja YouTube series

If you have decided you have had enough of the Angular (Which version are we on now game) and React taking too much effort and you have settled on Vue then this is one of the free courses you can take on YouTube.  Vue is a progressive Javascript framework which means you can work it into projects a little bit at a time.  A very small footprint of 20KB min+gzip Runtime, Blazing Fast Virtual DOM, Minimal Optimization Efforts.  The add-ons allow Vue to handle HTTP requests and do routing.

There are 44 Episodes, each a small part of the VUE infrastructure with code examples.  I tent to agree with the instructor this is one of the best FREE video series on YouTube if not the entire web.  Presentation style is quick and precise and keeps your attention.

I thought I was hot shit after taking some other VUE training and discovered, after taking this tutorial,  I was just a little shit.  I appreciate the effort that went into these videos and would highly recommend them.

It doesn’t hurt that I live in East Lansing home to Chris Fritz, a member of Vue core team,  and get to hear him talk at some Meetups.  All it took was one 15 minute conversation with Chris and I switched gears to Vue.  I’m still learning but, it is going well.

Via: Vue JS 2 Tutorial #1 – Introduction The Net Ninja

Simple Modal Notifications in Vue.js with Vue-SweetAlert2 — JSFeeds

The alert() method available on the Window object for notifications and alerts in your apps is really not ideal for most situations. For one, it’s ugly and has no way to be customized. Thankfully, a popular library called SweetAlert 2 (sucessor to SweetAlert) … more

Modal notifications help make single page applications easier to use and understand.  This VUE library has been upgraded and the new one has many features to make modal notifications easy to use without Bootstrap.

via Simple Modal Notifications in Vue.js with Vue-SweetAlert2 — JSFeeds

Simple Modal Notifications in Vue.js with Vue-SweetAlert2 — JSFeeds

The alert() method available on the Window object for notifications and alerts in your apps is really not ideal for most situations. For one, it’s ugly and has no way to be customized. Thankfully, a popular library called SweetAlert 2 (sucessor to SweetAlert) … more

This node add-on allows for much better modal windows than just plain Javascript.  This updated library has quite a few new features.

via Simple Modal Notifications in Vue.js with Vue-SweetAlert2 — JSFeeds

Brief Analysis of the State of JavaScript 2017 Results

image showing the relative use of typescript and flow among React developers

In the 2017 edition of the “State of JavaScript”, over 28,000 developers responded, supplying the community with a diverse dataset to analyze, enabling myriad discoveries about how JavaScript is being used. JavaScript continues to change at a fever pace with some industry stalwarts stalling while upstarts advance. By David Iffland

Looks like I bet on the right horse, Vue jumped ahead of Angular (whatever version it is today).  REST/JSON needs to look out for GraphQL.

via Brief Analysis of the State of JavaScript 2017 Results — InfoQ

Yet Another Icon Generator only this one written with Vue.JS

Quickly create great looking favicons and general purpose ones Continue reading on Vue.js Feed »

Font Awesome is a great collection of Free ICONS but customizing them to look pretty for your application has been tedious.  The website has been written using Vue.JS as one of its components.  It is a great example of how Vue.JS can make the user interface look and perform “awesome”.   Give it a test drive at the following link.  I used it today for a handful of Blueish 128 pixel square ICONS for a quick project.

via Font Awesome Icon Generator using Vue.js — Vue.js Feed

Vue.JS Dev-Tools Chrome Add-In

Vue apps are a joy to write, and often fairly easy to debug. But do you know what would make debugging better? A dedicated way to hook into Vue apps and manipulate them from your browser’s devtools. What? Such a thing already exists? Oh. Well then. I … more

The Alligator knows these things.  I trust the Alligator to tell me things about kits like Angular, Ionic and Vue.  I was an Angular fanboy right up until the Version 2.0 “Let’s rewrite everything”, now they have gone right to version 4.0, kinda make me wonder.  Then I was a React wannabe trying my best to muddle my way through it.  Then a very wise person by the name of Chris, you know who you are, educated me about Vue.JS and now I at the point of where “I don’t suck at it” anymore.  I have a long way to go to be using it professionally.  I did have some questions about how do I look at my components in tree format like the DOM in the browser debugger?  Your page changes over time, is there a time machine that I can roll back time and see what the page looked like?  There is! Yea!!!

via Using the Vue.js Devtools — JSFeeds

MERN the new JavaScript stack

mern.png

TherModern Application Stack – Part 1: Introducing The MEAN Stack introduced the technologies making up the MEAN (MongoDB, Express, Angular, Node.js) and MERN (MongoDB, Express, React, Node.js) Stacks, why you might want to use them, and how to combine them to build your web application (or your native mobile or desktop app). The remainder of…

via The Modern Application Stack – Part 5: Using ReactJS, ES6, and JSX to Build a UI (the Rise of MERN) — DZone Web Dev Zone

There has been some discontent when the migration from Angular 1/1.5 to Angular 2.o actually became a rewrite.  I switched to React after seeing some very convincing presentations and talking with some somewhat rabid developers. I am also looking at Vue as a replacement for the Angular / React part of the full stack.  I wonder how long it will be before we see the MEVN stack being discussed.