Angular Developer Roadmap for 2020 🌈
Tags: angular, javascript, typescript
Published: 2020-02-29 16:06:40



<p>I thought of writing this post, to create a roadmap documentation to learn Angular in my company. Then, I asked myself, why not share with all developers? 🦄</p>

<p>So, getting to the point, what steps do we must follow to be a Angular Developer?<br><br><br></p>



<div>
<h2>👾 Getting started with JavaScript </h2>
<p>If you are reading this post, I assume you already have knowledge of Html and css, so I'm going to skip those directly to javascript.
To be a Angular Developer, you have to first have some solid foundation of Javascript, to learn how things work. 
Let me share with you some resources that you can use to increase your Javascript developmemnt skills:</p>
<ul>
<li><b>JavaScript Accelerated Training</b> - Notting better to start with reviewing the basics of javascript with <a href="https://www.udemy.com/course/javascript-bootcamp-2016/">this course given by Maximilian</a></li>
<li><b>JavaScript - Understanding the Weird Parts</b> - Grasp how Javascript works and it's fundamental concepts in this <a href="https://www.udemy.com/course/understand-javascript/">Udemy Course</a></li>
<li><p><b>JavaScript Algorithms and Data Structures</b> - In <a href="https://www.freecodecamp.org/learn">Freecodecamp</a> you can find for free this course that you can learn by doing examples and in the end you can get a certification<br><br><br></p></li>
</ul>
<br><br><br>
</div>


<div>
<h2>👩‍💻 Move from JavaScript to Typescript </h2>
<p>TypeScript is a superset of JavaScript which primarily provides optional static typing, classes and interfaces. One of the big benefits is to enable IDEs to provide a richer environment for spotting common errors as you type the code. Since Angular 2, this is a must to learn.</p>
<ul>
<li><b>Introduction to TypeScript</b> - This tutorial teaches you TypeScript through 21 interactive screencasts, it's free and you can find it on <a href="https://scrimba.com/p/gintrototypescript?utm_source=freecodecamp.org&utm_medium=referral&utm_campaign=gintrototypescript_5_minute_article">Scrimba</a></li>
<li><b>Best practices in TypeScript</b> - This <a href="https://jobs.zalando.com/en/tech/blog/typescript-best-practices/">article </a>will not discuss the good and bad sides of Typescript but some best practices.</li>
<li><p><b>TypeScript Official Documentation</b> - Last but not least you can always find <a href="https://www.typescriptlang.org/docs/home.html">official documentation</a><br><br><br></p></li>
</ul>
</div>

<h2>🔥 And finally, Angular! </h2>
<p>Now that you’re experienced in JavaScript and Typescript let's skip to Angular. Angular as a framework is a great choice because it’s quite easy to learn and it’s improving each day.</p>
<ul>
<li><b>Angular Course on Udemy</b> - <a href="https://www.udemy.com/course/the-complete-guide-to-angular-2/">This course</a> course given by Maximilian Schwarzmüller teaches you Angular in detail and is always up to date with the latest versions.</li>
<li><p><b>Official Angular Documentation</b> - The <a href="https://angular.io/docs">Angular docs website</a> contains all the information you’d need to be a developer at Angular development.<br><br><br></p> </li>
</ul>

<h3>🌠 In addition to Angular </h3>
<p>Angular already comes with some features that you should also learn:</p>
<ul>
<li>Create end-to-end tests to make sure that your application works as expected all the time by simulating interactions using a real browser - <a href="https://www.cypress.io/">cypress.io</a> is one what that examples.</li>
<li><p>Learn how you can unit test each part of your code using libraries like <a href="https://jestjs.io/">Jest</a>.<br><br><br></p></li>
</ul>

<h3>📖 Angular Best Practices </h3>
<ul>
<li>Best practices for a clean and performant Angular application - This <a href="https://www.freecodecamp.org/news/best-practices-for-a-clean-and-performant-angular-application-288e7b39eb6f/">article</a> from Freecodecamp outlines the practices we use in our application and is related to Angular.</li>
<li><p>Angular collection of directives - In this <a href="https://github.com/gianarb/awesome-angularjs#directive">github repository</a> you can find some tips that you can use in your project.<br><br><br></p></li>
</ul>

<h3>💖 Get inspired! </h3>
<ul>
<li>Made with angular - This <a href="https://www.madewithangular.com/">website</a> shows some cool examples built with Angular.</li>
<li><p>Angular Expo - <a href="https://angularexpo.com/">Angular Expo</a> is a beautiful showcase of websites, applications and experiments using the Angular JavaScript framework.<br><br><br></p></li>
</ul>

<h3>Follow the news</h3>
<p>Angular is always evolving and as developers we should always be in touch with the latest updates. For that I recommend to follow the <a href="https://blog.angular.io/">Official Angular Blog</a>.<br><br><br></p>

Until next time! See you around! 😊