Your Choice JavaScript News

Vue News Sunday, April 1 Development fun, Front-end development fun, Vue package wil & more…

Vue News TLDR / Table of Contents

  • Thanks to Vue.js I’ve found front-end development fun again
    • Couple days ago I’ve decided to check Vue.js out. And it ended with a deep dive. After couple hours with documentation, I totally fell in love with this framework. The last time I’ve been feeling so…
    • development fun, front-end development fun, Vue.js, Polish Vue.js devs, incrementally-adoptable JavaScript framework
  • Setup Webpack and Vue 2. – Vincent Trekels –
    • A little while ago I started using vue for some front-end work, I found myself spending a lot of time on the setup and reading of Webpack the documentation because I got mixed up between V1 and 2. So…
    • vue package wil, vue app, vue instance, vue files, project directory
  • Get going with Node.js, npm and Vue.js 2 on Red Hat & Oracle Linux
    • inaccessible proxy server, Oracle Enterprise Linux, Enterprise Linux platform, local browser, single HTML document
  • To be honest, I dont knowthe whole architecture of this tool suits me very welland thats maybe because Ive found it very similar to my own idea when I was trying to develop my very own JavaScript framework:) – Single File ComponentsWhen I first saw this simple idea, I was…
  • ; – } – } – } – /script – style scoped – h1 { – color: red; – text-decoration: underline; – } – h3 { – font-weight: 900; – } – /styleWith couple lines of code we have a working Vue.js component, ready to re-use in various places of…
  • I love the idea of defining the components structure in one file, but divided by 3 sections: – HTML template, with some extra Vue.js directives and custom props (AngularJS inspired? )
  • Im really happy that this is a defaultI really cant stand JSXs syntax (but You can use it anyway with Vue.js),JavaScript code, which handles all the components behavior and data (logic),Style block, which can be scoped or not.I suppose that other frameworks out there also supports this approach, but IMHO…
  • The way how Vue.js solves creating Single Page Applications (or Web Interfaces) with such intuitive syntax is just a pure magic for me.

Tags: development fun, front-end development fun, Vue.js, Polish Vue.js devs, incrementally-adoptable JavaScript framework

  • The configuration file will act different based on the env variable when the var is set for production the app will be uglified and will define a global constant that will be compiled at runtime by wepback, the vue package wil use this constant internally to disable the developer tools….
  • Further we have a babel loader translating our fancy es6 code to an older version so it can be interpreted by older browser engines, and the vue-loader to validate vue files on compile note that this is just a syntax check it wont test other stuff so its best practice…
  • yarn add webpack babel-core babel-loader babel-preset-es2015 css-loader uglifyjs-webpack-plugin –dev – Add the following commands to the scripts section in yourpackage.json file.
  • yarn add vue – yarn add vue-hot-reload-api vue-html-loader vue-loader vue-template-compiler –dev – Edit thehtml.index, it doesnt have to contain more then the basic tags and an element to which our App instance can bind, the app instance can not be bound to the body or html tag.
  • Just import vue and create a new instance that binds to the previous defined element in the html file.

Tags: vue package wil, vue app, vue instance, vue files, project directory

  • A quick and rough guide on getting going with Node, npm and Vue.js 2 on a Enterprise Linux platform (Oracle Linux based on RedHat Linux) – – Now again as the [normal]development user: – – create and run your first Vue.js application – – A single HTML document that loads…
  • One that is to my liking is Microsoft Visual Studio Code free, light weight, available on all platforms.
  • See for installation instructions: turn the application simplistic as it is into a shippable, deployable application, we can use the build feature of webpack: – – The built resources are in the /dist folder of the project.
  • These resources can be shipped and placed on any web server, such as nginx, Apache, Node.js and even WebLogic (co-located with Java EE web application).
  • prod.conf.js, for example to have the name of the application included in the name of the generated resources:

Tags: inaccessible proxy server, Oracle Enterprise Linux, Enterprise Linux platform, local browser, single HTML document

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.


Comments are closed, but trackbacks and pingbacks are open.