Financial Times names 10Clouds as One of Europe's Fastest Growing Companies. Read more on our blog
We use cookies on our website, hope you don’t mind. Just imagine a plate of delicious meringues, they look like clouds. Read more

Development

How Vue.js Helped Me Start My Angular Career

Share this Article on:

Stay in touch. Subscribe to our Newsletter

Technical background is a definite advantage when one learns how to program. If you don’t have it, it may be difficult to learn many concepts and start your journey through JavaScript frameworks with such a giant as Angular.

Fortunately, there are frameworks simpler than Angular. They may provide less features or be not as popular, but still have a fantastic documentation, many courses available and engaged community. One of them is the soaring framework called Vue.js. If you feel a little bit lost in the world of JavaScript frameworks, this post should clear your vision to some degree and show you a potential way how to get by many difficulties that you may encounter.

Background story

Being a complete newbie to programming more than one year ago it was difficult for me to grasp all the concepts like variables, loops, functions, objects, classes, synchronous and asynchronous calls, new features in ES6 with `this` operator as the most obscure part in one bit.

I started learning pure JS from freecodecamp.com and Udemy courses. It was all valuable experience and knowledge. But at some point job market ‘forced’ me to learn a JavaScript framework.

At that time AngularJS (1.x) was being transformed into new Angular (Angular 2+), React was on the rise and both frameworks started to dominate the market. I somehow decided to start my journey with AngularJS (not knowing that Angular may be better to learn then). Quite overwhelmed, presumably because of my lack of technical background, I almost dropped programming for good. That’s when I hit upon Vue.js and loved it at first sight.

How Vue.js Helped Me Start My Angular Career

» Will Vue.js become a giant like Angular or React? Read our article and find out!

Even though I work in Angular now, I still use Vue for smaller projects and consider myself a Vue evangelist. Vue.js is a well-documented, simple yet powerful JS framework based mainly on concepts from Angular and React developed by Evan You and his team. If you wonder what’s the power of Vue, I can name such brands as Alibaba, Baidu, Xiaomi and GitLab. Docplanner is rumoured to refactor its app using Vue. Recently I’ve created a simple Airbnb clone for educational purposes and Vue seemed like a good choice, especially with its Vue DevTools that I used very frequently during this project. You can find more open source examples of using Vue in this great post by Mybridge.

That said, let me guide you through many similarities that Angular and Vue share so that you’re able to have your own opinion.

Vue and Angular Code Similarities

The following sections include similar code written both in Vue and Angular. These simple code snippets are specifically designed so that you’re able to understand that Vue may be a suitable, lightweight solution before jumping into an abundance of features that Angular offers straight away.

String Interpolation, conditionals and loops

Vue
Angular

Reactivity – interacting with user and property binding

Class and style binding

Declaring imports, props and data

Methods (Functions), Lifecycle Hooks

Routing

CLI (Command-line interface) Basics

Template-driven approach – structure of files





There is no bad or good journey through these frameworks.

As you can see, both frameworks share many concepts and approach many situations similarly. There are of course differences but the knowledge I got from Vue helped me further understand more difficult concepts such as modules, services, guards and many other which led me to better understand the background behind the frameworks. It is also important to say that Vue is moving towards TypeScript integration which I find very useful, especially after working a couple of months with Angular now.

What Can You Do Now?

I believe there is no bad or good journey through these frameworks, though. Ask yourself a question how you feel about diving in deep water (Angular) or starting soft (Vue.js).

For more information on comparison with other frameworks, you can visit the official comparison by Vue.js or check the ‘React JS, Angular & Vue JS – Quickstart & Comparison’ Udemy course , where Maximilian Schwarzmüller makes a more detailed comparison between the frameworks.

Remember that it’s very useful to know pure JS before going deep with JS frameworks. This will ensure that you’re not one of these people that write code but don’t understand what they write.

Let me know about your experience with JS frameworks. Do you agree that Vue may be a good start before Angular? Do you think that Vue is enough for you to learn and moving to React or Angular is a waste of time? Do you find Vue powerful enough compared to Angular?

Bartosz Bilejczyk

Front-end developer

Front-end developer focused on Angular and Vue.js. Beginner guitar player and yoga enthusiast.

  • Cedric Poilly

    Thank you for sharing!
    I originally come from Angular and I can say it was quite a challenge to learn it and use it professionally. I only encountered Vue later and I must admit that the similarities you’ve mentioned helped me pick up Vue quite fast.
    As a coach I might consider Vue discovery for teaching Angular afterwards.
    Thanks again for sharing !

you may also like these posts

Design is Vital for Front-End Developers: How to Learn It?

Is Flutter The Best Way To Build Cross-Platform Mobile Apps?

Will React Native Save You Money? A Word from a Developer

SUBSCRIBE TO OUR NEWSLETTER

Get more stuff like this in your inbox.

Thank you for signing up!

You’ve been added to our mailing list.

Free project quote

Fill out the enquiry form and we'll get
back to you as soon as possible.


Thank you for your message!

We’ll get back to you in 24 hours.

Meanwhile take a look at our blog.

Read our blog
Gareth N. Genner Photograph

Gareth N. Genner

Co-Founder of Trust Stamp

Quote

We needed a partner who could take on our idea, and make it real. 10Clouds bring so many different skills. We feel that every member that’s involved in the project is a member of our team.