Learn React JS without prior web development experience with a detailed and hands-on course.

What you'll learn

Develop a complete React JS front-end application

Develop a data-driven web application

Solve programming logic problems with React JS

Understand the necessary steps to solve problems with React JS

Requirements

No previous HTML or CSS experience is needed. Basics of javascript are reocmmended but not necessary.

Description

This course will provide a series of nine classes in which all basic ReactJS concepts will be explored with one goal in mind: to re-create a project that has been shown in the very beginning of the course. The students will be able to engage in an purpose-driven learning process with fast yet understandable classes guided by a practical project which should make students aim at an attainable yet exciting goal. The course will not require any previous knowledge either of HTML, CSS or javascript, even though some programming experience and familiarity with things such as functions and return values would be welcome, they are not utterly necessary for the undertaking of the classes and its utmost grasping. The classes will be delivered in a structured way, providing ease of reusability in any situation in which it might prove necessary. The course takes theory and practice hand in hand and applies them together from the very beggining, with challenges along the way which will greatly increase the engagement of the student with the course and its overall understanding and grasping. One who is to enroll this course should expect a basic understanding of the most important and essential React JS rules and concepts as to in the end of it be able to think about React JS, reason with its tools and think about solutions for new problems. Of course such ability does not come within three hours of classes, but the tools are given and the table is set for the formation of a truly capable developer when added to his/her own experience.

Overview

Section 1: Introdução

Lecture 1 What we will achieve

Lecture 2 Set up ReactJS Online Environment

Lecture 3 Set up ReactJS Local Environment

Lecture 4 ReactJS Basics - JSX

Lecture 5 ReactJS Basics - Custom Components

Lecture 6 ReactJS Basics - useState hook

Lecture 7 ReactJS Basics - useEffect hook

Lecture 8 ReactJS Basics - Props

Lecture 9 ReactJS Basics - map method

Lecture 10 ReactJS Basics - Spread Operator

Lecture 11 ReactJS Basics - find method

Lecture 12 ReactJS Basics - filter method

Lecture 13 ReactJS In Practice - Custom Components

Lecture 14 ReactJS In Practice - Custom Components 2

Lecture 15 ReactJS In Practice - Functionalities 1

Lecture 16 ReactJS In Practice - Functionalities 2

Lecture 17 ReactJS In Practice - Functionalities 3

Lecture 18 ReactJS In Practice - Functionalities 4

People that want to start to study or to take on web-development again with modern technologies.