Coding

Angular 2 Full App Tutorial – Weather App – #1 Introduction

7 months ago
  • 00:00:01 welcome back everyone it's been a while
  • 00:00:04 since my last thing what's your with you
  • 00:00:05 but no I fought I have a good idea what
  • 00:00:10 I might do next with Englert you and
  • 00:00:13 here is what we're going to do next
  • 00:00:16 this angular 2 weather app now what this
  • 00:00:20 app will do is basically it allows me
  • 00:00:23 here to let's say enter a city name like
  • 00:00:28 winch in Germany click add city and then
  • 00:00:32 we see well the Weber there that it is
  • 00:00:35 cloudy and have five degrees Celsius
  • 00:00:39 there and if you hover over the degrees
  • 00:00:41 here you see over the temperature that I
  • 00:00:44 also got a conversion to Fahrenheit
  • 00:00:47 going on and showing this in this
  • 00:00:48 tooltip which sticks to the mouse now
  • 00:00:52 additionally you did not see it here if
  • 00:00:54 you mention but let me use a number city
  • 00:00:57 like let's say Sydney you can see that I
  • 00:01:01 already got this city found thing here
  • 00:01:04 which updates while I types if I type s
  • 00:01:07 we get this and then yeah well I don't
  • 00:01:10 know how it finds this when I types it
  • 00:01:13 but basically it updates while typing
  • 00:01:15 and then allows me to well add it once I
  • 00:01:18 got the city I want like Sydney in this
  • 00:01:20 case I can also save this as a profile
  • 00:01:26 as CN I got it as my new profile over
  • 00:01:29 here and I can of course also load
  • 00:01:34 profiles like the Stifel profile which
  • 00:01:36 covers New York London and Berlin or
  • 00:01:39 well my safe profile I can also delete
  • 00:01:43 profiles this is what is apt s and it
  • 00:01:46 covers a lot of things that are awesome
  • 00:01:49 an angle at you and that I think will
  • 00:01:51 really help you build your applications
  • 00:01:53 we're going to use observables were of
  • 00:01:56 course going to bold components work on
  • 00:02:00 do you use directives we're going to
  • 00:02:01 build our own directives for this
  • 00:02:03 tooltip our effect here and much more
  • 00:02:07 and the next visible first start of
  • 00:02:10 short refresher so if you've watched all
  • 00:02:13 my YouTube videos
  • 00:02:14 there probably isn't that much new
  • 00:02:16 information but there might be some and
  • 00:02:19 thereafter we're going to well really
  • 00:02:22 dive into some new advanced stuff see
  • 00:02:26 you on the next videos bye

You may also like