Full Stack Development
1. Introduction to Modern JavaScript and DOM
a. Write a JavaScript program to link JavaScript file with the HTML page
b. Write a JavaScript program to select the elements in HTML page using selectors
c. Write a JavaScript program to implement the event listeners
d. Write a JavaScript program to handle the click events for the HTML button elements
e. Write a JavaScript program to With three types of functions
i. Function declaration
ii. Function definition
iii. Arrow functions
2. Basics of React. js
a. Write a React program to implement a counter button using react class components
b. Write a React program to implement a counter button using react functional components
c. Write a React program to handle the button click events in functional component
d. Write a React program to conditionally render a component in the browser
e. Write a React program to display text using String literals
3. Important concepts of React. js
a. Write a React program to implement a counter button using React use State hook
b. Write a React program to fetch the data from an API using React use Effect hook
c. Write a React program with two react components sharing data using Props.
d. Write a React program to implement the forms in react
e. Write a React program to implement the iterative rendering using map() function.
4. Introduction to Git and GitHub
a. Setup
o Install Git on local machine.
o Configure Git (user name, email).
o Create GitHub account and generate a personal access token.
b. Basic Git Workflow
o Create a local repository using git init
o Create and add files → git add .
o Commit files → git commit -m "Initial commit"
o Connect to GitHub remote → git remote add origin <repo_url>
o Push to GitHub → git push -u origin main
c. Branching and Collaboration
o Create a branch → git checkout -b feature1
o Merge branch to main → git merge feature1
o Resolve merge conflicts (guided)
5. Upload React Project to GitHub
o Create a new React app using npx create-react-app myapp
o Initialize a git repo and push to GitHub
o Use .gitignore to exclude node_modules
o Create multiple branches: feature/navbar, feature/form
o Practice merge and pull requests (can use GitHub GUI)
6. Introduction to Node. js and Express. js
a. Write a program to implement the ‘hello world’ message in the route through the browser
using Express
b. Write a program to develop a small website with multiple routes using Express. js
c. Write a program to print the ‘hello world’ in the browser console using Express. js
d. Write a program to implement the CRUD operations using Express. js
e. Write a program to establish the connection between API and Database using Express –
My SQL driver
7. Introduction to My SQL
a. Write a program to create a Database and table inside that database using My SQL
Command line client
b. Write a My SQL queries to create table, and insert the data, update the data in the table
c. Write a My SQL queries to implement the subqueries in the My SQL command line
client
8. Team Collaboration Using GitHub
o Form groups of 2–3 students
o Create a shared GitHub repo
o Assign tasks and work in branches
o Use Issues, Pull Requests, and Code Reviews
o Document code with [Link]