Choosing the Right JavaScript Framework

• An understanding of web development

Audience

• Developers

Developing a front-end application is an enduring task when there are so many new and emerging JavaScript Frameworks to choose from. The choice of a good framework depends on the requirement and use-case. In this course, we will breakdown the limitations and benefits of some existing JavaScript frameworks (React, Angular, and Vue) to help make the decision easier.

This instructor-led, live training (online or onsite) is aimed at developers who need to decide which JavaScript framework to use to develop front-end applications.

By the end of this training, participants will be able to:

• Set up an optimal development environment to start developing front-end applications.
• Implement demo applications to test the limitations and benefits of a JavaScript framework.
• Decide on which JavaScript framework is the best fit.

Format of the Course

• Interactive lecture and discussion.
• Lots of exercises and practice.
• Hands-on implementation in a live-lab environment.

Course Customization Options

• To request a customized training for this course, please contact us to arrange.

Introduction

Front-End Development and JavaScript Frameworks

• The tools and development for web development

Evaluating Application Requirements

• Speed and performance
• Maintainability
• Readability
• Integration with existing systems, applications and services

Evaluating Existing Talent

• Backend and frontend development experience
• Training and learning curves

Preparing the Development Environment

• Editors and IDEs
• Installing and configuring NPM and Node.js

Overview of the Web Development Cycle

• Version control, coding, building, testing, deploying
• Automation and continous integration

Exploring Angular

• Benefits: reusabilty, readability, maintainability, etc.
• Limitations: steep learning curve, migrating legacy
• Hands on: installing and configuring
• Hands on: implementing a todo list app
• Hands on: testing and debugging todo list app
• Building and deploying an Angular application

Exploring React

• Benefits: data binding, JSX, SEO-friendly, etc.
• Limitations: learning curve, JSX, React's documentation, etc.
• Hands on: installing and configuring
• Hands on: implementing a todo list app
• Hands on: testing and debugging todo list app
• Building and deploying a React application

Exploring Vue

• Benefits: size, readability, etc.
• Limitations: lack of plugins, updated continuously, etc.
• Hands on: installing and configuring
• Hands on: implementing a todo list app
• Hands on: testing and debugging todo list app
• Building and deploying a Vue application

Summary and Conclusion