Pluralsight Angular 2 Breakdown with Gregg Pollack [w/ subs]



00:00:00 – angular 2 is a JavaScript framework for
00:00:07 – building client-side applications on the
00:00:09 – web on a desktop and even native mobile
00:00:11 – apps I'm Greg Pollack and you're
00:00:13 – watching plural sites angular to break
00:00:15 – down the web applications you create
00:00:18 – with angular 2 are known as single page
00:00:20 – application unlike typical web
00:00:22 – applications where you click and wait
00:00:24 – for the next page to load an angular 2
00:00:27 – app gives you an experience similar to a
00:00:29 – desktop or mobile application where it
00:00:31 – feels like the app resides on a single
00:00:33 – page inside angular 2 web app our site
00:00:36 – is divided into parts called component
00:00:38 – if we look inside these components we'll
00:00:41 – see it's made up of three parts the
00:00:43 – first is the component template
00:00:45 – containing HTML which gets rendered to
00:00:47 – the page next it's a class which
00:00:51 – contains properties and methods which
00:00:53 – are pulled into the template and then
00:00:54 – rendered onto the page the last is
00:00:59 – metadata which tells angular that's this
00:01:01 – class and templates make up our
00:01:03 – component inside this metadata can be
00:01:06 – something called a selector this
00:01:08 – selector is a custom HTML tags also
00:01:11 – known as the directive that can be used
00:01:12 – to tell our angular 2 apps we're too low
00:01:14 – which components onto our page this is
00:01:18 – just one way angular 2 makes HTML more
00:01:20 – expressive as you might imagine it also
00:01:22 – has things like its conditions for loops
00:01:25 – and data binding which I've got to show
00:01:28 – you when I want to print out a component
00:01:30 – property into my HTML I can bind this
00:01:33 – data into the page using an expression
00:01:35 – whenever this value gets updated inside
00:01:38 – the component it's automatically updated
00:01:41 – into the template however when I want to
00:01:43 – bind to any HTML elements attributes
00:01:45 – like source for instance all I have to
00:01:48 – do is wrap that element in square
00:01:50 – brackets like so this works with almost
00:01:52 – any standard HTML element attribute when
00:01:56 – it comes to listening for events like a
00:01:58 – mouse click your mouse hover event like
00:02:00 – on this image I simply write the name
00:02:02 – with a Dom event I want to listen for
00:02:04 – surrounded by parentheses so now when
00:02:07 – the mouse hovers over this image the
00:02:09 – image hyper method gets called inside
00:02:11 – the class
00:02:12 – this works with any standards Dom event
00:02:15 – you just wrap it in parentheses just
00:02:17 – another example of how angular 2
00:02:19 – enhances our HTML lastly it's worth
00:02:22 – mentioning that most angular 2
00:02:24 – developers aren't coding in java script
00:02:26 – the coding in typescript typescript is
00:02:29 – microsoft's superset of javascript that
00:02:33 – adds new features of javascript that
00:02:35 – aren't yet supported in modern browsers
00:02:37 – plus it adds functionality including
00:02:39 – powerful type checking and some new
00:02:42 – object-oriented features what this means
00:02:45 – is that back on the server before your
00:02:47 – angular 2 app is sent to anyone's
00:02:48 – browser the typescript code you wrote is
00:02:51 – changed or trans piled into javascript
00:02:53 – code that modern browsers can understand
00:02:55 – it's this code which will be sent when
00:02:58 – someone requests your web page you've
00:03:01 – been watching Laurel slice angular to
00:03:03 – break down if you want to learn more
00:03:05 – about angular 2 and make sure it's right
00:03:06 – for you or your company consider
00:03:08 – checking out my interview with Deborah
00:03:10 – Kurata on behind the tech Deborah it's
00:03:13 – plural sites author on the angular tube
00:03:16 – getting started course you also might
00:03:18 – just want to take her course on floral
00:03:21 – site or you can even take my course on
00:03:24 – code school that covers angular 2 thanks
00:03:27 – for watching cly knots the side
00:03:32 – applications will we do it no here we go
00:03:36 – I'm probably going too fast hesperia
00:03:40 – naming just like giving you a little 9
00:03:45 – lock oh I forgot to introduce myself


Video Url:
http://youtu.be/CZRVXiuGEMY

Comments

comments