background preloader


Facebook Twitter

Become a ninja with Vue.js - the ebook. Posts About Vue.js. : Learn Vue 2: Step By Step. Learn Vue.js - Best Vue.js Tutorials (2019) What is Vue.js Vue is a JavaScript library used by developers to build user interfaces (UI) aimed at simplifying front-end engineering and making the task more approachable.

Learn Vue.js - Best Vue.js Tutorials (2019)

Vue follows a declarative, component-based architecture and is often compared to React. Vue is a lightweight library and intended to be incrementally adoptable into a code base. While the goal is to be simple, Vue also offers advanced features allowing applications to scale and grow into large production applications. Learn Vue.js - Best Vue.js Tutorials (2019) Hands-on Vue.js for Beginners (Part 1)

Part of "Hands-on Vue for Beginners" series Learning a new framework can be a very daunting process for any developer, especially for one that is still learning the base language (in this case JavaScript). This is why I have decided to create this series in which I will attempt to make the learning of Vue.js as easy and digestible as possible 🙂 I'm not a fan of making long drawn out introductions, so I will assume that if you're still reading:

Vue and GraphQL with Hasura video course. Part of "Vue and GraphQL with Hasura" series Hello and welcome to the video course series in which we will create Vue apps with GraphQL using the open source Hasura GraphQL engine.

Vue and GraphQL with Hasura video course

In this course, we will create a Vue blog CMS, step-by-step, and we will cover major aspects of executing GraphQL queries, mutations and subscriptions. We will learn how to setup and deploy Hasura for free on Heroku. Playlist Intro to Vue.js. Learning Vue - CSS-Tricks. Vue.js. 7 Ways To Define A Component Template in VueJS – Vue.js Developers. There’s plenty of choice when it comes to defining component templates in Vue.

7 Ways To Define A Component Template in VueJS – Vue.js Developers

By my count there are at least seven different ways: StringTemplate literalX-TemplatesInlineRender functionsJSXSingle page components And maybe more! In this article we’ll go through examples of each and address the pros and cons so you know which one is the best to use in any particular situation. Vue + Vuex Store — Short Tutorial for Beginners – Maciej Lisowski. Recently I’ve started to play around with Vue, something which I didn’t really want to even start to code with for a long time, just because I was in love with React (before React it was Angular 1) — which from the very beginning was impressing me with how it was done comparing at that time to Angular, it was new experience.

Vue + Vuex Store — Short Tutorial for Beginners – Maciej Lisowski

Going back to Vue — if you haven’t tired it yet, I think it is time to reconsider that and give some time for learning Vue. Surprisingly (is a positive way) I found this framework very friendly — easy start, with good documentation, great community and tons of open-source libraries which can be used. I would assume that it could be easier for me to start coding right away in it because of my previous experience with React and Angular, tho vue-cli is very handy in bootstraping a new project.

Before we start, am assuming that you have at least installed Vue and you are ready to code, if you haven’t done that yet — please go to Vue Installation page first. npm run serve. Hands-on Vue.js for Beginners (Part 1) Vue.js : On se lance ! – Laravel. Comme je l’ai dit dans l’article précédent vue.js est une librairie pour créer facilement des interfaces web interactives.

Vue.js : On se lance ! – Laravel

Dans cet article nous allons voir dans un premier temps comment l’installer et dans un deuxième temps les concepts clés et un petit exemple de réalisation pour illustrer. Il existe un site très bien fait auquel vous pouvez vous référer. Mais évidemment tout y est en anglais. Getting Started with Vue.js. Getting Started with Vue.js - The front-end development scene changes at a lightning pace. You don’t go too long without hearing about a new upcoming JavaScript library that promises it is going to change everything. A few of them actually live up to their hype, like Google’s Angular and Facebook’s React.

Others, not so much. The end result is a landscape that makes it very confusing for beginners to know where to begin. If you’re trying to get into front-end development nowadays, it can seem like everything is a buzzword and nothing makes any actual sense. Babel, Webpack, React, Grunt, Angular, Meteor, Ember, ES6, Redux, JSX, npm, Typescript, and the list goes on and on. I’m writing this post to help people get started with very little knowledge required other than basic HTML, CSS and JavaScript. If you can build a static page that when you click a button it changes the background color, you’re ready to keep reading! Intro to Vue.js: The Vue Instance. Comment faire du routage strict avec Vue Router et Vue Server Renderer ? L'URL n'est pas la même URL que

Comment faire du routage strict avec Vue Router et Vue Server Renderer ?

Or, si cela n'est pas gênant dans une application monopage (plus loin SPA pour « Single Page Application »), cela devient critique pour de l'optimisation de moteur de recherche (plus loin SEO pour « Search Engine Optimization ») dès lors que le contenu est généré côté serveur. Côté serveur, les routeurs comme celui d'Express possèdent un mode strict pour que l'adresse /foo ne soit pas la même que l'adresse /foo/. Mais qu'en est t-il de Vue Router ? Et surtout, comment faire concorder le routage client et le routage serveur pour que l'hydratation (la prise en main côté client d'un rendu côté serveur) concorde ?

Je vous le donne en mille : de base, là où Express en mode strict vous renverra une page 200 pour /foo/ et une page 404 pour /foo, Vue Router lui, en mode strict, vous renverra exactement l'inverse ! Pourquoi a t-on besoin d'un rendu côté serveur (SSR) ? Getting started with Vue 2 – Viithiisys. This tutorial will cover how to make your first vue app and running.

Getting started with Vue 2 – Viithiisys

We will be creating two component and use one inside another component to know the basics of vue. Building PWAs with Vue.js. Looking to get started developing Progressive Web Apps with Vue.js?

Building PWAs with Vue.js

Learn how to easily get PWAs built quickly using Vue. If you’ve spent any time at all online or among other web developers lately, you’ve no doubt heard the acronym PWA, or Progressive Web App, bandied about. This term, originally championed by Google, labels a class of apps purpose-built for the mobile web and which offer many of the strengths of mobile apps (offline support, home screen installation) while still maintaining the broad reach that only the web can provide. PWAs have been a topic of much discussion in the web world for the past couple of years, but have been a fringe concept for much of that time due to limited support for key technologies in both Safari and Edge.

That’s set to change in 2018, however, as both browsers are set to release updates supporting the essential building blocks needed for a PWA. What’s a PWA? Single Page Apps with Vue.js and Flask: Setting up Vue.js. Setup and Getting to Know Vue.js Introduction This is the opening post to a tutorial series on using Vue.js and Flask for full stack web development.

Single Page Apps with Vue.js and Flask: Setting up Vue.js

In this series I am going to demonstrate how to build a survey web app where the application architecture consists of a front-end comprised of a Vue.js Single Page Application (SPA) and a backend REST API using the Flask web framework. This first post will cover basic project setup and structure, using the Vue.js v-for directive, and component lifecycle stages. Series Contents. Build an Online Shop with Vue. Vue.js courses – Learn Vue.js from our list of courses. Build a Simple Todo App with Vue.js and Vuex 2.0. Vuex Store Let’s begin by creating our Vuex store.

Build a Simple Todo App with Vue.js and Vuex 2.0

Create a folder inside the src directory called store. VueSchool - Learn VueJS 2. 5 Free VueJS Tutorials – Hacker Noon. Ok… I still use jQuery — my apologies for sleeping through the entire Backbone, Knockout, Angular 1 era. Regardless, I’m ready to toss my spaghetti, callback-filled, DOM-diving, code; for clean, data-driven, reactive front-end ViewModel bliss with VueJS— whew?! Vue.js - Le Commencement · Atinux. C’est parti, vous avez décidé de vous mettre à vue.js, ou vous êtes juste curieux d’en savoir plus, ça tombe bien, je vais tenter de vous expliquer ce que c’est et comment l’utiliser rapidement ! 5 Free VueJS Tutorials – Hacker Noon. Learn Vue 2: Step By Step. Intro to Vue.js: Rendering, Directives, and Events. By Sarah Drasner On directives, events, JavaScript, vue If I was going to sum up my experiences with Vue in a sentence, I'd probably say something like "it's just so reasonable" or "It gives me the tools I want when I want them, and never gets in my way".

Again and again, when learning Vue, I smiled to myself. It just made sense, elegantly.