{"id":13,"date":"2025-02-06T23:59:51","date_gmt":"2025-02-06T23:59:51","guid":{"rendered":"https:\/\/blogs.oregonstate.edu\/byteclub\/?p=13"},"modified":"2025-02-06T23:59:51","modified_gmt":"2025-02-06T23:59:51","slug":"angularjs-is-not-angular","status":"publish","type":"post","link":"https:\/\/blogs.oregonstate.edu\/byteclub\/2025\/02\/06\/angularjs-is-not-angular\/","title":{"rendered":"AngularJS Is NOT Angular"},"content":{"rendered":"\n<p>AngularJS is indeed not the same as Angular, and I learned this the hard way. Having no experience with Angular at all, I set out to learn it because it is the framework our project uses. I was blown away by the AngularUI built-in components in their material library, drooling at all the things I was going to do with Angular version 19. My reverie was abruptly ended when I downloaded our project requirements and saw Angular version 1.8.3. It was indeed not Angular, but the discontinued, archaic AngularJS.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Learning AngularJS<\/h2>\n\n\n\n<p>This is a fast-paced class, and I didn&#8217;t have time to dwell on my big mistake. I needed to start learning AngularJs right away. I found the resources, however, very limited. Especially because I needed to learn a new technology to an intermediate\/advanced level to keep up with the current codebase. <\/p>\n\n\n\n<p>To help others who might have to learn AngularJS, here are some of the resources I found helpful:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong><a href=\"https:\/\/youtube.com\/playlist?list=PL4cUxeGkcC9gsJS5QgFT2IvWIX78dV3_v&amp;si=M1DdlLKZVtbYiomS\">Net Ninja<\/a><\/strong>\n<ul class=\"wp-block-list\">\n<li>The Net Ninja on YouTube has a great playlist with his course in AngularJS. He goes over each main concept with live examples, and all example code is also included in his Git repo. I loved how simply he explained each topic.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><a href=\"https:\/\/www.w3schools.com\/angular\/angular_intro.asp\" data-type=\"link\" data-id=\"https:\/\/www.w3schools.com\/angular\/angular_intro.asp\">W3Schools<\/a>\n<ul class=\"wp-block-list\">\n<li>W3Schools has a whole course on AngularJS. As a very visual learner, I didn&#8217;t use it as a course but as a reference. For example, a lot of my work this week had to do with creating tables. Using the reference on AngularJS tables was so helpful. They showed different ways to use the ng-repeat and filter options.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Thoughts on AngularJS<\/h2>\n\n\n\n<p>While initially, I was a bit disappointed that it wasn&#8217;t the cool and modern version of Angular that I thought we were going to be using, I have come to really enjoy it. In fact, it may be my favorite JavaScript framework. <\/p>\n\n\n\n<p>One thing that I really like is how intuitive the syntax. Want Angular to do something conditionally? Angular if (ng-if). Want Angular to repeat something? Angular repeat (ng-repeat). By reverting to caveman speech patterns, you can effectively intuit the correct directive for AngularJS. <\/p>\n\n\n\n<p>I also found the controllers very intuitive. I liked how a whole grouping and views were under one app, but that app may have many different controllers. I have found this is a really great way to minimize HTML code but maximize the functionality. <\/p>\n\n\n\n<p>The one thing I still struggle a bit with is AngularJS routing. Luckily, the routing is already completed for the project. For future projects, however, I will need to put more work into this concept. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusion<\/h2>\n\n\n\n<p>Overall, I not only did I learn a new framework, I also gained a valuable experience learning a new framework with fewer resources in a short amount of time. I believe that every time you learn a new tool or language, you get better at adapting and acquiring new skills. I look forward to improving my skills with AngularJS during this quarter and adding it to my developer toolbox. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>AngularJS is indeed not the same as Angular, and I learned this the hard way. Having no experience with Angular at all, I set out to learn it because it is the framework our project uses. I was blown away by the AngularUI built-in components in their material library, drooling at all the things I [&hellip;]<\/p>\n","protected":false},"author":14564,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-13","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/blogs.oregonstate.edu\/byteclub\/wp-json\/wp\/v2\/posts\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.oregonstate.edu\/byteclub\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.oregonstate.edu\/byteclub\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.oregonstate.edu\/byteclub\/wp-json\/wp\/v2\/users\/14564"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.oregonstate.edu\/byteclub\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":1,"href":"https:\/\/blogs.oregonstate.edu\/byteclub\/wp-json\/wp\/v2\/posts\/13\/revisions"}],"predecessor-version":[{"id":14,"href":"https:\/\/blogs.oregonstate.edu\/byteclub\/wp-json\/wp\/v2\/posts\/13\/revisions\/14"}],"wp:attachment":[{"href":"https:\/\/blogs.oregonstate.edu\/byteclub\/wp-json\/wp\/v2\/media?parent=13"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.oregonstate.edu\/byteclub\/wp-json\/wp\/v2\/categories?post=13"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.oregonstate.edu\/byteclub\/wp-json\/wp\/v2\/tags?post=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}