{"id":1439,"date":"2015-03-11T21:11:52","date_gmt":"2015-03-12T01:11:52","guid":{"rendered":"http:\/\/andrewpallant.ca\/wordpress\/?p=1439"},"modified":"2015-03-11T21:11:52","modified_gmt":"2015-03-12T01:11:52","slug":"a-quest-to-learn-angularjs","status":"publish","type":"post","link":"http:\/\/andrewpallant.ca\/wordpress\/a-quest-to-learn-angularjs\/","title":{"rendered":"A Quest to Learn AngularJS"},"content":{"rendered":"

I recently got excited about AngularJS. \u00a0I took a pretty good course through CodeSchool for which you can find a link off of the AngularJS<\/a> home page. \u00a0Since then I had been playing with and scouting out AngularJS ideas that I can build something with worth while. \u00a0There is no better way to learn than by doing. \u00a0Then I thought; what about the weather? \u00a0I had already built a real basic weather page using ASP.NET and C#, I wonder how hard it would be to build an AngularJS example. \u00a0I did not know how to connect AngularJS to a web service though. \u00a0Google has everything! So I looked for an example of AngularJS and OpenWeatherMap<\/a> for which I had found. \u00a0It did not take long to find my solution.<\/p>\n

My Original Weather Page:<\/strong>\u00a0http:\/\/www.ldndeveloper.com\/weather.aspx<\/a><\/p>\n

My Angular Weather:<\/strong>\u00a0http:\/\/www.ldndeveloper.com\/angular\/weather.aspx<\/a>
\n<\/p>\n

\"Angular<\/a>The example that I start with was: \u00a0https:\/\/gist.github.com\/robhurring\/6074128<\/a><\/p>\n

Rob Hurring’s example was good, but not complete. \u00a0It was missing how all of the pieces fit together. \u00a0It was also missing a few bits of pieces that makes it better for a user. \u00a0It was a great starting point.<\/p>\n

I took his example and made it a little more robust. \u00a0I added code that if I could not auto-detect your location, I would default it to my city (London, ON). \u00a0I had also added the ability to change city ( although simple list ).<\/p>\n

This example feels like it may be complete now. \u00a0Or is it?<\/p>\n

Stay tuned to see what else can be done with this example – I have my thinking cap on.<\/p>\n","protected":false},"excerpt":{"rendered":"

I recently got excited about AngularJS. \u00a0I took a pretty good course through CodeSchool for which you can find a link off of the AngularJS home page. \u00a0Since then I had been playing with and scouting out AngularJS ideas that I can build something with worth while. \u00a0There is no better way to learn than … Continue reading A Quest to Learn AngularJS<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[141,73,96],"tags":[230,231],"yoast_head":"\r\nA Quest to Learn AngularJS - Software Developer In London<\/title>\r\n<meta name=\"description\" content=\"A Quest to Learn AngularJS - Software Developer In London - Totally Excited\" \/>\r\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\r\n<link rel=\"canonical\" href=\"https:\/\/andrewpallant.ca\/wordpress\/a-quest-to-learn-angularjs\/\" \/>\r\n<meta property=\"og:locale\" content=\"en_US\" \/>\r\n<meta property=\"og:type\" content=\"article\" \/>\r\n<meta property=\"og:title\" content=\"A Quest to Learn AngularJS - Software Developer In London\" \/>\r\n<meta property=\"og:description\" content=\"A Quest to Learn AngularJS - Software Developer In London - Totally Excited\" \/>\r\n<meta property=\"og:url\" content=\"https:\/\/andrewpallant.ca\/wordpress\/a-quest-to-learn-angularjs\/\" \/>\r\n<meta property=\"og:site_name\" content=\"LDNDeveloper\" \/>\r\n<meta property=\"article:published_time\" content=\"2015-03-12T01:11:52+00:00\" \/>\r\n<meta property=\"og:image\" content=\"http:\/\/andrewpallant.ca\/wordpress\/wp-content\/uploads\/2015\/03\/weather-300x219.png\" \/>\r\n<meta name=\"author\" content=\"ldnDeveloper\" \/>\r\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\r\n<meta name=\"twitter:creator\" content=\"@LdnDeveloper\" \/>\r\n<meta name=\"twitter:site\" content=\"@LdnDeveloper\" \/>\r\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"ldnDeveloper\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\r\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/andrewpallant.ca\/wordpress\/a-quest-to-learn-angularjs\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/andrewpallant.ca\/wordpress\/a-quest-to-learn-angularjs\/\"},\"author\":{\"name\":\"ldnDeveloper\",\"@id\":\"http:\/\/andrewpallant.ca\/wordpress\/#\/schema\/person\/f6f5bb1ac3e0c5a54a8b5ce35fd67b84\"},\"headline\":\"A Quest to Learn AngularJS\",\"datePublished\":\"2015-03-12T01:11:52+00:00\",\"dateModified\":\"2015-03-12T01:11:52+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/andrewpallant.ca\/wordpress\/a-quest-to-learn-angularjs\/\"},\"wordCount\":282,\"commentCount\":0,\"publisher\":{\"@id\":\"http:\/\/andrewpallant.ca\/wordpress\/#\/schema\/person\/f6f5bb1ac3e0c5a54a8b5ce35fd67b84\"},\"image\":{\"@id\":\"https:\/\/andrewpallant.ca\/wordpress\/a-quest-to-learn-angularjs\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/andrewpallant.ca\/wordpress\/wp-content\/uploads\/2015\/03\/weather-300x219.png\",\"keywords\":[\"AngularJS\",\"Learning\"],\"articleSection\":[\"Developement\",\"self-improvement\",\"Web\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/andrewpallant.ca\/wordpress\/a-quest-to-learn-angularjs\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/andrewpallant.ca\/wordpress\/a-quest-to-learn-angularjs\/\",\"url\":\"https:\/\/andrewpallant.ca\/wordpress\/a-quest-to-learn-angularjs\/\",\"name\":\"A Quest to Learn AngularJS - Software Developer In London\",\"isPartOf\":{\"@id\":\"http:\/\/andrewpallant.ca\/wordpress\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/andrewpallant.ca\/wordpress\/a-quest-to-learn-angularjs\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/andrewpallant.ca\/wordpress\/a-quest-to-learn-angularjs\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/andrewpallant.ca\/wordpress\/wp-content\/uploads\/2015\/03\/weather-300x219.png\",\"datePublished\":\"2015-03-12T01:11:52+00:00\",\"dateModified\":\"2015-03-12T01:11:52+00:00\",\"description\":\"A Quest to Learn AngularJS - Software Developer In London - Totally Excited\",\"breadcrumb\":{\"@id\":\"https:\/\/andrewpallant.ca\/wordpress\/a-quest-to-learn-angularjs\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/andrewpallant.ca\/wordpress\/a-quest-to-learn-angularjs\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/andrewpallant.ca\/wordpress\/a-quest-to-learn-angularjs\/#primaryimage\",\"url\":\"http:\/\/andrewpallant.ca\/wordpress\/wp-content\/uploads\/2015\/03\/weather.png\",\"contentUrl\":\"http:\/\/andrewpallant.ca\/wordpress\/wp-content\/uploads\/2015\/03\/weather.png\",\"width\":437,\"height\":319},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/andrewpallant.ca\/wordpress\/a-quest-to-learn-angularjs\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"http:\/\/andrewpallant.ca\/wordpress\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"A Quest to Learn AngularJS\"}]},{\"@type\":\"WebSite\",\"@id\":\"http:\/\/andrewpallant.ca\/wordpress\/#website\",\"url\":\"http:\/\/andrewpallant.ca\/wordpress\/\",\"name\":\"LDNDeveloper\",\"description\":\"Learning, Growing and Sharing.\",\"publisher\":{\"@id\":\"http:\/\/andrewpallant.ca\/wordpress\/#\/schema\/person\/f6f5bb1ac3e0c5a54a8b5ce35fd67b84\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"http:\/\/andrewpallant.ca\/wordpress\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"http:\/\/andrewpallant.ca\/wordpress\/#\/schema\/person\/f6f5bb1ac3e0c5a54a8b5ce35fd67b84\",\"name\":\"ldnDeveloper\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"http:\/\/andrewpallant.ca\/wordpress\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/andrewpallant.ca\/wordpress\/wp-content\/uploads\/2017\/05\/cropped-AAEAAQAAAAAAAAXQAAAAJDQxMGRlMzFjLWM4ODctNDk1NC05M2EyLWE1NDNhNTRiZjVlYw-2.jpg\",\"contentUrl\":\"https:\/\/andrewpallant.ca\/wordpress\/wp-content\/uploads\/2017\/05\/cropped-AAEAAQAAAAAAAAXQAAAAJDQxMGRlMzFjLWM4ODctNDk1NC05M2EyLWE1NDNhNTRiZjVlYw-2.jpg\",\"width\":512,\"height\":512,\"caption\":\"ldnDeveloper\"},\"logo\":{\"@id\":\"http:\/\/andrewpallant.ca\/wordpress\/#\/schema\/person\/image\/\"},\"description\":\"Andrew Pallant (@LdnDeveloper) has been a web, database and desktop developer for over 16 years. Andrew has worked on projects that ranged from factory automation to writing business applications. Most recently he has been heavily involved in various forms for ecommerce projects. Over the years Andrew has worn many hats: Project Manager, IT Manager, Lead Developer, Supervisor of Developers and many more - See more at: http:\/\/www.unlatched.com\/#sthash.8DiTkpKy.dpuf\",\"sameAs\":[\"http:\/\/www.andrewpallant.ca\",\"https:\/\/x.com\/LdnDeveloper\"],\"url\":\"http:\/\/andrewpallant.ca\/wordpress\/author\/ldndeveloper\/\"}]}<\/script>\r\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"A Quest to Learn AngularJS - Software Developer In London","description":"A Quest to Learn AngularJS - Software Developer In London - Totally Excited","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:\/\/andrewpallant.ca\/wordpress\/a-quest-to-learn-angularjs\/","og_locale":"en_US","og_type":"article","og_title":"A Quest to Learn AngularJS - Software Developer In London","og_description":"A Quest to Learn AngularJS - Software Developer In London - Totally Excited","og_url":"https:\/\/andrewpallant.ca\/wordpress\/a-quest-to-learn-angularjs\/","og_site_name":"LDNDeveloper","article_published_time":"2015-03-12T01:11:52+00:00","og_image":[{"url":"http:\/\/andrewpallant.ca\/wordpress\/wp-content\/uploads\/2015\/03\/weather-300x219.png"}],"author":"ldnDeveloper","twitter_card":"summary_large_image","twitter_creator":"@LdnDeveloper","twitter_site":"@LdnDeveloper","twitter_misc":{"Written by":"ldnDeveloper","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/andrewpallant.ca\/wordpress\/a-quest-to-learn-angularjs\/#article","isPartOf":{"@id":"https:\/\/andrewpallant.ca\/wordpress\/a-quest-to-learn-angularjs\/"},"author":{"name":"ldnDeveloper","@id":"http:\/\/andrewpallant.ca\/wordpress\/#\/schema\/person\/f6f5bb1ac3e0c5a54a8b5ce35fd67b84"},"headline":"A Quest to Learn AngularJS","datePublished":"2015-03-12T01:11:52+00:00","dateModified":"2015-03-12T01:11:52+00:00","mainEntityOfPage":{"@id":"https:\/\/andrewpallant.ca\/wordpress\/a-quest-to-learn-angularjs\/"},"wordCount":282,"commentCount":0,"publisher":{"@id":"http:\/\/andrewpallant.ca\/wordpress\/#\/schema\/person\/f6f5bb1ac3e0c5a54a8b5ce35fd67b84"},"image":{"@id":"https:\/\/andrewpallant.ca\/wordpress\/a-quest-to-learn-angularjs\/#primaryimage"},"thumbnailUrl":"http:\/\/andrewpallant.ca\/wordpress\/wp-content\/uploads\/2015\/03\/weather-300x219.png","keywords":["AngularJS","Learning"],"articleSection":["Developement","self-improvement","Web"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/andrewpallant.ca\/wordpress\/a-quest-to-learn-angularjs\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/andrewpallant.ca\/wordpress\/a-quest-to-learn-angularjs\/","url":"https:\/\/andrewpallant.ca\/wordpress\/a-quest-to-learn-angularjs\/","name":"A Quest to Learn AngularJS - Software Developer In London","isPartOf":{"@id":"http:\/\/andrewpallant.ca\/wordpress\/#website"},"primaryImageOfPage":{"@id":"https:\/\/andrewpallant.ca\/wordpress\/a-quest-to-learn-angularjs\/#primaryimage"},"image":{"@id":"https:\/\/andrewpallant.ca\/wordpress\/a-quest-to-learn-angularjs\/#primaryimage"},"thumbnailUrl":"http:\/\/andrewpallant.ca\/wordpress\/wp-content\/uploads\/2015\/03\/weather-300x219.png","datePublished":"2015-03-12T01:11:52+00:00","dateModified":"2015-03-12T01:11:52+00:00","description":"A Quest to Learn AngularJS - Software Developer In London - Totally Excited","breadcrumb":{"@id":"https:\/\/andrewpallant.ca\/wordpress\/a-quest-to-learn-angularjs\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/andrewpallant.ca\/wordpress\/a-quest-to-learn-angularjs\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/andrewpallant.ca\/wordpress\/a-quest-to-learn-angularjs\/#primaryimage","url":"http:\/\/andrewpallant.ca\/wordpress\/wp-content\/uploads\/2015\/03\/weather.png","contentUrl":"http:\/\/andrewpallant.ca\/wordpress\/wp-content\/uploads\/2015\/03\/weather.png","width":437,"height":319},{"@type":"BreadcrumbList","@id":"https:\/\/andrewpallant.ca\/wordpress\/a-quest-to-learn-angularjs\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"http:\/\/andrewpallant.ca\/wordpress\/"},{"@type":"ListItem","position":2,"name":"A Quest to Learn AngularJS"}]},{"@type":"WebSite","@id":"http:\/\/andrewpallant.ca\/wordpress\/#website","url":"http:\/\/andrewpallant.ca\/wordpress\/","name":"LDNDeveloper","description":"Learning, Growing and Sharing.","publisher":{"@id":"http:\/\/andrewpallant.ca\/wordpress\/#\/schema\/person\/f6f5bb1ac3e0c5a54a8b5ce35fd67b84"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http:\/\/andrewpallant.ca\/wordpress\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"http:\/\/andrewpallant.ca\/wordpress\/#\/schema\/person\/f6f5bb1ac3e0c5a54a8b5ce35fd67b84","name":"ldnDeveloper","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"http:\/\/andrewpallant.ca\/wordpress\/#\/schema\/person\/image\/","url":"https:\/\/andrewpallant.ca\/wordpress\/wp-content\/uploads\/2017\/05\/cropped-AAEAAQAAAAAAAAXQAAAAJDQxMGRlMzFjLWM4ODctNDk1NC05M2EyLWE1NDNhNTRiZjVlYw-2.jpg","contentUrl":"https:\/\/andrewpallant.ca\/wordpress\/wp-content\/uploads\/2017\/05\/cropped-AAEAAQAAAAAAAAXQAAAAJDQxMGRlMzFjLWM4ODctNDk1NC05M2EyLWE1NDNhNTRiZjVlYw-2.jpg","width":512,"height":512,"caption":"ldnDeveloper"},"logo":{"@id":"http:\/\/andrewpallant.ca\/wordpress\/#\/schema\/person\/image\/"},"description":"Andrew Pallant (@LdnDeveloper) has been a web, database and desktop developer for over 16 years. Andrew has worked on projects that ranged from factory automation to writing business applications. Most recently he has been heavily involved in various forms for ecommerce projects. Over the years Andrew has worn many hats: Project Manager, IT Manager, Lead Developer, Supervisor of Developers and many more - See more at: http:\/\/www.unlatched.com\/#sthash.8DiTkpKy.dpuf","sameAs":["http:\/\/www.andrewpallant.ca","https:\/\/x.com\/LdnDeveloper"],"url":"http:\/\/andrewpallant.ca\/wordpress\/author\/ldndeveloper\/"}]}},"_links":{"self":[{"href":"http:\/\/andrewpallant.ca\/wordpress\/wp-json\/wp\/v2\/posts\/1439"}],"collection":[{"href":"http:\/\/andrewpallant.ca\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/andrewpallant.ca\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/andrewpallant.ca\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/andrewpallant.ca\/wordpress\/wp-json\/wp\/v2\/comments?post=1439"}],"version-history":[{"count":2,"href":"http:\/\/andrewpallant.ca\/wordpress\/wp-json\/wp\/v2\/posts\/1439\/revisions"}],"predecessor-version":[{"id":1442,"href":"http:\/\/andrewpallant.ca\/wordpress\/wp-json\/wp\/v2\/posts\/1439\/revisions\/1442"}],"wp:attachment":[{"href":"http:\/\/andrewpallant.ca\/wordpress\/wp-json\/wp\/v2\/media?parent=1439"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/andrewpallant.ca\/wordpress\/wp-json\/wp\/v2\/categories?post=1439"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/andrewpallant.ca\/wordpress\/wp-json\/wp\/v2\/tags?post=1439"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}