Follow Us:

Full Stack Web Development with React

Master 3D Design Programs

Earn Global SOLIDWORKS (CSWA+CSWP) Certification

Advanced VLSI Design Programs

RTL Verification using System Verilog FPGA Implementation with Verilog HDL ASIC Prototyping on FPGA Physical Design and Verification ASIC RTL Design and Verification Advanced Analog Layout Design

Embedded System Design Programs

Embedded C & Microcontroller for Embedded Applications Linux & RTOS Based Embedded Systems IoT - Based Embedded Systems Embedded Firmware Development Embedded System- Design and Development

Software Engineering Programs

Web Technology and Database Full Stack Web Development with React MEAN Stack MERN Stack Advanced Concepts in Software Engineering and Development Java Full Stack Development
thumb

Full Stack Web Development with React

TBA 2 Month

Program Outcomes

  • At the completion of the program the learners will be able to:

    Design and develop responsive web pages using HTML5 and CSS3, incorporating forms, animations, and layout systems like Flexbox and Grid, with adaptive design using media queries.

    Track, manage, and collaborate on code effectively using Git and GitHub, including branching, merging, pull requests, and setting up secure SSH configurations for professional-grade version control.

    Design and manage database using MySQL, applying DDL and DML operations, using aggregate functions, and implementing queries with filters, groupings, and orderings for data analysis tasks.

    Learn To create secure RESTful APIs and build interactive UIs using React with proper state management and routing.
Indicative Content

HTML & CSS Hands-On Exercises

  • Introduction to web development
  • Fundamental HTML Elements, Relative URLs, Lists, Table, Frames, Forms, HTML 5.0, HTML and HTML5
  • Introduction to CSS
  • Colors, Text, Boxes, Styling List and Tables, create a Registration Form, Positions (Relative, Absolute, Fixed and Sticky)
  • Float, Media queries, Gradients, Flexbox, CSS grids, Transition and Animation
  • Hands-on: Building a fully Responsive Webpage

JavaScript

  • Variables
  • Data Types, Operators
  • Functions
  • Arrays and Objects
  • Loops
  • DOM Manipulation
  • Events and Event Listeners
  • ES6+ Features
  • Async Programming
  • Local Storage & Session Storage

MySQL

  • Introduction to SQL
  • SQL vs NoSQL
  • How to install MySQL
  • Commands and Operators
  • SQL Tables and Queries
  • SQL Clauses
  • Aggregate Functions
  • SQL Joins

React.JS

  • Introduction to React, JSX
  • Functional Components & Class Components
  • Props and State
  • React Events
  • Conditional Rendering
  • Lists and Keys
  • Hooks
  • useRef, useContext
  • React Router
  • Forms in React
  • Redux

Git and GitHub

  • Introduction to Git, Staging Environment, Commit, Branch, Branch Merge
  • Introduction to GitHub
  • Pull from GitHub, Push to GitHub, GitHub Branch, Pull
  • Branch from GitHub, Push Branch to GitHub, GitHub Flow and Pages
  • Git Contribute - GitHub Fork, Git Clone from GitHub, GitHub Send Pull Request
  • Git Advanced - Git Security SSH, GitHub Add SSH
  • Git Undo - Revert, Reset and Amend
Enquire Now