React, Part 3 of 7: City Tours Project
Interactive

React, Part 3 of 7: City Tours Project

LearnNow Online
Updated Sep 04, 2020

Course description

React is a Javascript library for building user interfaces. React knowledge from the previous two courses will be put to the test in a project for a city tours company which will be written and deployed using Netlify.

Each LearnNowOnline training course is made up of Modules (typically an hour in length). Within each module there are Topics (typically 15-30 minutes each) and Subtopics (typically 2-5 minutes each). There is a Post Exam for each Module that must be passed with a score of 70% or higher to successfully and fully complete the course.


Prerequisites

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


Meet the expert

John Smilga

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.

Video Runtime

97 Minutes

Time to complete

166 Minutes

Course Outline

City Tours

Intro and Setup (17:21)

  • Introduction (00:08)
  • Intro and Setup (03:06)
  • Setup City Tours (13:59)
  • Summary (00:08)

Navbar Component (15:02)

  • Introduction (00:08)
  • Navbar Component (07:31)
  • Navbar CSS (07:14)
  • Summary (00:08)

Main Folder Structure (09:39)

  • Introduction (00:08)
  • Main Folder Structure (06:13)
  • Import Tour List (03:10)
  • Summary (00:08)

Tourlist Component (11:33)

  • Introduction (00:08)
  • Tour List Component (05:05)
  • Remove button (06:12)
  • Summary (00:08)

Tour Component (21:15)

  • Introduction (00:08)
  • Tour Component (09:35)
  • Styling (11:24)
  • Summary (00:08)

Toggle and Delete (09:05)

  • Introduction (00:08)
  • Tour info Toggle and Delete Tour (03:54)
  • Delete Tour Functionality (04:54)
  • Summary (00:08)

Deployment On Netlify (13:40)

  • Introduction (00:08)
  • Deployment on Netlify (03:56)
  • Continuous Deployment (09:28)
  • Summary (00:08)