I have created a tutorial “Building a web application with Vue”. You will find it here in a GitHub Repo.
Why did I create it?
- I really liked my first experiences with Vue and I want others to have that same joy and feeling of accomplishment I had
- I know that by trying to turn my first experiences into a tutorial, I will better learn and understand myself what I have been doing; I force myself to better explore and document what I have pieced together from documentation, blog articles, ChatGPT, StackOverflow and other sources
- I want to provide my colleagues with a stepping stone – not the ones many who are well versed in Vue, but the ones who like me would like to make a first in road in modern web application development but do not really know how and where to start; I have used this tutorial in a Conclusion Code Café session on August 22nd with a small number of nice colleagues who I may have converted to Vue enthusiasts
Is this the best Vue tutorial out there? Not by any standard. I think it is useful, it gets you going in a very pragmatic way and it prepares you for more thorough, advanced tutorials and the documentation and books that explain how things really work.
What makes it interesting?
- focus on getting the important things to work you want in a web application
- not on the theory behind it, not on corner cases and advanced situations
- no time is spent on comparing with earlier release of Vue or with other mainstream frameworks
- no prior knowledge of Vue or other reactive web frameworks is required (or even desired)
- there is no need to install anything: the tutorial uses development environments that run in your browser (Vue playground, StackBlitz, Gitpod.io)
- in 3-4 hours, you will have a simple Vue web application running with most of the key concepts applied (most notable exception is routing); the final application is live on GitHub Pages here. The final step in the tutorial is “how to publish the Vue application to the world on your own GitHub pages environment”