back

Weather Application with Angular Express

Angular and Express... Putting it together!9 H 33 M

Just you? Training a whole team? There's an ITProTV plan that fits.

Start Training Today
Episodes
Episodes
  • Weather Application with Angular Express
    • Overview
    • Setup and Introduction
    • Building the Proxy
    • Building the Proxy Part 2
    • Up and Going with Webpack
    • Building the App Component
    • Building the App Component Part 2
    • Building our Weather Service
    • Building the Search Component
    • Building the Search Component Part 2
    • Current Weather Component
    • Hourly and Minutely Weather Component
    • Adding Google Location Search
    • Adding Google Location Search Part 2
    • Updating the Search Component
    • Geolocation Service
    • Geolocation Service Part 2
    • Adding Location Lookup to Proxy
    • Deploying Our Proxy on Heroku
    • Deploying Our Angular App on GitHub Pages
    • Adding Some Style
    • Scrollable Hourly Component
    • Minutely Component Chart

Overview

2 M

itprotv course thumbnailitprotv course thumbnailitprotv course thumbnail
  • Episode Description
  • Transcript

In this episode, Daniel and Justin give a general overview of what to expect in the upcoming Weather App with AngularJS and Express series. They cover topics like who is the intended audience, what the scope of the series will cover, and what are some specific topics that will be addressed.

[MUSIC] In this segment, we're gonna take a look at what you can expect from our upcoming weather app using AngularJS and Express series that we've got coming up for you. And Justin, if you could, would you very much do that for us? Tell us what is some of the general ideas that we're gonna take a look at and topics we're gonna cover in that series. >> So in this series we're actually gonna take a look at a more advanced view of, well, AngularJS and Express. In particular, we're gonna be building a proxy service that consumes an external API, not one, but in facts two APIs. That would be for weather information as well as Google Geocode, which is like geolocation but for addresses and latitude and longitudes. So we're gonna be building that service in addition to we're gonna be building a front end web application that consumes that proxy service. And by consumes, I mean, actually uses those end points that we have built to, well, get the data that it needs in order to render an application. While building this front end application, we're gonna see a more structured approach to AngularJS than you may have encountered. And that includes using web pack to manage our bundling and deployment and things of that nature. >> All right, could you also tell us who the intended audience is for this show? >> So the audience for this show should be people who are, you know some JavaScript, you know HTML, you know CSS, and to some extent you know about web services. So you've done a few things, right? I would not recommend this if you're just trying to get into web development. There's a lot of more complex topics, a lot of assumed knowledge as far as the processes. Like using MPM, and Node, and things of that nature. So you should be, I would say, intermediate would be a best approximation to skill level. >> All right, Justin, also here at DevPro, and ITPro and all the other Pros that we have, we tend to gear either toward a technical type skill that you need to learn, or a certification. Which one of those categories do we fall under here? >> This is definitely a skill. I wanna get better at what I do. I wanna learn a little bit about Webpack and how that integrates into the front end development. I wanna learn how to use Express and other MPM modules to go and grab data and kind of collectively bundle an HTTP response that I can then consume. I wanna know how to deploy those in their respective rights. So this is definitely about powering up, and does not have a certification. >> All right, well, if that sounds like something that might be interesting to you, we look forward to seeing you in the upcoming S series. [MUSIC]