$125 | Duration: 6h 53m | Video: h264, 1920x1080 | Audio: AAC, 48kHz, 2 Ch | 2.8 GB

Genre: eLearning | Language: English | January 31, 2019

Fast frontend development with React and Bootstrap; build fluid reactive and responsive websites

Video Description

React is one of the most popular front-end JavaScript library for interactive web applications. Bootstrap 4 is a free HTML, CSS, and JavaScript framework that allows developers to build responsive, mobile-first websites. Integrating Bootstrap with React allows web developers to write much cleaner code, thus reducing the time spent on the frontend. In this course, the author, Bruce Van Horn, will help you gain a thorough understanding of the Bootstrap framework and will show you how to build impressive web apps. You will build a website with UI elements such as image galleries and custom pricing/shopping tools along with Bruce. He will show you how to use HTML, ES6, CSS, React, and Bootstrap 4 to build your own dynamic website.

By the end of the course, you will be able to build real-time responsive web apps using React and Bootstrap and will have learned to use the ES6 Syntax.

All the code and supporting files for this course are available at

Style and Approach

This course will step you through creating a full site using HTML, JavaScript (ES6), CSS, React, and Bootstrap 4. When we're done, you will have a project that showcases the most popular component in the Bootstrap 4 library. You will learn to actually code and work on projects rather than just see commands in a REPL.

Table of Contents

GETTING STARTED WITH CREATE-REACT-APP

LAYING THE FOUNDATION: BUILDING OUT THE NAVIGATION

CREATING YOUR OWN REACT ES6 COMPONENTS

UX MADE EASY WITH NESTED COMPONENTS

BUILDING AND PUBLISHING YOUR ES6 REACT APP WITH BABEL

What You Will Learn

Install the required dependencies for a React App that uses Bootstrap 4

Use JSX to code your markup in a very natural way (as opposed to the usual approach)

Create your own React user login and registration component containing elements from the Bootstrap 4 library

Build a user interface out of components instead of the traditional jQuery and Document Object Model

Work with an integrated testing server running on Node.js to create a production build

Publish your web application using a production build script

Authors

Bruce M. Van Horn II

Bruce M. Van Horn II is a professional software engineer with over 30 years' programming experience developing large-scale commercial applications used by millions of users every day. He works as the lead developer for Clear Technologies, in Dallas, Texas, as the Engineering lead for its Visual Storage Intelligence product. For 25 years, he has also taught evening classes at the collegiate and university level in various programming, animation, and multimedia disciplines. He currently teaches Full Stack Web Development at Southern Methodist University.

When not writing code or wrangling his two young daughters, he enjoys designing video games and creating CGI-based art and animation.