Learning Path: React: Make Stunning React Websites

Learning Path: React: Make Stunning React Websites, available at $34.99, has an average rating of 3.3, with 53 lectures, based on 27 reviews, and has 289 subscribers.

You will learn about Create different UI components for your sites such as buttons and jumbotrons Create button components using Bootstrap 4.0 Explore deeper integrations with JSX and ES6 to create reusable components Understand hot reloading to update pages as a result of interface interaction Understand how different types of data can be ingested into React Create different visualizations from your data (charts, grids, maps, and more) This course is ideal for individuals who are This course is ideal for web developers. In order to take this course, you should have some familiarity with React, Node.js, and NPM. You should also have a good knowledge of JavaScript. It is particularly useful for This course is ideal for web developers. In order to take this course, you should have some familiarity with React, Node.js, and NPM. You should also have a good knowledge of JavaScript.

Enroll now: Learning Path: React: Make Stunning React Websites

Summary

Title: Learning Path: React: Make Stunning React Websites

Price: $34.99

Average Rating: 3.3

Number of Lectures: 53

Number of Published Lectures: 53

Number of Curriculum Items: 53

Number of Published Curriculum Objects: 53

Original Price: $199.99

Quality Status: approved

Status: Live

What You Will Learn

Create different UI components for your sites such as buttons and jumbotrons
Create button components using Bootstrap 4.0
Explore deeper integrations with JSX and ES6 to create reusable components
Understand hot reloading to update pages as a result of interface interaction
Understand how different types of data can be ingested into React
Create different visualizations from your data (charts, grids, maps, and more)

Who Should Attend

This course is ideal for web developers. In order to take this course, you should have some familiarity with React, Node.js, and NPM. You should also have a good knowledge of JavaScript.

Target Audiences

This course is ideal for web developers. In order to take this course, you should have some familiarity with React, Node.js, and NPM. You should also have a good knowledge of JavaScript.

Packt’s Video Learning Paths are a series of individual video products put together in a logical and stepwise manner such that each video builds on the skills learned in the video before it.

Every great website needs a great user interface, and without one, your users will soon leave. The React stack is the perfect tool to create modern dynamic interfaces. It is also capable of rendering data reactively on the web, enabling users to interact with it and see the results in real time.

This Learning Path covers the practical skills needed to make great interface components that incorporate other web development tools, such as Bootstrap, SASS, and hot reloading. It will then show you how to ingest your data and display it on the web using a variety of techniques, such as charts and grids. It will run through the logic process, meaning that you will be able to take these skills and apply them in your own projects.

Beautify your React websites by leveraging the skills this Learning Path promises to deliver.

The goal of this Learning Path is to help you prettify your React web apps by equipping you with all the required skills.

This Learning Path is authored by one of the most recognized names in web development.

Ben Fhala

Ben Fhala discovered his passion for data visualization six years ago while he was working at Parsons in New York, in their data visualization department, PIIM. He is the owner of an online video training school, 02geek, and is an Adobe ACP. He enjoys spending most of his time learning and teaching and has a love for visual programming and visualization in general. Ben has had the honor of developing applications for members of the US Congress, Prime Ministers, and Presidents around the world. He has built many interactive experiences for companies such as Target, AT&T, Crayola, Marriott, Neutrogena, and Nokia. He has technically directed many award-winning projects and has been part of teams that have won three Agency of the Year awards.

Course Curriculum

Chapter 1: Learning React.js User Interfaces

Lecture 1: Setting Up our Foundation Project

Lecture 2: Setting up Webpack and WebPack-Dev-Server

Lecture 3: Bootstrapping our HTML

Lecture 4: Hot Reloading with WebPack-Dev-Server

Lecture 5: Adding Support for ES6 and JSX with Babel

Lecture 6: Building our First JSX React Component

Lecture 7: Creating an ES6 React Component

Lecture 8: Building a Reusable Bootstrap React Button

Lecture 9: Creating Dynamic JSX Tags

Lecture 10: Understanding JSX Spread in Depth

Lecture 11: Adding Features to Our Button Component

Lecture 12: Making Disabled Tags Work

Lecture 13: Creating Reusable Utilities

Lecture 14: Creating the Jumbotron Component

Lecture 15: Building a Reusable Container Class

Lecture 16: Removing Unknown Props from HTML

Lecture 17: Completing Our Jumbotron with a Dynamic Fluid Child

Lecture 18: Dynamically building CSS files with Webpack

Lecture 19: Creating SASS Variables

Lecture 20: Importing SCSS Files with Webpack

Lecture 21: Introducing SCSS Mixins

Lecture 22: Animating in React with Add-ons

Lecture 23: Choosing Between Children and Props

Lecture 24: Working with Events in React

Lecture 25: Understanding How State Works

Lecture 26: Animating Children with ReactCSSTransitionGroup

Lecture 27: Leaving Animations with SASS Nesting

Chapter 2: Learning React.js Data Visualization

Lecture 1: Overview and Setting Things Up

Lecture 2: Overview of JSON Basics

Lecture 3: Importing JSON Files with webpack

Lecture 4: Building ES6 React Classes

Lecture 5: Integrating JSON into React Components

Lecture 6: Creating a Map

Lecture 7: Finding Points on a Map

Lecture 8: Calculating a Map's Latitude and Longitude

Lecture 9: Using ES6 String Templates

Lecture 10: Connecting to the Web Service

Lecture 11: Changing a Component's State

Lecture 12: Reviewing package.json and webpack Configurations

Lecture 13: Modifying Style Attributes in React

Lecture 14: Preparing the Chart Data Object

Lecture 15: Creating a Bar Chart with ChartJS

Lecture 16: Formatting Data

Lecture 17: Creating Utility Modules

Lecture 18: Adding Random Colors

Lecture 19: Cleaning Up Memory Leaks

Lecture 20: Diving Deep into Properties

Lecture 21: Exploring the Options in ChartJS

Lecture 22: MongoD Versus Mongo

Lecture 23: Database, Collection, and Document

Lecture 24: Preparing Our Data for MongoDB

Lecture 25: Setting Up NodeJS with Express and MongoJS

Lecture 26: Creating a Radar Chart with MongoDB

Instructors

Packt Publishing
Tech Knowledge in Motion

Rating Distribution

1 stars: 4 votes
2 stars: 0 votes
3 stars: 6 votes
4 stars: 5 votes
5 stars: 12 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu