Full-Stack JavaScript

Overview

In this hands-on workshop, Mark Volkmann demonstrates how to build a web application using JavaScript on both the client side and the server side.

Attendees will build a JavaScript-based web application using Node.js, Express, and MySQL to implement REST services on the back end. For the front end, attendees will learn how to use React and Redux to implement a single-page web user interface.

Objectives

• Learn about selected JavaScript features added in ES2015 and beyond
• Understand the characteristics and benefits of Node.js
• Learn how to utilize npm to install dependencies and script parts of the build process
• Become familiar with tools commonly used in modern JavaScript development
• Learn how to implement REST services with Node.js and Express
• Learn how to interact with relational databases from Node.js
• Learn how to implement web UIs using React and Redux

Intended Audience

This workshop is most valuable to JavaScript developers who want to learn to expand their use of JavaScript to include both front- and backend processes. A familiarity with JavaScript syntax is strongly recommended.

Outline

The following topics are covered in this course.

• ES2015+ review
• Node.js overview
• npm overview
• JavaScript tools: ESLint, Prettier, and Babel
• Express for serving files and implementing REST services
• cURL and Postman for testing REST services
• Relational databases and basic SQL
• React for single-page web UIs
• Redux for state management

Resources

The sample code for this talk is available at https://github.com/mvolkmann/react-tour-of-heroes.

You can watch a sample talk video here

Duration & Format

1 day (6 hours)