{"id":190,"date":"2022-11-01T18:21:44","date_gmt":"2022-11-01T18:21:44","guid":{"rendered":"https:\/\/codecasm.com\/blogs\/?p=190"},"modified":"2022-11-01T18:21:47","modified_gmt":"2022-11-01T18:21:47","slug":"angular-roadmap-for-beginners-2022","status":"publish","type":"post","link":"https:\/\/codecasm.com\/blogs\/angular-roadmap-for-beginners-2022\/","title":{"rendered":"Angular Roadmap for beginners (2022)"},"content":{"rendered":"\n<p>Today I am going to discuss what are the good resources and better way to learn Angular and getting started with it (obviously according to me).<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">First step First \ud83d\udc63<\/h2>\n\n\n\n<p>First step towards Angular goes with some pre-requisites i.e. HTML, CSS &amp; JS.<\/p>\n\n\n\n<p>Hopefully, if you are heading towards a <strong>front-end<\/strong> framework or library that declares that you already are pretty familiar to <strong>HTML, CSS &amp; JS<\/strong>. Still I will consider <strong><em>beginners<\/em><\/strong> as the <strong><em>benchmark<\/em><\/strong> for now and tell you about the roadmap.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Here we go with the steps \ud83d\udeb6\u200d\u2642\ufe0f<\/h2>\n\n\n\n<ol class=\"wp-block-list\"><li>Learn HTML<ul><li><a rel=\"noreferrer noopener\" href=\"https:\/\/www.w3schools.com\/html\/\" target=\"_blank\">W3schools<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/youtu.be\/DPnqb74Smug\" target=\"_blank\">freeCodeCamp<\/a><\/li><\/ul><\/li><li>Learn CSS<ul><li><a rel=\"noreferrer noopener\" href=\"https:\/\/www.w3schools.com\/css\/\" target=\"_blank\">W3schools<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/Tutorials\" target=\"_blank\">Mozilla MDN for CSS<\/a><\/li><\/ul><\/li><li>Learn JavaScript <ul><li><a rel=\"noreferrer noopener\" href=\"https:\/\/www.w3schools.com\/js\/\" target=\"_blank\">W3schools<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/javascript.info\/\" target=\"_blank\">JavaScript Info<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Guide\" target=\"_blank\">Mozilla MDN for JS<\/a> (for deep understanding)<\/li><\/ul><\/li><li>TypeScript<ul><li><a rel=\"noreferrer noopener\" href=\"https:\/\/www.typescriptlang.org\/docs\/handbook\/2\/basic-types.html\" target=\"_blank\">Basics from Official<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/www.typescriptlang.org\/docs\/handbook\/typescript-from-scratch.html\" target=\"_blank\">Quick tutorial for TS<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/youtu.be\/gp5H0Vw39yw\" target=\"_blank\">freeCodeCamp<\/a> <\/li><\/ul><\/li><li>Angular<ul><li><a rel=\"noreferrer noopener\" href=\"https:\/\/angular.io\/start\" target=\"_blank\">Official Documentation<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/youtu.be\/3qBXWUpoPHo\" target=\"_blank\">freeCodeCamp (by Santosh Yadav)<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/www.pluralsight.com\/courses\/angular-2-getting-started-update\" target=\"_blank\">PluralSight (might not be free)<\/a><\/li><li>CodeCasm <a rel=\"noreferrer noopener\" href=\"https:\/\/codecasm.com\/blogs\/tag\/angular\/\" target=\"_blank\">(blogs)<\/a> and <a rel=\"noreferrer noopener\" href=\"https:\/\/youtube.com\/playlist?list=PLJCpkod1E3FtB2f8ohdOWShw_4qLjel6Y\" target=\"_blank\">(videos)<\/a><\/li><\/ul><\/li><li>Community (<em>lot too learn with variations<\/em>)<ul><li>Join Meetup groups &amp; start meeting amazing community members<\/li><li>Attend Seminars &amp; Webinars<\/li><li>Known community<ul><li>Angular<\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/www.angular-communities.com\/\" target=\"_blank\">All Angular Communities<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/www.ng-ind.com\/\" target=\"_blank\">ngIndia<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/codecasm.com\" target=\"_blank\">CodeCasm<\/a><\/li><\/ul><\/li><\/ul><\/li><li>Angular Resources<ul><li><a rel=\"noreferrer noopener\" href=\"https:\/\/indepth.dev\/angular\" target=\"_blank\">Angular InDepth<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/www.angularnation.net\/\" target=\"_blank\">AngularNation<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/dev.to\/t\/angular\" target=\"_blank\">Angular Dev.to<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/www.santoshyadav.dev\/blogs\" target=\"_blank\">Angular Blogs by Santosh Yadav<\/a><\/li><\/ul><\/li><\/ol>\n\n\n\n<p><\/p>\n\n\n\n<p>All the resources and references above are unbiased. They are just based upon my learning. As per my experience I have found this very simple, easy and great resources. Feel free to follow your path if you find it unhealthy for your journey.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>I Hope you enjoyed the resources. Feel free to contact me via email or <a href=\"https:\/\/twitter.com\/dev_ashishkumar\" target=\"_blank\" rel=\"noreferrer noopener\">twitter<\/a> DM<\/p>\n\n\n\n<p>Sweet &amp; helpful people can suggest edits to make this more useful.<\/p>\n\n\n\n<figure class=\"wp-block-pullquote\"><blockquote><p>Thanks \ud83d\ude0a \u270c\ufe0f<\/p><\/blockquote><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Today I am going to discuss what are the good resources and better way to learn Angular and getting started with it (obviously according to me). First step First \ud83d\udc63 First step towards Angular goes with some pre-requisites i.e. HTML, CSS &amp; JS. Hopefully, if you are heading towards a front-end framework or library that [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[2,14,3],"tags":[6,24,7,36,9,25,8],"class_list":["post-190","post","type-post","status-publish","format-standard","hentry","category-angular","category-free","category-typescript","tag-angular","tag-blog","tag-codecasm","tag-community","tag-javascript","tag-learning","tag-typescript"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/codecasm.com\/blogs\/wp-json\/wp\/v2\/posts\/190","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codecasm.com\/blogs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codecasm.com\/blogs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codecasm.com\/blogs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codecasm.com\/blogs\/wp-json\/wp\/v2\/comments?post=190"}],"version-history":[{"count":5,"href":"https:\/\/codecasm.com\/blogs\/wp-json\/wp\/v2\/posts\/190\/revisions"}],"predecessor-version":[{"id":195,"href":"https:\/\/codecasm.com\/blogs\/wp-json\/wp\/v2\/posts\/190\/revisions\/195"}],"wp:attachment":[{"href":"https:\/\/codecasm.com\/blogs\/wp-json\/wp\/v2\/media?parent=190"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codecasm.com\/blogs\/wp-json\/wp\/v2\/categories?post=190"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/codecasm.com\/blogs\/wp-json\/wp\/v2\/tags?post=190"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}