by Daniel Kmak | Publisher: Packt Publishing | Release Date: November 2017 | ISBN: 9781788625326

Harness the power of the three top frameworks on the JavaScript marketAbout This VideoKnow the best tool for your next jobChoose your favorite JavaScript framework based on your needs and master itExplore the JavaScript world and get to know its various packages and librariesIn DetailAngular, 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.

1. Chapter 1 : Introduction
   • The Course Overview 00:05:39
   • Sample Angular Application Overview 00:02:40
   • Sample Vue Application Overview 00:01:59
   • Sample React Application Overview 00:02:01
   • Framework Compared to a Library 00:04:46
2. Chapter 2 : Problems Solved by the Frameworks
   • Why Frameworks Exist? 00:02:02
   • Interacting with DOM 00:05:51
   • Routing 00:09:51
   • Templating 00:07:56
   • Reusable Components 00:06:27
3. Chapter 3 : Why Angular is a Big Fish?
   • Introduction to Angular 4 00:01:40
   • Angular CLI 00:03:36
   • TypeScript 00:06:59
   • Template Syntax 00:10:27
   • Components 00:07:37
4. Chapter 4 : Diving Deeper into Angular Ocean
   • Routing 00:12:36
   • Requesting Data 00:09:21
   • Services 00:13:09
   • Addons 00:11:52
   • Testing 00:08:59
5. Chapter 5 : React(ive) Applications
   • What is React? 00:01:40
   • Build Tools 00:04:57
   • JSX Templates 00:07:02
   • Components 00:10:54
   • Routing 00:07:51
6. Chapter 6 : React and Redux
   • Functional Programming 00:12:24
   • Three Principles of Redux 00:04:31
   • Actions and Reducers 00:07:05
   • Asynchronous Actions 00:06:14
   • Testing 00:14:13
7. Chapter 7 : Writing Blog in Vue
   • Getting Started with Vue.js 00:01:19
   • Vue CLI 00:10:04
   • Template Syntax 00:11:04
   • Components 00:11:52
   • Routing 00:18:55
8. Chapter 8 : Polishing Code Behind Words
   • Handling User Interaction 00:11:38
   • Binding Form Inputs 00:06:31
   • Managing State with Vuex 00:15:02
   • Plugins 00:07:26
   • Testing 00:13:39
9. Chapter 9 : The Verdict
   • Performance 00:04:56
   • Fullstack 00:02:28
   • Upscaling 00:03:03
   • Popularity and Job Market 00:03:58
   • jQuery 00:08:02