Duration
- 20 days of Training (6 hours a day)
- 5 days of Project Work
Target Audience
The course can be taken by:
Students: All students who are pursuing professional graduate/post-graduate courses related to computer science or Information Technology.
Teachers/Faculties: All computer science and engineering teachers/faculties.
Professionals: All IT professionals, who wish to acquire new skills or improve their existing skills.
Course Features
- Online lectures: Online live lectures.
- Updated Quality content: Content is the latest and gets updated regularly to meet the current industry demands.
Test & Evaluation
1. During the program, the participants will have to take all the assignments given to them for better learning.
2. At the end of the program, a final assessment will be conducted.
Certification
1. All successful participants will be provided with a certificate of completion.
2. Students who do not complete the course / leave it midway will not be awarded any certificate.
Topics to be covered
HTML5 (2 days)
- Creating Web Pages
- Page Structure
- Forms, Input types, Submitting Forms, Validations
- Media
CSS 3.0 (1 day)
- CSS Concepts
- Selectors
- Backgrounds and Borders
- Box Model
- Media Queries
- Responsive UI
JavaScript (3 days)
- Language Features
- Data Types
- Expressions and Operators
- Statements and declarations
- For, foreach, etc.
- Scopes (function, global, lexical) and this
- Objects and Functions
- Standard Objects
- Hoisting
- Execution Context
- Object-Oriented Programming: Inheritance, Polymorphism
- Closures
- Callbacks
- Timeout API's
- Arrays and Data Structures
- Document Object Model (DOM)
- Ajax
- Built-in objects: Object API's, Function API's, Array API's
- Asynchronous JavaScript
- Patterns: Module, IIFE
- Web Storage: Local Storage, Session Storage
- Geolocation
- Web Sockets
- Web Workers
ES 6/7 (2 days)
- Block scopes: let, const
- Spread and Rest operators
- Arrow functions
- Destructuring
- Template Literals
- Object Literal Extensions
- For..of
- Classes
- ES6 Modules
- Promises
- ES6 new API's: Object, Array
- Async/await
- Fetch API’s
JSON
- JSON format
- Parsers and API's
- Project: Including HTML, CSS, and JavaScript (3 days)
Node.js (2 days)
- The Node.js framework
- Using Node.js to execute scripts
- Node Architecture
- Global Object and Process
- Node Modules
- The Node Package Manager
- Creating a project
- The package. JSON configuration file
- Global vs. local package installation
- Npm Command
- Publishing Your Package
React (10 days)
- Client-side vs Server-side Technologies
- Components and JSX
- Babel
- Create-react-app toolchain
- Class and functional components
- State management
- Props
- Event Handling
- Controlled and uncontrolled inputs
- Component Lifecycle
- Pure components
- Immutable Data structures
- React Hooks: state, effect, ref, context, reducer, imperative.
- useMemo
- forwardRef
- Errors and debugging
- React Dev Tools
- Server communications
- Axios
- Request and Response transformations
- Understand CORS
- Redux: Store, multiple reducers, action creators, async operations using thunk
- React context
- Single Page Applications
- React router Dom
- Unit testing
- React Material UI: Responsive UI, Data Table, Button, CheckBox, radio, Text Field, Menu, Card, Icons
- Code splitting
- Deployment
Final Project – Including all the concepts learned (5 days)