Your Choice JavaScript News

Vuejs, javascript, vue, jquery & much more…

Vue News Thursday, June 14

Best resources to learn Vue.js in 2018

  • To help some of the people who every day are looking for quality resources, I have gathered some of the most discussed online sources which can provide knowledge over Vue and other relevant subjects.
  • scotch.io has a wide range of courses and tutorials around many subjects, but it also has some quite interesting free tutorials, usually combining Vue with other technologies to address more real-life situations.
  • The known platform has a lot of courses on every subject and Vue, of course, is not missing from the list.
  • A website presenting tutorials about Vue and related tools as well as other technologies and technics.
  • Creative Tim has a great variety of Premium Bootstrap themes, templates, and Material UI Kits, including of course Vue products with thousands of downloads.

Tags:

Best resources to learn Vue.js in 2018

Offline-First Progressive Web Apps (PWA) in Vue.js

  • Progressive Web Apps are just Web pages, but with superpowers.
  • They load under uncertain network conditions, even offline.
  • They can be installed on your smartphone if the browser supports it, feeling like a native app.
  • In this course Im gonna show you how to take an existing Single Page App made in Vue.js and pragmatically convert it to a Progressive Web App by creating a web manifest, then it goes through caching static assets, external resources and streams using service workers, applying code-splitting and lazy…

Tags:

Offline-First Progressive Web Apps (PWA) in Vue.js

Replacing jQuery with Vue — SitePoint

  • Ive modified the template so that the HTML for a single (empty) row now looks like this: – – tr class=item – tdinput value= //td – td$input type=number value=0 //td – tdinput type=number value=1 //td – td$0.00/td – /tr – – jQuery – – So, first of all, lets take…
  • Lets start by swapping out the script tag: – – script next thing we need to do is create a new Vue instance: – – const app = new Vue({ – el: ‘table’ – }); – – The only option we need to provide here is el, which is a…
  • Data – – Lets also add the data for the three example rows to our Vue instance: – – const app = new Vue({ – el: ‘table’, – data: { – items: [ – { description: ‘Website design’, quantity: 1, price: 300 }, – { description: ‘Hosting (3 months)’, quantity:…
  • To create functions that we can access from within our template, we need to pass them to our Vue instance as properties of a methods object: – – const app = new Vue({ – // … – methods: { – myMethod() {} – }, – // … – }) -…
  • Similar to creating methods, we pass our Vue instance a computed object containing functions whose results we want to use in our template: – – const app = new Vue({ – // … – computed: { – total() { – return this.it

Tags:

Replacing jQuery with Vue — SitePoint

Top Vue Courses

Vue JS 2: From Beginner to Professional (includes Vuex) (1,798 students enrolled)

By Bo Andersen
  • How to build advanced Vue.js applications
  • How to build single page applications (SPA)
  • Understand the theory and how Vue works under the hood
  • How to manage state in large applications with Vuex
  • Communicating with servers with HTTP
  • Use modern tools for developing and building applications (e.g. webpack)

Learn more.


Vue JS 2 - The Complete Guide (incl. Vue Router & Vuex) (38,295 students enrolled)

By Maximilian Schwarzmüller
  • Build amazing Vue.js Applications - all the Way from Small and Simple Ones up to Large Enterprise-level Ones
  • Understand the Theory behind Vue.js and use it in Real Projects
  • Leverage Vue.js in both Multi- and Single-Page-Applications (MPAs and SPAs)

Learn more.


The Ultimate Vue JS 2 Developers Course (3,882 students enrolled)

By Anthony Gore
  • Understand all Vue concepts from beginner to advanced
  • Build three real world applications using Vue.js utilising every Vue feature
  • Use the Vuex statement management library
  • Write basic Vue with ES5 and also modern Vue with ES6
  • Setup VueJS environment with development tools including Webpack
  • Create a universal application with server-side rendering
  • Use popular plugins from the Vue ecosystem like vue-router and vue-resource
  • Cutting-edge features like Single File Components, Render functions and Server-Side Rendering

Learn more.


Vue JS 2.0 - Mastering Web Apps (52,495 students enrolled)

By David Katz
  • Build entire Vue JS, VueRouter, and Vuex applications from scratch.
  • Develop apps that deal with APIs and web requests.
  • Create web apps with a full authentication service, and real-time database.

Learn more.


Learn by Doing: Vue JS 2.0 the Right Way (1,437 students enrolled)

By Dejan Stošić
  • Build your own VueJS application of any size
  • Plan and structure your project
  • Write maintainable code
  • Use smart development tools like vue-cli

Learn more.