Posts Tagged

vue.js

Vue Js development resource

I have been using Vue JS for the last couple of years, and I have created a set of resources that can be extremely beneficial for someone who is trying to get started or wants to have a reference to some resources throughout their development.

Disclaimer: I am not gaining any economical advantage by sharing this links and I have no affiliation with any of the following resources.

Official Vue Documentation – https://vuejs.org/v2/guide/

Vue js official documentation screenshot

The official documentation is the perfect place to reference at any point of development. It is simple to follow, kept up to date and very comprehensive. I am amazed how well it is written.

Vue Dynamic Cheatsheet https://vuejs-tips.github.io/cheatsheet/

Vue js dynamic cheatsheet scrennshot

No matter how well you know the API, a sneak peak of its extensive library it is always welcome. This simple page, have dynamic links to the official documentation mentioned above, making it a must have for any vue developer

News VueJs podcast – https://news.vuejs.org/

Image result for vue podcast

A weekly podcast created to provide Vue developers with the latest news and tutorials to stay up-to-date with their technology. Very useful to know in advance what is coming in future releases.

Vue Cheat sheet – https://www.vuemastery.com/vue-cheat-sheet/

A free cheat sheet that include all the essential vue syntax provided by the creator of Vue Mastery. This is perfect for people that like to have a visual reference to the Vue api

NativeScript – https://www.nativescript.org/vue

nativeScript, homepage screenshot

An open source framework to build truly native mobile apps. It is great to get started with their online playground and fantastic to use, as it enables you to use your Vue skills to make native app.

Codesandbox – https://codesandbox.io

codesandbox homepage screenshot

A powerful online code editor for Vue. It is packed with everything you need to get started and more. It is constantly updated with new feature, and it the one stop for any new project ideas that you may have.

Storybook https://storybook.js.org/

Storybook is a development environment for UI components. It is packed with fantastic free add-ons ( accessibility, responsiveness, dynamic variables). And it is a great resource for any mid/large Vue project. (support other framework).

Vue Devtools ( Chrome /  Firefox) – https://github.com/vuejs/vue-devtools

Chrome and Firefox DevTools extension for debugging Vue.js applications. A must have for all Vue developers. It support new Vue developer to get started by analysing the components and their state, and it is useful for experience developer to check performance, events triggering and so much more.

Vue mastery –https://www.vuemastery.com/

vue mastery banner

Vue mastery is the one stop for any training resources. They are the biggest supporters of Vue Js ( they donate part of the revenue) and often offer good deals.

Vue interview question – https://www.toptal.com/vue-js/interview-questions

A very useful blogpost provided by the toptal, that provide insight on the ‘must know’ interview question for a vue js vacancy.

Conclusion

I really hope the resources above will turn to be useful, and please do not hesitate to comment and send me a message if you think that I have missed anything that should be added.

Which Javascript framework should I learn first

This is probably one of the first question that comes into every mind of new developers. The framework world is cluttered with hundreds of Framework, all promising to be the best, the fastest and the easier to use, but which one is the most suitable for new starters.

In this post I am going to share my opinion on where to a new Javascript developer should start and give a small review of the most used frameworks.

What is a Javascript Framework

A JavaScript framework is an application framework written in JavaScript. It differs from a JavaScript library in its control flow:[1] a library offers functions to be called by its parent code, whereas a framework defines the entire application design.[2] A developer does not call a framework; instead it is the framework that will call and use the code in some particular way. Some JavaScript frameworks follow the model–view–controller paradigm designed to segregate a web application into orthogonal units to improve code quality and maintainability. Examples: AngularJS, Ember.js.Wikipedia

In a nutshell, Javascript framework will provide you a complete structure to support your development by forcing specific patterns and guidelines. Even if different framework support you in achieving the same result, the implementation differ quite considerably, and knowledge can not be transferred between them.

What are the best Javascript Framework

This paragraph is going to cover the most used framework available on the market right now. The framework are shared in “No particular order”.

Angular 4

Angular was one of the first frameworks to be pushed to the public bug in 2009. Due to its maturity and the large community, AngularJs is usually the first choice around new developers.

Angular has recently received a complete upgrade. The new version, due to be a complete rewrite, is not compatible with the old one. This means that many of the example that can be found around the internet, may not work. This problem will fade overtime, but now, it can obscure proper result.

Pros

  • Mature with 8 years of experience
  • Two way data binding
  • Highly testable
  • MVVC architecture

Cons

  • Complete rewrite of version 2, so old example may not work
  • “Scope” in angular can be tricky to learn at first
  • MVC could be hard to learn if not familiar with it

 

 ReactJs

I will start this paragraph by specify that for many people reactJs is not accepted to be a framework, as it does not fulfil the definition above. React ( if used by itself), is just a view engine. Due to its popularity, and the amount of available plugins I have inserted it in this list.

React has been created by the creator of Facebook and instagram, and has been firstly been released in 2013.

Even if younger than angular 2. React is catching up quite quickly.

Pros

  • Very efficient
  • Good with SEO, because Server side render is possible
  • very active community

Cons

  • It is only a view layer
  • It needs other components to fully work
  • Learning curve quite steep, due to its different approach in creating components.

MeteorJs

Meteor has been initially created in 2011, and like the other framework has a large active community. This framework offer full stack capacity covering all aspect required for a successful Web/Mobile App.

Pros

  • Easy to scale

Cons

  • It is designed to work with Mongo DB
  • Need good understanding of NodeJs

 

VueJs

Vue has been created in 2014 uses the MVVM design paradigm and offers two data binding. Vue is one of the youngest framework around, but it is gaining speed and growing it community.

Pros

  • Easy to understand
  • Good Documentation
  • Small in size

Cons

  • Offer too much flexibility
  • Most of the community is NON english speaker

My preferred framework

Now that we have defined the framework above, it is time to share, what are my personal opinion on this matter. I had the change to try a couple of the framework above. Both cases the learning curve has been quite steep to start, and it made me realise that most of my energy where used in learning the Framework requirement without using lots of Javascript.

In my case, this was not a problem as I have a strong JS knowledge, and therefore could focus on the framework requirement. But I personally think that all new developers should not really use any framework until they have fully embraced the basic javascript knowledge.

As I mentioned above, all the javascript framework available, uses slightly different structure and implementation, reducing your employability to a specific market share.

This may not seem a problem at the start when everyone is looking for the greatest and coolest, but things ca go wrong, and in a very short amount of time, and in that case having experience on a framework that is not in use anymore could be a problem.

Conclusion

It is essential to be comfortable with plain javascript first, before moving along and learn different framework.

Having the basic knowledge will be a great advantage when learning a new framework.

All framework have a specific segment of the market, and as such, deep research should be done before adopting one as the decision should be made by a project by project bases.