Get practical with six impressive JavaScript projects covering Single Page Applications, D3 Data Visualization, 1KB Micro-frameworks, WebRTC Video Chat Apps and cool VR applications using React VR.

6 JavaScript Projects

Preface

React VR is a JavaScript library by Facebook that reduces the effort of creating a WebVR application. You may compare React VR with A-Frame by Mozilla , but instead of writing HTML, with React VR we’re using JavaScript to create a WebVR scene.

Build a Full-Sphere 3D Image Gallery with React VR

With the advent of WebRTC and the increasing capacity of browsers to handle peer-to-peer communications in real time, it’s easier than ever to build real-time applications. In this tutorial, we’ll take a look at SimpleWebRTC and how it can make our lives easier when implementing WebRTC. Throughout the chapter, we’ll be building a WebRTC video chat app with messaging features.

Build a WebRTC Video Chat Application with SimpleWebRTC

Front-end frameworks are great. They abstract away much of the complexity of building a single-page application (SPA) and help you organize your code in an intelligible manner as your project grows.

Build a JavaScript Single Page App Without a Framework

In this tutorial, we’ll be using Hyperapp to build a to-do list app. If you want to learn functional programming principles, but not get bogged down in details, read on.

Build a To-do List with Hyperapp, the 1KB JS Micro-framework

In the last chapter we met Hyperapp, a tiny library that can be used to build dynamic, single-page web apps in a similar way to React or Vue.

Use Parcel to Bundle a Hyperapp App &amp; Deploy to GitHub Pages

In this chapter, I want to take you through an example project that I built recently — a totally original type of visualization using the D3 library, which showcases how each of these components add up to make D3 a great library to learn.

Unlock This Title

Community Questions

Interactive Data Visualization with Modern JavaScript and D3

Unlock This Title

Community Questions