Front End React 16.8 + Web Development Course

1 Review
8 Hours
You save 91% -

83 Lessons (8h)

  • Your First Program
  • Course Intro
    Presentation & First Words
  • Try React Online !
    The React Docs - Presentation2:58
    Simple & stateless component10:15
    Stateful complexe component8:03
    Lifecycle & Props4:00
    Component-based application 1/310:41
    Component-based application 2/38:25
    Component-based application 3/31:23
    Introducing JSX5:01
  • Tools, Installation & Work Environment Set up
    Getting Started : Technical Requirements
    The Tools & environment5:58
    Node.js & Npm2:00
    Visual Code Studio0:27
    Chrome Extensions2:56
    React CLI3:23
    Zero-configuration Set up4:19
    create-react-app - Hello React7:12
    "Hello React"3:12
  • Learn React : Fundamentals & Starter Projects
    React Create App - CLI5:40
    Intro to React : "Bonjour World"0:42
    React Components : from stateless to stateful5:49
    Initialize & Maintain State6:03
    Handle Events : onMouseover, onClick (event-handling)9:09
    List & Keys15:23
    [Exercise] - Display a list5:22
  • [WORKSHOP] - Countdown
    Project Set up4:35
    Build the UI8:07
    Styling the UI4:23
    Countdown Interval10:11
    Time Difference calculation 1/212:14
    Time Difference Calculation 2/21:31
    Maintain State6:44
    Add Styling9:51
    Countdown - Date picker (select date)5:12
    Final Steps4:07
  • Learn React : Further Topics
    New Project to learn the fundamentals 1/38:50
    New Project to learn the fundamentals 2/38:49
    New Project to learn the fundamentals 3/36:10
    List & keys5:22
    Ternary Operator5:42
    High order function : map()4:15
    functions : delete, markComplete8:37
    Code Splitting 1/26:33
    Code Splitting 2/27:57
    Spread Operator ...5:41
    Reusable Item2:47
    Conditional Rendering6:32
  • [Workshop] - Time management & Data Persistence
    Presentation & Starter Project7:27
    Conditional UI rendering7:35
    User Interaction8:54
    manage immutable state1:18
    render items4:10
    JS objects4:57
    Iterating and Rendering with map()7:21
    Iterating and Filtering with filter()5:51
    Adding a Progress Bar13:55
    Form Validation1:28
    HTML5 LocalStorage8:32
    Breaking the UI up14:02
  • Networking- Internet Data Fetching & APIs
    Intro to Networking2:58
    Starter Project & assets2:27
    The Breaking Bad API5:54
    Chrome Extension : JSON View0:53
    Learn Fetch()6:40
    Making Asynchronous HTTP Request & Promise4:21
    Refresh Font Awesome3:28
    Flat UI Colors, Styling4:39
  • Build a React.js Weather App
    OWM website2:38
    OWM API Key1:34
    OWM Documentation8:35
    Create a weather app10:32
    Networking with fetch()9:02
    Parsing response15:00
    Booststrap CSS11:17
    Dashboard Component11:17
    Dashboard Component12:07
    Country flags API5:16
    Date & Time16:09
    Alert Dialog12:40
    Refactorisation - immutable state3:42
    Persisting with HTML5 Localstorage7:32

Explore the Flexibility of Using React with 8 Hours of Content on React, Redux, React Router, & More

Sandy Ludosky

Sandra Ludosky | Mobile Developer

4.2/5 Instructor Rating: ★ ★ ★ ★

Sandy Ludosky is a freelance Web Designer and Developer based out of Toronto in Ontario, Canada. She specializes in Front-End development with HTML, CSS, CSS3, Animation, Sass, Javascript, and JQuery. Sandy loves creating beautiful, professional, and user-friendly websites using the Adobe Creative Suite: Photoshop, Illustrator, and Flash to name a few. She's also keen on Web marketing, Web analytics, Visual Design, Video Editing, Photography, and WordPress development.

21,941 Total Students
2,367 Reviews


React provides the perfect solution for creating JavaScript-based interfaces, with a huge range of uses for it including building native mobile apps and web apps. This class will teach you to build dynamic website components and real-time applications with React.js. React is a Javascript library, developed in 2013 by Jordan Walke of Facebook. You’ll find React is both very popular and used on major sites including on Facebook, Netflix, and Khan Academy. With 83 lectures, you'll love the flexibility of using React with your favorite web technologies (except for jQuery!), and this path will take you from the fundamentals all the way up to building full apps with custom styling.

4.5/5 average rating: ★ ★ ★ ★

  • Access 83 lectures & 8 hours of content 24/7
  • Get up to speed fast with the main concepts of web development with react.js
  • Understand React components
  • Write & display data with JSX
  • Explore networking with asynchronous HTTP requests & RESTFul APIs
  • Maintain your application's state
  • Pass dynamic data with props objects
  • Take advantage of new ES6 features


Important Details

  • Length of time users can access this course: lifetime
  • Access options: desktop & mobile
  • Certificate of completion included
  • Redemption deadline: redeem your code within 30 days of purchase
  • Updates included
  • Experience level required:


  • HMTL, CSS & JS
  • Node & NPM


  • Unredeemed licenses can be returned for store credit within 30 days of purchase. Once your license is redeemed, all sales are final.
Your cart is empty. Continue Shopping!
Processing order...