React.js: A JavaScript library for building user interfaces, particularly single-page
applications.
○ Components: The building blocks of a React application, each representing a
part of the UI.
○ State & Props: State holds the data that can change over time, while props are
inputs to a component.
○ Hooks: Functions that let you use state and other React features without writing
a class.
○ Context API: A way to share values like themes or authenticated users between
components without passing props down manually at every level.

○ React Router: A library for routing in React, allowing you to build a single-page
web application with navigation.
○ Redux: A state management tool, used to manage the state of the application in
a predictable way.
○ Styled Components: A library that allows you to write CSS in your JavaScript,
giving you the full power of CSS with the advantages of scoped styling.

Version Control with Git & GitHub:
○ Git: A distributed version control system that lets you track changes in your code.
○ GitHub: A platform for hosting Git repositories, allowing collaboration on code
projects.

● CI/CD Pipelines: Jenkins, Docker, Kubernetes basics:
○ CI/CD (Continuous Integration/Continuous Deployment): Practices that
enable code changes to be automatically tested and deployed.
○ Jenkins: An open-source automation server that helps automate parts of the
software development process.
○ Docker: A platform for developing, shipping, and running applications inside
containers.
○ Kubernetes: A system for automating the deployment, scaling, and management
of containerized applications.
● Cloud Deployment: AWS (EC2, S3), Heroku, Netlify:
○ AWS (Amazon Web Services): A comprehensive cloud platform offering
services like EC2 (computing) and S3 (storage).
○ Heroku: A platform-as-a-service (PaaS) that enables developers to build, run,
and operate applications entirely in the cloud.
○ Netlify: A platform for deploying static sites and apps, known for its ease of use.

● Progressive Web Apps (PWA): Service Workers, Offline Support, Web App
Manifest:
○ PWA: Web applications that have the look and feel of native apps, offering offline
capabilities and other advanced features.
○ Service Workers: Scripts that run in the background, enabling features like
offline support and push notifications.
○ Web App Manifest: A JSON file that defines the metadata of your PWA, such as
its name, icons, and how it should appear when launched.

○ Lazy Loading: A technique to delay the loading of images or other resources
until they are actually needed.
○ Image Optimization: Techniques to reduce the size of images to improve web
performance.
○ Minification: The process of removing unnecessary characters from code
without changing its functionality, improving load times.

● GraphQL: Schema, Queries, Mutations, Apollo Client:
○ GraphQL: A query language for APIs that allows clients to request exactly the
data they need.
○ Schema: Defines the structure of the data that can be queried.
○ Queries & Mutations: Queries are used to fetch data, and mutations are used to
modify data.
○ Apollo Client: A popular client for interacting with GraphQL APIs.
● Web Security: OWASP Top 10, Secure Coding Practices, HTTPS, CSP:
○ OWASP Top 10: A list of the top ten most critical web application security risks.
○ Secure Coding Practices: Techniques to write code that is resistant to common
security vulnerabilities.
○ HTTPS: A protocol for secure communication over the web, encrypting the data
exchanged between the client and server.
○ CSP (Content Security Policy): A security measure to prevent certain types of
attacks, like Cross-Site Scripting (XSS).
● Machine Learning with Python: Basics of ML, Integration with Django:
○ Machine Learning (ML): A field of AI that focuses on building systems that can
learn from and make decisions based on data.
○ Integration with Django: Using Django to create web applications that leverage
machine learning models to provide intelligent features.

Full-Stack Project: Implementing an end-to-end web application
incorporating all learned technologies.
Focus on Real-world Problem Solving: Project planning, Agile
methodologies, Presentation skills.