JavaScript Choice Made Easy - Angular v. React v. Vue

Simpliv

Course

Online

£ 10 VAT inc.

The best Java courses

See all

See all

Description

  • Type

    Course

  • Methodology

    Online

  • Start date

    Different dates available

Harness the power of the three top frameworks on the JavaScript market.Angular, React, and Vue are three very important frameworks in the JavaScript world. Thanks to them you can build dynamic websites. Add them to individual pages on your site or totally rely on them, by building single-page applications, but don't reinvent the wheel while you can leverage their power. In this course we're going to build three dynamic applications. First, we're going to create an image browser-Image Ocean-in Angular, using TypeScript. It will also have the ability to upload images. After that we'll start React development while building the Clothes on Fire shopping application. To make our shop even better, we're going to add Redux to the mix. Redux is responsible for maintaining the state and data of JavaScript apps. It can be used with any framework. Finally, we'll write a blog-not the articles though, but the blogging platform itself, in Vue. It will be called Wordsmith. For all three applications we're going to cover build tools, testing, and other parts of each framework's unique ecosystem.By the end of the course you should be able to create your own application in the framework of your choice: Angular, React or Vue. You'll also easily jump into other frameworks (not covered in this course) by learning the fundamentals of single-page applications.About the AuthorDaniel Kmak is an ambitious and passionate JavaScript engineer. He is an active Stack Overflow user with many well-known reputations. His contribution to helping others has not gone unnoticed. Being close to the top 10 contributors in Ember.js tag, Daniel got his job as a consultant for Techolution. He has been teaching remotely for almost a year..
Currently, Daniel leads a team of talented and experienced engineers at WorkHQ, a global startup that creates enterprise resource planning applications. Daniel writes a blog and shares his knowledge on a YouTube channel

Facilities

Location

Start date

Online

Start date

Different dates availableEnrolment now open

About this course

Create real-world, professional apps
Take advantage of all the jewels in the Angular crown
Bring stunning React(ive) interfaces to life
Craft performant sites with Vue
Architect a blog, an e-commerce application, and an image gallery
Structure your code by composing components
Rapidly adapt to any framework you work with
Test using community-recommended tools
Assure stability of software you create strictly type in TypeScript

Questions & Answers

Add your question

Our advisors and other users will be able to reply to you

Who would you like to address this question to?

Fill in your details to get a reply

We will only publish your name and question

Reviews

This centre's achievements

2021

All courses are up to date

The average rating is higher than 3.7

More than 50 reviews in the last 12 months

This centre has featured on Emagister for 4 years

Subjects

  • Image
  • Logic
  • Router
  • Javascript
  • Javascript training
  • Rescue

Course programme

Introduction 5 lectures 17:05 The Course Overview This video provides an overview of the entire course. Sample Angular Application Overview Show Angular application we are going to build. • Look and feel of Angular application • Understand the features Sample Vue Application Overview Show Vue application we are going to build. • Look and feel of Vue application • Learn new features Sample React Application Overview Show React application we are going to build.
  • Look and feel of React application
  • Learn new features
Framework Compared to a Library Tell about the difference between JavaScript libraries such as jQuery, lodash, underscore, async.js and the frameworks such as Angular, React, Vue or Ember.
  • Difference between framework and library
  • Understand the code examples
Introduction 5 lectures 17:05 The Course Overview This video provides an overview of the entire course. Sample Angular Application Overview Show Angular application we are going to build. • Look and feel of Angular application • Understand the features Sample Vue Application Overview Show Vue application we are going to build. • Look and feel of Vue application • Learn new features Sample React Application Overview Show React application we are going to build.
  • Look and feel of React application
  • Learn new features
Framework Compared to a Library Tell about the difference between JavaScript libraries such as jQuery, lodash, underscore, async.js and the frameworks such as Angular, React, Vue or Ember.
  • Difference between framework and library
  • Understand the code examples
The Course Overview This video provides an overview of the entire course. The Course Overview This video provides an overview of the entire course. The Course Overview This video provides an overview of the entire course. The Course Overview This video provides an overview of the entire course. This video provides an overview of the entire course. This video provides an overview of the entire course. Sample Angular Application Overview Show Angular application we are going to build. • Look and feel of Angular application • Understand the features Sample Angular Application Overview Show Angular application we are going to build. • Look and feel of Angular application • Understand the features Sample Angular Application Overview Show Angular application we are going to build. • Look and feel of Angular application • Understand the features Sample Angular Application Overview Show Angular application we are going to build. • Look and feel of Angular application • Understand the features Show Angular application we are going to build. • Look and feel of Angular application • Understand the features Show Angular application we are going to build. • Look and feel of Angular application • Understand the features Sample Vue Application Overview Show Vue application we are going to build. • Look and feel of Vue application • Learn new features Sample Vue Application Overview Show Vue application we are going to build. • Look and feel of Vue application • Learn new features Sample Vue Application Overview Show Vue application we are going to build. • Look and feel of Vue application • Learn new features Sample Vue Application Overview Show Vue application we are going to build. • Look and feel of Vue application • Learn new features Show Vue application we are going to build. • Look and feel of Vue application • Learn new features Show Vue application we are going to build. • Look and feel of Vue application • Learn new features Sample React Application Overview Show React application we are going to build.
  • Look and feel of React application
  • Learn new features
Sample React Application Overview Show React application we are going to build.
  • Look and feel of React application
  • Learn new features
Sample React Application Overview Show React application we are going to build.
  • Look and feel of React application
  • Learn new features
Sample React Application Overview Show React application we are going to build.
  • Look and feel of React application
  • Learn new features
Show React application we are going to build.
  • Look and feel of React application
  • Learn new features
Show React application we are going to build.
  • Look and feel of React application
  • Learn new features
Framework Compared to a Library Tell about the difference between JavaScript libraries such as jQuery, lodash, underscore, async.js and the frameworks such as Angular, React, Vue or Ember.
  • Difference between framework and library
  • Understand the code examples
Framework Compared to a Library Tell about the difference between JavaScript libraries such as jQuery, lodash, underscore, async.js and the frameworks such as Angular, React, Vue or Ember.
  • Difference between framework and library
  • Understand the code examples
Framework Compared to a Library Tell about the difference between JavaScript libraries such as jQuery, lodash, underscore, async.js and the frameworks such as Angular, React, Vue or Ember.
  • Difference between framework and library
  • Understand the code examples
Framework Compared to a Library Tell about the difference between JavaScript libraries such as jQuery, lodash, underscore, async.js and the frameworks such as Angular, React, Vue or Ember.
  • Difference between framework and library
  • Understand the code examples
Tell about the difference between JavaScript libraries such as jQuery, lodash, underscore, async.js and the frameworks such as Angular, React, Vue or Ember.
  • Difference between framework and library
  • Understand the code examples
Tell about the difference between JavaScript libraries such as jQuery, lodash, underscore, async.js and the frameworks such as Angular, React, Vue or Ember.
  • Difference between framework and library
  • Understand the code examples
Problems Solved by the Frameworks 5 lectures 32:06 Why Frameworks Exist? In this video, you’ll learn about purpose of frameworks. • Architecture of modern single-page application • Effort to create these parts by yourself • Framework to the rescue Interacting with DOM Show viewer possible solutions to interact with DOM. • Interact with DOM using native JavaScript. • Interact with DOM using jQuery • Interact with DOM using Document Fragment Routing In this video, you’ll implement routing mechanism. • Map hash changes to functions • Create a routing in native JavaScript • Use third-party library - router.js Templating In this video, you’ll learn how to use the templates to represent data. • Learn the importance of templates • Understand the logic inside templates Reusable Components In this video, you’ll learn how to create a component without framework. • Create a component with reusable template • Add event handlers to components • Assessment • Congratulations! you have completed the Section. To validate your learning, go ahead and download the Assesment for this section. Answers Download Assessment Problems Solved by the Frameworks. 5 lectures 32:06 Why Frameworks Exist? In this video, you’ll learn about purpose of frameworks. • Architecture of modern single-page application • Effort to create these parts by yourself • Framework to the rescue Interacting with DOM Show viewer possible solutions to interact with DOM. • Interact with DOM using native JavaScript. • Interact with DOM using jQuery • Interact with DOM using Document Fragment Routing In this video, you’ll implement routing mechanism. • Map hash changes to functions • Create a routing in native JavaScript • Use third-party library - router.js Templating In this video, you’ll learn how to use the templates to represent data. • Learn the importance of templates • Understand the logic inside templates Reusable Components In this video, you’ll learn how to create a component without framework. • Create a component with reusable template • Add event handlers to components • Assessment • Congratulations! you have completed the Section. To validate your learning, go ahead and download the Assesment for this section. Answers Download Assessment Why Frameworks Exist? In this video, you’ll learn about purpose of frameworks. • Architecture of modern single-page application • Effort to create these parts by yourself • Framework to the rescue Why Frameworks Exist? In this video, you’ll learn about purpose of frameworks. • Architecture of modern single-page application • Effort to create these parts by yourself • Framework to the rescue Why Frameworks Exist? In this video, you’ll learn about purpose of frameworks. • Architecture of modern single-page application • Effort to create these parts by yourself • Framework to the rescue Why Frameworks Exist? In this video, you’ll learn about purpose of frameworks. • Architecture of modern single-page application • Effort to create these parts by yourself • Framework to the rescue In this video, you’ll learn about purpose of frameworks. • Architecture of modern single-page application • Effort to create these parts by yourself • Framework to the rescue In this video, you’ll learn about purpose of frameworks. • Architecture of modern single-page application • Effort to create these parts by yourself • Framework to the rescue Interacting with DOM Show viewer possible solutions to interact with DOM. • Interact with DOM using native JavaScript. • Interact with DOM using jQuery • Interact with DOM using Document Fragment Interacting with DOM Show viewer possible solutions to interact with DOM. • Interact with DOM using native JavaScript. • Interact with DOM using jQuery • Interact with DOM using Document Fragment Interacting with DOM Show viewer possible solutions to interact with DOM. • Interact with DOM using native JavaScript. • Interact with DOM using jQuery • Interact with DOM using Document Fragment Interacting with DOM Show viewer possible solutions to interact with DOM. • Interact with DOM using native JavaScript. • Interact with DOM using jQuery • Interact with DOM using Document Fragment Show viewer possible solutions to interact with DOM. • Interact with DOM using native JavaScript. • Interact with DOM using jQuery • Interact with DOM using Document Fragment Show viewer possible solutions to interact with DOM. • Interact with DOM using native JavaScript. • Interact with DOM using jQuery • Interact with DOM using Document Fragment Routing In this video, you’ll implement routing mechanism. • Map hash changes to functions • Create a routing in native JavaScript • Use third-party library - router.js Routing In this video, you’ll implement routing mechanism. • Map hash changes to functions • Create a routing in native JavaScript • Use third-party library - router.js Routing In this video, you’ll implement routing mechanism. • Map hash changes to functions • Create a routing in native JavaScript • Use third-party library - router.js Routing In this video, you’ll implement routing mechanism. • Map hash changes to functions • Create a routing in native JavaScript • Use third-party library - router.js In this video, you’ll implement routing mechanism. • Map hash changes to functions • Create a routing in native JavaScript • Use third-party library - router.js In this video, you’ll implement routing mechanism. • Map hash changes to functions • Create a routing in native JavaScript • Use third-party library - router.js Templating In this video, you’ll learn how to use the templates to represent data. • Learn the importance of templates • Understand the logic inside templates Templating In this video, you’ll learn how to use the templates to represent data. • Learn the importance of templates • Understand the logic inside templates Templating In this video, you’ll learn how to use the templates to represent data Analyze entity model for image...

Additional information

Basic knowledge of JavaScript

See related categories

JavaScript Choice Made Easy - Angular v. React v. Vue

£ 10 VAT inc.

The best Java courses

See all

See all