• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer
Codemotion Magazine

Codemotion Magazine

We code the future. Together

  • Magazine
  • Dev Hub
    • Community Manager
    • CTO
    • DevOps Engineer
    • Backend Developer
    • Frontend Developer
    • Web Developer
    • Mobile Developer
    • Game Developer
    • Machine Learning Developer
    • Blockchain Developer
    • Designer – CXO
    • Big Data Analyst
    • Security Manager
    • Cloud Manager
  • Articles
    • Stories
    • Events
  • Sign In
Home » Dev Hub » Community Manager » Refactoring an Angular application through a live coding session
Community Manager

Refactoring an Angular application through a live coding session

During an AperiTech meetup in Rome, Fabio Biondi showed how to refactor a simple Angular application... with a great live coding session!

Last update December 11, 2019 by Federica Bove

Hello Fabio, you are the one who brought the Angular community to Rome! You are also the one who talked about refactoring an application during one of the #AperiTech meetups. Could you tell us more about this?

Exactly: on that occasion, lasting a couple of hours, I took a written application in an almost procedural way, then a single giant file where we had a small CRUD application, with the classic operations (insertion, writing, deletion), and I performed a refactoring by subdividing the component code, applying a module approach, exploiting the depending injection in an optimal way. I showed the meetup attendees how to switch from a “scrambled” code with the so-called spaghetti code to something more structured and scalable, which is one of the advantages of using Angular, i.e. providing all the means to be able to write codes of extremely high quality.

It’s not easier to write it because it requires more time, more attention. Writing everything in a single file rather than splitting it into different units takes more time but is more sustainable, scalable and readable, even by colleagues. The important thing is to understand the following fact: writing good code doesn’t mean being more productive in the short term, because it clearly requires more attention, but in the medium/long term it offers great advantages.

We totally agree with you! What’s your story?

A few years ago, I founded some communities which existed before only online – on Facebook (Italian Angular Developers, Italian React Developers, JavaScript again for Italians and the newly created Opportunities for Italian Developers, which collects job offers, proposals, initiatives). I’m a former Adobe developer, where I dealt with Flash, Flex, Air and so on. I was unemployed from 2011 and I had to switch to working on JavaScript. I basically started from scratch, studying the basics: HTML, CSS, JavaScript. In 2012, among the various frameworks, I could choose between Ember, Backbone and AngularJS. Among these frameworks, I chose AngularJS because it was the one that more or less had similarities with Flex, such as binding, component management and other things. I was happy with my choice, because the others petered out, while AngularJS was quite successful. At the same time, I was always keeping an eye on UX, despite not being a designer, and having worked many years on Flash, I always ran up against issues related to animation. So I started studying Canvass and another very famous library, D3JS, which lets you create charts and infographics. In 2014/2015 I moved from AngularJS to React, working as a developer for two years. Today, I still use it, although not that often. Two years ago, the new one from Google came out, Angular version 7, and what I currently do is training, mentoring and consulting mainly on Angular and React.

Community Management for Developers

Download our latest eBook to learn how to build a thriving coding community with no prior experience. We had Codemotion’s own community managers and some of our members list down the essential skills, practices and tools according to their first-hand experience.

Download

You found yourself choosing between programming languages and you chose Angular. What are the future prospects for this technology?

What I notice, through contact with very many companies, is that many are trying to migrate the entire front-end, especially in the scope of enterprises like banks with the software of a certain nature, with a medium-long life cycle. In many of these cases, we’re trying to replace the front-end previously developed in Java (usually in JSF or DotNet) with Angular.

Migrations are delicate stages and the process happens slowly. It must be said that Angular 7 has only been released in beta for a few days, and it’ll be in the next few months that it’ll gain prominence, greatly changing the perspective of Angular itself, because currently, the bundle size (the total size of the application) is a bit big compared to a React or a View. For example, we come to a “hello world” of 300k, against the 60/20k of other frameworks which are therefore significantly lower. However, it seems that in Angular7 you’ll be able to have a bundle size of about 3/4k in “hello world” and this could change the perspective, attracting a new target, for example, that of websites or micro applications.

Tagged as:JavaScript

Graph Analytics in the AperiTech Community
Previous Post
How to Challenge Your Code with Property-Based Testing – Part 1
Next Post

Primary Sidebar

Whitepaper & Checklist: How to Organise an Online Tech Conference

To help community managers and companies like ours overcome the Covid-19 emergency we have decided to share our experience organizing our first large virtual conference. Learn how to organise your first online event thanks to our success story – and mistakes!

DOWNLOAD

Latest

What are the Main Areas of Development for Programmers to Land Their Dream Job? Codemotion

What are the Main Areas of Development for Programmers to Land Their Dream Job?

Backend Developer

How to Contribute to an Open-Source Project

How to Contribute to an Open-Source Project

Backend Developer

6 Great DevOps Metrics - and How to Choose the Right Metrics

6 Great DevOps Metrics – and How to Choose the Right Metrics

DevOps Engineer

Codemotion Interview with Chad Arimura

Thinking Like a Founder – meet Chad Arimura

CTO

DesignOps and UX Engineers

Move Over DevOps! Time for DesignOps and UX Engineers

Designer - CXO

Related articles

  • Common Mistakes when Building Developer Communities
  • Dealing with Trolls in Your Community
  • How To Measure Success in DevRel Between Companies and Communities
  • 6 Soft Skills Every Tech Community Manager Should Have to Succeed
  • The Ultimate Guide to Developer Community Management for Beginners
  • Why Are These Developer Community Manager’s Skills So Critical?
  • Why Start a Developer Community?
  • How to Become a Better Developer Community Manager
  • What Is The Best Framework for Developer Community Management?
  • Women Techmakers and Google Developer Group

Subscribe to our platform

Subscribe

Share and learn. Launch and grow your Dev Community. Join thousands of developers like you and code the future. Together.

Footer

  • Learning
  • Magazine
  • Community
  • Events
  • Kids
  • How to use our platform
  • About Codemotion Magazine
  • Contact us
  • Become a contributor
  • How to become a CTO
  • How to run a meetup
  • Tools for virtual conferences

Follow us

  • Facebook
  • Twitter
  • LinkedIn
  • Instagram
  • YouTube
  • RSS

DOWNLOAD APP

© Copyright Codemotion srl Via Marsala, 29/H, 00185 Roma P.IVA 12392791005 | Privacy policy | Terms and conditions

  • Learning
  • Magazine
  • Community
  • Events
  • Kids
  • How to use our platform
  • About Codemotion Magazine
  • Contact us
  • Become a contributor
  • How to become a CTO
  • How to run a meetup
  • Tools for virtual conferences

Follow us

  • Facebook
  • Twitter
  • LinkedIn
  • Instagram
  • YouTube
  • RSS

DOWNLOAD APP

CONFERENCE CHECK-IN