Learn your way! Get started

React, Part 5 of 7: TODO Project

with expert John Smilga

Watch trailer

Course at a glance

Included in these subscriptions:

Dev & IT Pro Video
Dev & IT Pro Power Pack

	Release date	6/6/2019
	Level	Intermediate
	Runtime	1h 37m
	Closed captioning	N/A
	Transcript	N/A
	eBooks / courseware	N/A
	Hands-on labs	N/A
	Sample code	Included
	Exams	Included

Enterprise Solutions

Need reporting, custom learning tracks, or SCORM? Learn More

Course description

React is a Javascript library for building user interfaces.This course builds on advanced react with another project called TODO application. It has an emphasis on Controlled inputs and form submission and will also take a look at how to integrate bootstrap and deploy using continuous deployment.

Prerequisites

• Basic HTML,CSS and Javascript knowledge • ES6 is a plus

Meet the expert

John Smilga is a Front-End Web Developer in the Los Angeles Area. John has a Bachelor’s Degree in Software Development. He spends most of his time working with Javascript, CSS3, and HTML5, and he is passionate about everything related to web development. He learns from the community and loves to share with the community what he has learned. He strives to explain very complex topics in a simple manner that everyone can understand.

Course outline

Todo Project

Intro Setup Install (08:22)

Introduction (00:08)
Introduction TODO Project (01:31)
Setup Project (06:35)
Summary (00:08)

Bootstrap and Folder Structure (12:45)

Introduction (00:08)
Bootstrap and Folder Structure (06:54)
Download Bootstrap (05:35)
Summary (00:08)

Github and Netlify Pipeline (07:25)

Introduction (00:08)
Github and Netlify Pipeline (04:41)
Stage Files (02:28)
Summary (00:08)

App Structure (15:04)

Introduction (00:08)
App Structure (08:15)
App Sttructure Continued (06:33)
Summary (00:08)

input Component and Handle Method (18:57)

Introduction (00:08)
input Component and Handle Methods (08:10)
Methods (10:31)
Summary (00:08)

Todo List and Item Components (16:02)

Introduction (00:08)
Todo List and Todo Item Components (08:11)
Todo Item Components (07:35)
Summary (00:08)

Clear List Delete Edit (19:02)

Introduction (00:08)
Clear List Methods (03:42)
Handle Edit (15:04)
Summary (00:08)