Using React, Bootstrap, And Aws Amplify To Build Apps

通过构建 4 个真正的 Web 应用程序，从初学者变成 ReactJS 专家。我们将使用 ReactJS、Twitter Bootstrap 和 AWS Amplify 来学习如何构建和部署 Web 应用程序。您不仅将学习如何构建 Web 应用程序，还将学习如何… 1. 让它们看起来很棒2。响应良好，在 mobile3 上运行良好。最重要的是，将其部署到现实世界！

概述

第 1 节：简介

第一讲 班级介绍

第 2 讲环境设置：下载/链接

第三讲 GitHub简介

第 2 部分：Hello World 应用程序

第 4 讲 ReactJS 设置

第 5 讲 启动您的应用程序和演练

第 6 讲 Hello World 应用程序

第 7 讲 Hello World 挑战

第8讲挑战答案

第 3 部分：股票数据应用程序

第 9 讲 创建股票数据应用程序

第10讲道具

第11讲 状态

第12讲改变状态

第 13 讲 挑战（第一轮）

第14讲条件渲染

第 15 讲 使用 JSON 数据

第 16 讲 挑战（第 2 轮）

第17讲表格

第18讲Formik和Yup

第 19 讲 API 调用与 Fetch

第 20 讲挑战（第 3 轮）

第 4 部分：启动登录页面

第 21 课创建启动登录页面应用程序 + 初始安装

第22讲主题、字体和图标

第 23 讲 降落大屏幕

第24课 关于我们 手风琴

第25讲产品卡片

第26讲订阅表格+总结

第 5 部分：锻炼生成器应用程序

第 27 讲 创建应用、添加路由和添加导航

第28讲 主页

第29讲 关于页面

第 30 讲锻炼生成器表格

第31讲锻炼生成器功能

第32课 显示锻炼

第 33 课使用 AWS Amplify 部署您的应用程序

第34课结束语

对构建 Web 应用程序感兴趣的初学者，对学习 ReactJS 感兴趣的 Web 开发人员

Zero experience required. Build and deploy 4 real web apps with a modern tech stack.

Last updated 10/2019
MP4 | Video: h264, 1280×720 | Audio: AAC, 44.1 KHz
Language: English | Size: 1.64 GB | Duration: 4h 13m

What you’ll learn

React basics and essential functionality.
More advanced functionality like API calls using Javascript.
How to use Twitter Bootstrap to make you app look great.
How to deploy your app with AWS Amplify.

Requirements

HTML understanding is helpful but not required
CSS understanding is helpful but not required
Javascript understanding is helpful but not required

Description

Go from beginner to ReactJS Expert by building 4 real web apps. We will use ReactJS, Twitter Bootstrap, and AWS Amplify to learn how to build and deploy web apps. You will not just learn how to how to build web apps, but you will also learn how to… 1. Make them look awesome2. Be responsive to work well on mobile3. Most importantly, deploy it to the real world!

Overview

Section 1: Introduction

Lecture 1 Introduction to the Class

Lecture 2 Environment Setup: Downloads / Links

Lecture 3 Introduction to GitHub

Section 2: Hello World App

Lecture 4 ReactJS Setup

Lecture 5 Starting Your App & Walkthrough

Lecture 6 Hello World App

Lecture 7 Hello World Challenges

Lecture 8 Challenge Answers

Section 3: Stock Data App

Lecture 9 Create Stock Data App

Lecture 10 Props

Lecture 11 State

Lecture 12 Changing State

Lecture 13 Challenges (Round 1)

Lecture 14 Conditional Rendering

Lecture 15 Working with JSON Data

Lecture 16 Challenges (Round 2)

Lecture 17 Forms

Lecture 18 Formik and Yup

Lecture 19 API Calls with Fetch

Lecture 20 Challenges (Round 3)

Section 4: Startup Landing Page

Lecture 21 Create Startup Landing Page App + Initial Installs

Lecture 22 Themes, Fonts, and Icons

Lecture 23 Landing Jumbotron

Lecture 24 About Us Accordion

Lecture 25 Product Cards

Lecture 26 Subscription Form + Wrap Up

Section 5: Workout Generator App

Lecture 27 Create App, Add Routing, and Add Navigation

Lecture 28 Home Page

Lecture 29 About Page

Lecture 30 Workout Generator Form

Lecture 31 Workout Generator Function

Lecture 32 Displaying the Workout

Lecture 33 Deploying Your App with AWS Amplify

Lecture 34 Closing Remarks

Beginner developers interesting in building a web app,Web developers interested in learning about ReactJS