🌱 Advanced Studies

Web Development for Sustainability

Learn to build sustainable web applications that support environmental monitoring, climate action, and sustainable development using space data and modern web technologies.

👨‍🏫 Dr. Sounny
📅 MSS 2026

Course Overview

This advanced study explores the intersection of web development and sustainability, with a focus on applications that leverage space-based data for environmental monitoring and climate action. Students will learn to build efficient, accessible, and environmentally conscious web applications.

The course emphasizes practical skills in modern web technologies while maintaining a strong focus on sustainable design principles and the use of Earth Observation data to address real-world environmental challenges.

Learning Outcomes

  • Understand principles of sustainable web design and green computing
  • Build web applications that visualize and analyze Earth Observation data
  • Implement accessibility standards for inclusive design
  • Optimize web applications for performance and reduced carbon footprint
  • Create interactive dashboards for environmental monitoring

Curriculum

A comprehensive journey through sustainable web development practices.

01

Foundations of Sustainable Web Design

Introduction to sustainable design principles, web carbon footprint, and green hosting solutions.

Web Sustainability Carbon Footprint Green Hosting Efficient Code
02

Modern Frontend Technologies

HTML5, CSS3, and JavaScript fundamentals with focus on performance optimization.

HTML5 Semantics CSS Grid & Flexbox JavaScript ES6+ Performance
03

Earth Observation Data Integration

Working with satellite data APIs, mapping libraries, and geospatial visualization.

Satellite APIs Leaflet/Mapbox GeoJSON Data Visualization
04

Building Climate Dashboards

Creating interactive dashboards for environmental monitoring and climate data visualization.

D3.js Chart.js Real-time Data Responsive Design
05

Accessibility & Inclusive Design

WCAG guidelines, screen reader compatibility, and designing for all users.

WCAG 2.1 ARIA Labels Color Contrast Keyboard Navigation
06

Final Project

Build a complete sustainability-focused web application using Earth Observation data.

Project Planning Implementation Testing Deployment

Course Projects

Apply your learning through real-world sustainability projects.

🌡️

Climate Data Dashboard

Build an interactive dashboard displaying temperature anomalies and climate trends using NASA data.

View Details →
🌲

Deforestation Monitor

Create a web app that tracks forest cover changes using satellite imagery APIs.

View Details →
💨

Air Quality Tracker

Develop a real-time air quality monitoring application with location-based data.

View Details →
🌊

Ocean Health Visualizer

Visualize ocean temperature, acidity, and marine ecosystem data from space sensors.

View Details →

Resources

📚

Course Materials

Lecture slides, code examples, and reading materials will be available here.

Access Materials →
💻

Code Repository

GitHub repository with starter code, templates, and project scaffolds.

View Repository →
🔗

External Resources

Curated list of tools, APIs, and learning resources for sustainable web development.

Browse Resources →