Front End Frameworks

3 minutes
Share the link to this page
Copied
  Completed
You need to have access to the item to view this lesson.
One-time Fee
$69.99
List Price:  $99.99
You save:  $30
€65.59
List Price:  €93.70
You save:  €28.11
£56.03
List Price:  £80.05
You save:  £24.01
CA$96.39
List Price:  CA$137.71
You save:  CA$41.31
A$107.98
List Price:  A$154.26
You save:  A$46.28
S$95.50
List Price:  S$136.44
You save:  S$40.93
HK$547.57
List Price:  HK$782.28
You save:  HK$234.70
CHF 64.43
List Price:  CHF 92.05
You save:  CHF 27.61
NOK kr776.82
List Price:  NOK kr1,109.79
You save:  NOK kr332.97
DKK kr489.21
List Price:  DKK kr698.91
You save:  DKK kr209.69
NZ$118.81
List Price:  NZ$169.74
You save:  NZ$50.92
د.إ257.06
List Price:  د.إ367.25
You save:  د.إ110.18
৳7,729.18
List Price:  ৳11,042.16
You save:  ৳3,312.97
₹5,842.93
List Price:  ₹8,347.41
You save:  ₹2,504.47
RM333.67
List Price:  RM476.70
You save:  RM143.02
₦92,745.84
List Price:  ₦132,499.74
You save:  ₦39,753.90
₨19,599.98
List Price:  ₨28,001.17
You save:  ₨8,401.19
฿2,600.12
List Price:  ฿3,714.62
You save:  ฿1,114.50
₺2,271.31
List Price:  ₺3,244.87
You save:  ₺973.56
B$363.64
List Price:  B$519.51
You save:  B$155.87
R1,308.28
List Price:  R1,869.05
You save:  R560.77
Лв128.30
List Price:  Лв183.29
You save:  Лв54.99
₩96,996.60
List Price:  ₩138,572.52
You save:  ₩41,575.91
₪261.41
List Price:  ₪373.46
You save:  ₪112.04
₱4,045.59
List Price:  ₱5,779.67
You save:  ₱1,734.07
¥11,052.75
List Price:  ¥15,790.32
You save:  ¥4,737.57
MX$1,197.81
List Price:  MX$1,711.23
You save:  MX$513.42
QR257.31
List Price:  QR367.61
You save:  QR110.29
P1,000.11
List Price:  P1,428.79
You save:  P428.68
KSh9,335.98
List Price:  KSh13,337.69
You save:  KSh4,001.70
E£3,349.95
List Price:  E£4,785.86
You save:  E£1,435.90
ብር4,013.63
List Price:  ብር5,734.01
You save:  ብር1,720.37
Kz58,409.45
List Price:  Kz83,445.65
You save:  Kz25,036.20
CLP$67,298.07
List Price:  CLP$96,144.23
You save:  CLP$28,846.15
CN¥506.79
List Price:  CN¥724.02
You save:  CN¥217.23
RD$4,121.81
List Price:  RD$5,888.55
You save:  RD$1,766.74
DA9,423.87
List Price:  DA13,463.25
You save:  DA4,039.38
FJ$159.96
List Price:  FJ$228.52
You save:  FJ$68.56
Q547.38
List Price:  Q782
You save:  Q234.62
GY$14,742.16
List Price:  GY$21,061.13
You save:  GY$6,318.97
ISK kr9,832.89
List Price:  ISK kr14,047.59
You save:  ISK kr4,214.70
DH712.24
List Price:  DH1,017.53
You save:  DH305.29
L1,243.01
List Price:  L1,775.81
You save:  L532.79
ден4,046.68
List Price:  ден5,781.23
You save:  ден1,734.54
MOP$564.08
List Price:  MOP$805.87
You save:  MOP$241.78
N$1,315.96
List Price:  N$1,880.02
You save:  N$564.06
C$2,592.36
List Price:  C$3,703.54
You save:  C$1,111.17
रु9,349.94
List Price:  रु13,357.63
You save:  रु4,007.69
S/263.70
List Price:  S/376.73
You save:  S/113.03
K271.96
List Price:  K388.53
You save:  K116.57
SAR262.49
List Price:  SAR375.01
You save:  SAR112.51
ZK1,886.12
List Price:  ZK2,694.57
You save:  ZK808.45
L326.39
List Price:  L466.29
You save:  L139.90
Kč1,650.20
List Price:  Kč2,357.53
You save:  Kč707.33
Ft25,629.21
List Price:  Ft36,614.73
You save:  Ft10,985.52
SEK kr770.71
List Price:  SEK kr1,101.06
You save:  SEK kr330.35
ARS$61,698.11
List Price:  ARS$88,143.94
You save:  ARS$26,445.82
Bs486.86
List Price:  Bs695.54
You save:  Bs208.68
COP$271,471.23
List Price:  COP$387,832.67
You save:  COP$116,361.43
₡35,819.54
List Price:  ₡51,172.97
You save:  ₡15,353.42
L1,740.31
List Price:  L2,486.27
You save:  L745.95
₲526,285.13
List Price:  ₲751,868.13
You save:  ₲225,582.99
$U2,699.91
List Price:  $U3,857.19
You save:  $U1,157.27
zł284.80
List Price:  zł406.88
You save:  zł122.07
Already have an account? Log In

Transcript

So Vue js is a front end framework. So what is a front end framework? So front end framework can be described as a collection of libraries or plugins in much more simpler terms that are used together to create a much more efficient and faster web application, or website. So these websites which are created by using front end frameworks are called as web applications or web apps. There's a term for these applications called as SP s, meaning single page application. So as of now in the industry, there are several printed frameworks.

Amongst them, the most popular ones are Angular, React and view, which is the one we are going to look into today. So to better understand what is a single page application versus a double website, we can look into a small example, SP vs websites. So when we go to Amazon dot n, so when I'm deciding to run Amazon, I just want to go to some of that page. For example, let's say I'm going to Amazon P. So whenever I click Amazon pay, you can see that the whole navigation bar, as well as the whole content below it gets re rendered or rebuilt from scratch, but you Using front end frameworks like Angular react or view websites like YouTube or build, on the other hand, YouTube is a single page application, meaning this functions much more like your mobile part of the YouTube. So to continue the same example, in this case, when you see the navigation bar, whereas the unassigned menu, these these two things, they get loaded up, or buried once.

The only changing part in YouTube is the content here, between these two parts, generally, in front end frameworks terms, these single sections of the website like navigation bar footer, or the side panel, these are called as components. This is how we divide the website into different different parts. In front end frameworks. As we go forward, you will hear the word components a lot much more frequently. And as you get much more acquainted with it, and you have much more practice with the front end frameworks, you'd understand much more better. So for example, it's navigate to the trending part of YouTube.

So what happens is that by navigating to another section of the Amazon pain, the whole website gets rebuilt, right? By the navigate to training part of the YouTube you can see that just a section that has the change in content gets rendered or rebuild, whereas the side panel and the navigation bar remains constant. So why Vue JS? So in terms of mental frameworks, we talked about Angular and react and view, right? So these three are the most popular frameworks out there. So why do you need to consider Vue JS among these three.

So one of the most major reasons to choose Vue JS or Angular and react is that it's amazingly light. It's fast. It's flexible, strong community and very low income. So let's go over those points one by one. So like, so by loading any framework or library onto your website, you need to make sure that the framework or library or loading is very light or very small in size. So that is allowing less load times and much more faster performance.

So in terms of that Vue js is extremely light. It's only 16 to 20 kB, that's it. And in terms of fast since it's very light, it's extremely fast. In terms of flex flexibility Vue js is known for special Ability view can be used to build a small feature in your existing website or such as if you have a website already lying around. And you want to build a small part of it using you, you can do that you can use to integrate a small part of your application or to build your whole application around it. So view is that strong.

It's aimed at flexible, strong community. So Vue JS has one of the best communities lying around. Very low learning curve means that it's not as stressful to learn Vue JS as it is with Angular or react. So for learning view, you just need to know HTML, CSS and JavaScript. That's it, and you're set. Alright, so that's it for this video.

So in the next video, we'll look into how to integrate view into your existing application.

Sign Up

Share

Share with friends, get 20% off
Invite your friends to LearnDesk learning marketplace. For each purchase they make, you get 20% off (upto $10) on your next purchase.