Advanced Web Development

About This Course

Aim

Workshop Objectives

Workshop Structure

Week 1: Advanced Frontend Development

Module 1: Modern JavaScript and ES6+ Features

• Advanced JavaScript Concepts
  • Closures, hoisting, and prototypes.
  • ES6+ features (let, const, arrow functions, destructuring, promises, async/await).
• Working with APIs
  • Fetching data using fetch() and Axios.
  • Handling RESTful APIs and error handling.

Hands-On Lab:

• Building a real-time API fetch application with JavaScript.

Module 2: Advanced CSS and Frontend Frameworks

• CSS Preprocessors and Styling Strategies
  • SCSS/SASS and CSS modules.
  • CSS-in-JS with Styled Components.
• Frontend Frameworks (React, Vue, or Angular)
  • State management using React Context API/Redux/Vuex.
  • Component lifecycle and hooks in React.

Hands-On Lab:

• Building a multi-page application using React or Vue.

Week 2: Backend Development and Database Optimization

Module 3: Backend with Node.js and Express.js

• Building a Scalable Backend with Express.js
  • Setting up an Express.js server.
  • Middleware, authentication, and authorization.
• Database Management with MongoDB/PostgreSQL
  • Advanced CRUD operations.
  • Indexing and query optimization.

Hands-On Lab:

• Creating a REST API with Express.js and MongoDB/PostgreSQL.

Module 4: Authentication and Security Best Practices

• User Authentication and Authorization
  • JWT and OAuth for authentication.
  • Role-based access control (RBAC).
• Security Best Practices
  • Preventing SQL injection, XSS, and CSRF attacks.
  • Implementing HTTPS and secure headers.

Hands-On Lab:

• Implementing user authentication using JWT in a full-stack application.

Week 3: Performance Optimization, DevOps, and Deployment

Module 5: Web Performance Optimization

• Optimizing Frontend Performance
  • Code splitting and lazy loading.
  • Image optimization and caching strategies.
• Optimizing Backend Performance
  • Load balancing and database indexing.
  • Caching with Redis or Memcached.

Hands-On Lab:

• Optimizing a web application for speed and performance.

Module 6: DevOps, CI/CD, and Deployment

• Continuous Integration & Continuous Deployment (CI/CD)
  • Automating builds with GitHub Actions/Jenkins.
  • Docker and containerization for web applications.
• Cloud Deployment and Serverless Computing
  • Deploying applications on AWS/GCP/Azure.
  • Serverless functions with AWS Lambda and Firebase.

Hands-On Lab:

• Deploying a full-stack application using Docker and CI/CD.

Who Should Enrol?

Workshop Outcomes

Fee Structure

What You’ll Gain