Su	Mo	Tu	We	Th	Fr	Sa
29	30	1	2	3	4	5
6	7	8	9	10	11	12
13	14	15	16	17	18	19
20	21	22	23	24	25	26
27	28	29	30	31	1	2

Udemy - Vue JS 3, React JS & Angular - Guide to Popular Frameworks (8/2020)

Posted By: ParRus

Date: 4 Oct 2020 18:06:14

Udemy - Vue JS 3, React JS & Angular - Guide to Popular Frameworks (8/2020)

Understand basics and difficult parts of the 3 most popular frameworks - React JS, Angular and Vue. All in one course!

What you'll learn
Most popular web frameworks -> React, Angular & Vue JS
Features explained on practical examples
Base and core concepts of every framework

Requirements
Basic JS or any programming language knowledge

Description
Understand basics and difficult parts of the 3 most popular frameworks - React, Angular and Vue.

What is Vue JS, React JS, Angular ?

They are javascript frameworks. React is a library.

What is Framework(FW)/ Library ?

Environment, set of tools and guide lines build on top of the programming language(JS in case of this course). FW exposes functionalities, handles lifecycle of the application and defines set of rules how application should be written in order to follow best FW practices.

Every framework is different, but there is one thing they have in common. They are builded on top of JS so if you are familiar with JS you can learn any fro-tend(FE) FW very fast!

Angular -> Angular is an application design framework and development platform for creating efficient and sophisticated single-page apps.

React -> A JavaScript library for building user interfaces

Vue -> (pronounced /vjuː/, like view) is a progressive framework for building user interfaces.

What are you going to build ?

In this course you are going to create application for keeping track of the resources. Resource can be anything on the internet(blog, video, book etc.).

You are going to build one application in 3 Frameworks so you will understand and memorize the differences in web application development.

This application will have functionalities to create, update and delete the resource. Through the process of creating these features you will learn core concepts of each framework.

In first section we will work on most basics concepts by creating simple counter application.

Later I will explain you how FW works under the hood and how the application is rendered in your browser. You will learn it on wireframes and real examples from FW code it self.

Next, you are going to integrate very simple layout backed by Bootstrap. You will learn how to manipulate data, how to keep track of them and how to reflect data changes in your application. Every handles data in different fashion.

In next sections you will learn how to make an API request to remote server. We will explain what is a proxy and why we need to use a proxy. You will fetch a data from a remote database and use them in your application.

In last sections we will talk about the routing. You will create multiple pages and navigation between them. Every framework has a different routing system. I will be explaining more advanced and newest concepts of each FW.

In the end you will implement search functionality and I will be explaining patterns how to propagate data to entire application. It will be explained on a feature that can change the application settings.

As the last thing we will deploy each application on Heroku platform so you can share your application on internet.

Who this course is for:
Beginner developers not sure which framework to start working in
More experienced developers looking for a practical guide
Developers wanting to have one guide for every framework

also You can find my other helpful Programming-posts
(if old file-links don't show activity, try copy-paste them to the address bar)

MediaInfo:

General
Complete name : 1. Setup Node API.mp4
Format : MPEG-4
Format profile : Base Media
Codec ID : isom (isom/iso2/avc1/mp41)
File size : 57.9 MiB
Duration : 8 min 25 s
Overall bit rate : 961 kb/s
Writing application : Lavf58.12.100

Video
ID : 1
Format : AVC
Format/Info : Advanced Video Codec
Format profile : Main@L3.1
Format settings : CABAC / 4 Ref Frames
Format settings, CABAC : Yes
Format settings, RefFrames : 4 frames
Codec ID : avc1
Codec ID/Info : Advanced Video Coding
Duration : 8 min 25 s
Bit rate : 824 kb/s
Nominal bit rate : 3 000 kb/s
Width : 1 280 pixels
Height : 720 pixels
Display aspect ratio : 16:9
Frame rate mode : Constant
Frame rate : 30.000 FPS
Color space : YUV
Chroma subsampling : 4:2:0
Bit depth : 8 bits
Scan type : Progressive
Bits/(Pixel*Frame) : 0.030
Stream size : 49.7 MiB (86%)
Writing library : x264 core 148
Encoding settings : cabac=1 / ref=3 / deblock=1:0:0 / analyse=0x1:0x111 / me=umh / subme=6 / psy=1 / psy_rd=1.00:0.00 / mixed_ref=1 / me_range=16 / chroma_me=1 / trellis=1 / 8x8dct=0 / cqm=0 / deadzone=21,11 / fast_pskip=1 / chroma_qp_offset=-2 / threads=22 / lookahead_threads=3 / sliced_threads=0 / nr=0 / decimate=1 / interlaced=0 / bluray_compat=0 / constrained_intra=0 / bframes=3 / b_pyramid=2 / b_adapt=1 / b_bias=0 / direct=1 / weightb=1 / open_gop=0 / weightp=2 / keyint=60 / keyint_min=6 / scenecut=0 / intra_refresh=0 / rc_lookahead=60 / rc=cbr / mbtree=1 / bitrate=3000 / ratetol=1.0 / qcomp=0.60 / qpmin=0 / qpmax=69 / qpstep=4 / vbv_maxrate=3000 / vbv_bufsize=6000 / nal_hrd=none / filler=0 / ip_ratio=1.40 / aq=1:1.00

Audio
ID : 2
Format : AAC
Format/Info : Advanced Audio Codec
Format profile : LC
Codec ID : mp4a-40-2
Duration : 8 min 25 s
Duration_LastFrame : -1 ms
Bit rate mode : Constant
Bit rate : 128 kb/s
Channel(s) : 2 channels
Channel positions : Front: L R
Sampling rate : 48.0 kHz
Frame rate : 46.875 FPS (1024 SPF)
Compression mode : Lossy
Stream size : 7.72 MiB (13%)
Default : Yes
Alternate group : 1

Screenshots