Book Image

Modern JavaScript Applications

By : Narayan Prusty
Book Image

Modern JavaScript Applications

By: Narayan Prusty

Overview of this book

Over the years, JavaScript has become vital to the development of a wide range of applications with different architectures. But JS moves lightning fast, and it’s easy to fall behind. Modern JavaScript Applications is designed to get you exploring the latest features of JavaScript and how they can be applied to develop high-quality applications with different architectures. Begin by creating a single page application that builds on the innovative MVC approach using AngularJS, then move forward to develop an enterprise-level application with the microservices architecture using Node to build web services. After that, shift your focus to network programming concepts as you build a real-time web application with websockets. Learn to build responsive, declarative UIs with React and Bootstrap, and see how the performance of web applications can be enhanced using Functional Reactive Programming (FRP). Along the way, explore how the power of JavaScript can be increased multi-fold with high performance techniques. By the end of the book, you’ll be a skilled JavaScript developer with a solid knowledge of the latest JavaScript techniques, tools, and architecture to build modern web apps.
Table of Contents (21 chapters)
Modern JavaScript Applications
Credits
About the Author
About the Reviewer
www.PacktPub.com
Preface
Index

Creating the RSS feed reader


The RSS feed reader we will create will let you add feed URLs, view a list of added URLs, and view the content of each feed URL. We will be storing the URLs in HTML5 local storage.

Setting up the project directories and files

In the exercise files of this chapter, you will find two directories: Initial and Final. Final contains the final source code of the application whereas Initial contains the files to help you quickly get started with building the application.

In the Initial directory, you will find app.js, package.json, and a public directory containing files to be served to the frontend. The app.js file will contain backend code. Currently, app.js and package.json contain no code.

We will put our HTML code in public/html/index.html, and in the public/js/index.js file, we will place our frontend JavaScript code, that is, React code.

Let's first build the backend, after which we will build the frontend.

Building the backend

First, let's download the packages required...