Front End vs Backend

Justin Mitchel
A free video tutorial from Justin Mitchel
Coding Entrepreneur & Teacher - 568,000+ Students
4.3 instructor rating • 30 courses • 678,663 students

Lecture description

What's the difference between the front-end and the backend? 

Learn more from the full course

Try AngularJS: Beginner's Guide to Front End Web Development

Built and managed by Google, AngularJS is one of the most powerful front-end frameworks in the world.

04:25:58 of on-demand video • Updated October 2016

  • Build a basic AngularJS Web Application
  • Know the fundamentals of AngularJS
  • Learn about the powerful AngularJS concept known as "directives"
  • Understand concepts like Data-binding
  • Running a local web server to handle URL Routing in AngularJS
English [Auto] So let's talk a little bit about the difference between front end and back end and you are just a front end framework like I've already said. But what is the back end and what's really the difference now. When you're working on a Web site let's say for instance you're a user you go to any Web site and you're like OK I've just now entered this website. Well actually you were interacting with the front end. But I want to make this analogy more to a restaurant because most of us are used to going into restaurants like most of us have seen in Been inside of a restaurant. When you go into the restaurant you make an order and you interact with like the cashier or a server or like a waiter or waitress like you can actually talk to these people and you interact with the front end. Right. You see the decoration you see like the tables you see all the stuff that comes up you know comprised of the front end you know where the back end is. That's the kitchen that's the things that you don't really see. And of course some restaurants kind of blend that a little bit but a lot of restaurants where she sit down restaurants the back end where that where the kitchen is actually cooking into a cluster. That is where like a lot of the magic happens. But also a lot of the magic happens in the front end. So that's kind of the difference. Now some frameworks such as Django can handle Actually both the back end and front end but the front end still can work with Javascript. And that's where angular really comes in. Angler's a javascript framework so that usually exists on the front end. Of course there are back in javascript frameworks as well but on the front end angular itself is what can handle all of these things. So now it's actually kind of think of this analogy a little bit further as it relates to angular. Specifically in the front end. Now have you ever gone into a restaurant and all you did was order at the cashier and then you sat down and then they called your number out and then you went and grabbed your food and sat back down. Now chances are pretty good that you've done that. Now this takes a lot more work. Like being there you feel like you're actually not like you feel like you're in a restaurant and doesn't feel the same sort of experience as it does when you go into a restaurant and sit down and that's all you do. Somebody comes to you or people come to you bring your drink bring your food and do all that's right. So those two differences are what the what makeup angular angular is that latter party brings this better experience for the user. So they don't feel like they're really using the Web site of course at the end of the day. Obviously they're going to feel like they're using a website because they're on a Web site but ngalo allows it to feel organic and just bring that better experience just like a sit down restaurant versus ordering at the counter of a restaurant. Now of course each has their own specialty and in fact and you can do both sort of things and you can do all of it if it really wants to. But what allows for us is a just a more fluid experience. So being that it is in the front and it also allows us to do more animations wore a synchronous loading or a more robust asynchronous loading. We can do filtering and we can do all sorts of things that you just can't do without javascript. Now you can write it in pure javascript but that makes it a lot harder and that's why you use a framework just like you could write a back in pure Python. But it's a lot easier to just use Django Casady written for us so the framework kind of helps us in that sense. Now when it comes to actually writing angular we can still use javascript but there's a lot of different things related directly to angular that you wouldn't use in javascript and vice versa. So there's certain like shortcuts and well just more or less better ways of doing things using your as opposed to using any other sort of javascript and any other sort of just framework right. There are other jobs for frameworks that accomplish the same thing and you want it as just like there's a lot of other back and frameworks that accomplish a similar sort of things that that Jennie-O does so. And it was really cool and hopefully that clarifies what the front end back in on it. And somewhat of a level it's going to make more sense once you actually get into doing it because we'll talk about it once we actually get into the code as well. But I wanted to make sure that you knew the difference between front end and back in and the best way I can think of it is to think of a restaurant you know the front end is the what the users see the back end is what the users typically don't see. But there's still things going on back there that is important for the front end experience. So any questions those comments below. Thanks for watching. We'll see in the next one.