Programming Basics with JavaScript Basics and OOP

• Operators, Variables, Primitive Data Types, Loop Basics
• Conditional Statements
• Equality and Inequality Operators, Strict Equality and Strict Inequality Operators
• String, Concatenation, Bracket notation, length, AND, OR, !=, Common Problems
• Array Traversal, push(), pop(), shift(), unshift(), Common Problems, Array of Strings
• Classes and Objects, dot operator, Objects and Properties, Objects and Methods, Inheritance between classes

Modern JavaScript ES6

• let and const keywords
• Working with Functions in JavaScript
• Concept of Scopes – Global vs Local Scopes
• Function expressions and arrow functions
• Object destructuring, spread operator, this and bind()
• Arrays and functions (map, filter, reduce)
• Modules
• Imports & Exports

React Core

• Introduction
• Setup development environment
• Understand Project Structure and modules
• Working with component structure
• Web Programming – Introduction, Basic terminologies
• Data Binding - Property binding, Event, Props Binding
• Handlers and Arguments
• Working with State - Updating, Props and State
• Handling state changes
• Lifecycle Hooks - Mounting, Updating, Unmounting
• Conditional Rendering

React Advanced

• Lists - Add, Delete, Update
• Pagination
• Filtering and sorting
• Routing
• Loading components
• Navigation with Links
• Understanding Navigation paths
• Parameters – Route, Query and Optional parameters
• Form elements (text, textbox, checkbox, date, etc )
• Submissions
• Refs
• Elements and inputs
• Validation of forms
• http requests (GET, PUT, DELETE, UPDATE)
• basic services
• data manipulation
• error handling
• Registering users
• Log in & log out
• Error handling
• Levels of authorization(concept of roles)

Project

Use the knowledge gained in this course to complete a ReactJS based Project of industry standards.