Eincode by Filip Jerga
PREVIEW THIS COURSE - GET COUPON CODE
Understand basics and difficult parts of the 3 most popular frameworks - React, Angular and Vue.
What is Vue JS, React JS, Angular ?
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.
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.
More Courses by Filip Jerga
Complete Next.js with React & Node - Beautiful Portfolio App
Build Serverless Web Apps with Next.js. Learn Hooks. Deploy to Vercel. Next.js (Next 9.4), React (React 16+) & Node
Next.JS with Sanity CMS - Serverless Blog App (w/ Vercel)
Build your own Blog App with the latest Next.JS & React(Next 9.4+, React hooks). Learn how to use headless Sanity CMS.
Next.js and Apollo - Portfolio App (w/ React, GraphQL, Node)
Learn GraphQL and Apollo! Create a fast portfolio application in Next.js(Next 9+) / React backed with Apollo + Node.js