Unit I: Introduction to JavaScript Basics
Introduction to JavaScript, linking JavaScript with HTML, variables, data types, operators, control
flow, loops, functions, arrays, objects, DOM manipulation, event handling, basic form validation, and
ES6 features.
Unit II: Introduction to React and JSX
Introduction to [Link], component-based architecture, JSX syntax, functional and class
components, project setup using modern tooling, folder structure, development workflow.
Unit III: State, Props, Events & Forms
Props and component communication, state management using useState, event handling, controlled
and uncontrolled forms, form validation techniques.
Unit IV: Routing, Hooks & API Integration
React Router for navigation, React hooks including useState and useEffect, lifecycle concepts, API
integration using fetch and axios, asynchronous operations, loading and error state handling.
Unit V: State Management, Debugging & Deployment
Context API for global state management, fundamentals of Redux, debugging techniques using
browser developer tools, building optimized production builds, deployment of React applications.
Learning Resources
Textbooks
1. S. Stefanov, React: Up & Running-Building Web Applications, 2nd ed., O'Reilly Media, 2017.
2. E. Freeman and E. Robson, Head First JavaScript Programming, O'Reilly Media, 2014. Reference
Books
3. Mozilla Developer Network (MDN), JavaScript and Web APIs Documentation.
4. A. Banks and E. Porcello, Learning React: Modern Patterns for Developing React Apps, 2nd ed.,
O'Reilly Media, 2020.
5. University of Helsinki, Full Stack Open: Deep Dive Into Modern Web Development, 2023. Online
Resources
• React Official Documentation - [Link]