Overview
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.
Requirements
- An understanding of web development
Audience
- Developers
Course Outline
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