{"id":1801,"date":"2015-05-20T02:53:36","date_gmt":"2015-05-20T02:53:36","guid":{"rendered":"http:\/\/hyperdrivedesigns.com\/?p=1801"},"modified":"2018-10-22T12:29:22","modified_gmt":"2018-10-22T12:29:22","slug":"angular-js-for-beginners","status":"publish","type":"post","link":"https:\/\/hyperdrivedesigns.com\/angular-js-for-beginners\/","title":{"rendered":"Angular JS No BS Template for Beginners"},"content":{"rendered":"<p>Technology moves faster than we can keep up. Every week when I read some of my favorite web newsletters, it seems like there is a new JavaScript library. New JavaScript libraries are growing faster than my grass in the summertime. So I decide it was time to learn Angular JS. After spending many hours of reading and completing tutorials, it seems like almost every tutorial had multiple prerequisites before I could even get started. So before I could start learning Angular JS, I need to know some Node JS, Grunt, Bower, etc\u2026 \u00a0Man I just want to learn Angular. Well, after some more reading I figured out some things for beginners: You do not need to have all of these prerequisites. All you need is a web browser, editor and local development server. Since you will be coding html and javascript at first, there really is no need for a web server or local development server but I suggest a local development server anyway. Without using a server, just code your files in your editor and open up the file in a browser. This is just for beginners. The one key is in your code, you must be including the Angular JS library. After you start to learn more then you can jump into learning more advanced things and then these prerequisites will start to come into play. I\u00a0even created a bare-bones Angular Template to get beginners started. This template gets rid of all the extra overhead needed for more advanced Angular development. This template is just for beginning to learn the bare basics of Angular. I call it \u2018Angular JS No BS Template\u2019. Feel free to grab it from the Github or BitBucket links below.<\/p>\n<p><a class=\"btn btn-danger\" href=\"https:\/\/github.com\/redsoxfan2499\/angular-nobs\" target=\"_blank\" rel=\"noopener\">Github<\/a><\/p>\n<p><a class=\"btn btn-primary\" href=\"https:\/\/bitbucket.org\/dxladner\/angular-nobs\" target=\"_blank\" rel=\"noopener\">Bitbucket<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Technology moves faster than we can keep up. Every week when I read some of my favorite web newsletters, it seems like there is a new JavaScript library. New JavaScript libraries are growing faster than my grass in the summertime.<\/p>\n","protected":false},"author":1,"featured_media":2866,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false},"categories":[3,13],"tags":[],"acf":false,"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Angular JS No BS Template<\/title>\n<meta name=\"description\" content=\"Angular JS No BS Template for beginners\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/hyperdrivedesigns.com\/angular-js-for-beginners\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Angular JS No BS Template\" \/>\n<meta property=\"og:description\" content=\"Angular JS No BS Template for beginners\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hyperdrivedesigns.com\/angular-js-for-beginners\/\" \/>\n<meta property=\"og:site_name\" content=\"Hyperdrive Designs\" \/>\n<meta property=\"article:published_time\" content=\"2015-05-20T02:53:36+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-10-22T12:29:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/hyperdrivedesigns.com\/wp-content\/uploads\/2015\/05\/angular-post.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2250\" \/>\n\t<meta property=\"og:image:height\" content=\"1875\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Darren\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Darren\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/hyperdrivedesigns.com\/angular-js-for-beginners\/\",\"url\":\"https:\/\/hyperdrivedesigns.com\/angular-js-for-beginners\/\",\"name\":\"Angular JS No BS Template\",\"isPartOf\":{\"@id\":\"https:\/\/hyperdrivedesigns.com\/#website\"},\"datePublished\":\"2015-05-20T02:53:36+00:00\",\"dateModified\":\"2018-10-22T12:29:22+00:00\",\"author\":{\"@id\":\"https:\/\/hyperdrivedesigns.com\/#\/schema\/person\/ebe58380b732488b142b848d7f2d5de6\"},\"description\":\"Angular JS No BS Template for beginners\",\"breadcrumb\":{\"@id\":\"https:\/\/hyperdrivedesigns.com\/angular-js-for-beginners\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/hyperdrivedesigns.com\/angular-js-for-beginners\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/hyperdrivedesigns.com\/angular-js-for-beginners\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/hyperdrivedesigns.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Angular JS No BS Template for Beginners\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/hyperdrivedesigns.com\/#website\",\"url\":\"https:\/\/hyperdrivedesigns.com\/\",\"name\":\"Hyperdrive Designs\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/hyperdrivedesigns.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/hyperdrivedesigns.com\/#\/schema\/person\/ebe58380b732488b142b848d7f2d5de6\",\"name\":\"Darren\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/hyperdrivedesigns.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/61c792a261f8e4429cdeb8262d69c3bf?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/61c792a261f8e4429cdeb8262d69c3bf?s=96&d=mm&r=g\",\"caption\":\"Darren\"},\"url\":\"https:\/\/hyperdrivedesigns.com\/author\/darren\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Angular JS No BS Template","description":"Angular JS No BS Template for beginners","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/hyperdrivedesigns.com\/angular-js-for-beginners\/","og_locale":"en_US","og_type":"article","og_title":"Angular JS No BS Template","og_description":"Angular JS No BS Template for beginners","og_url":"https:\/\/hyperdrivedesigns.com\/angular-js-for-beginners\/","og_site_name":"Hyperdrive Designs","article_published_time":"2015-05-20T02:53:36+00:00","article_modified_time":"2018-10-22T12:29:22+00:00","og_image":[{"width":2250,"height":1875,"url":"https:\/\/hyperdrivedesigns.com\/wp-content\/uploads\/2015\/05\/angular-post.png","type":"image\/png"}],"author":"Darren","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Darren","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/hyperdrivedesigns.com\/angular-js-for-beginners\/","url":"https:\/\/hyperdrivedesigns.com\/angular-js-for-beginners\/","name":"Angular JS No BS Template","isPartOf":{"@id":"https:\/\/hyperdrivedesigns.com\/#website"},"datePublished":"2015-05-20T02:53:36+00:00","dateModified":"2018-10-22T12:29:22+00:00","author":{"@id":"https:\/\/hyperdrivedesigns.com\/#\/schema\/person\/ebe58380b732488b142b848d7f2d5de6"},"description":"Angular JS No BS Template for beginners","breadcrumb":{"@id":"https:\/\/hyperdrivedesigns.com\/angular-js-for-beginners\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hyperdrivedesigns.com\/angular-js-for-beginners\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/hyperdrivedesigns.com\/angular-js-for-beginners\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/hyperdrivedesigns.com\/"},{"@type":"ListItem","position":2,"name":"Angular JS No BS Template for Beginners"}]},{"@type":"WebSite","@id":"https:\/\/hyperdrivedesigns.com\/#website","url":"https:\/\/hyperdrivedesigns.com\/","name":"Hyperdrive Designs","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/hyperdrivedesigns.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/hyperdrivedesigns.com\/#\/schema\/person\/ebe58380b732488b142b848d7f2d5de6","name":"Darren","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hyperdrivedesigns.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/61c792a261f8e4429cdeb8262d69c3bf?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/61c792a261f8e4429cdeb8262d69c3bf?s=96&d=mm&r=g","caption":"Darren"},"url":"https:\/\/hyperdrivedesigns.com\/author\/darren\/"}]}},"_links":{"self":[{"href":"https:\/\/hyperdrivedesigns.com\/wp-json\/wp\/v2\/posts\/1801"}],"collection":[{"href":"https:\/\/hyperdrivedesigns.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hyperdrivedesigns.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hyperdrivedesigns.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hyperdrivedesigns.com\/wp-json\/wp\/v2\/comments?post=1801"}],"version-history":[{"count":0,"href":"https:\/\/hyperdrivedesigns.com\/wp-json\/wp\/v2\/posts\/1801\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hyperdrivedesigns.com\/wp-json\/wp\/v2\/media\/2866"}],"wp:attachment":[{"href":"https:\/\/hyperdrivedesigns.com\/wp-json\/wp\/v2\/media?parent=1801"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hyperdrivedesigns.com\/wp-json\/wp\/v2\/categories?post=1801"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hyperdrivedesigns.com\/wp-json\/wp\/v2\/tags?post=1801"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}