Web Development for E-commerce

Full-Stack Development with Node.js, React, MySQL, and AI Assistance

Auteur

Affiliations

Université de Toulon

LIS UMR CNRS 7020

Date de publication

2025-10-11

Résumé

Introduction to full-stack web development with a focus on e-commerce applications. Learn to build, deploy, and manage web applications using modern technologies and best practices. LLM-assisted development is integrated throughout the course. Introduction to Node.js, React, connecting MySQL, REST APIs, and more.

Course materials

15 items

Introduction — Web Development & E‑commerce

Introduction to the Course & Core Concepts

Overview of course goals, core web-development concepts for e‑commerce, and AI-assisted tools.

Lecture notes Slides

web development e-commerce introduction full-stack modern web Lecture

JavaScript Full-Stack Web Development — Course Guide

L3 LPECMN — Fall 2025

Course lectures and practices for JavaScript full‑stack web development with AI‑assisted workflows.

web development e-commerce introduction full-stack modern web Lecture

LLM Quick Start for Developers

Essential AI-Assisted Development Skills

Course lectures and practices for JavaScript full‑stack web development with AI‑assisted workflows.

Lecture notes Slides

LLM AI-Assisted Development GitHub Copilot Practical Skills Lecture

Advanced LLM Concepts for Developers

Deep Dive into AI-Assisted Development (Optional)

Course lectures and practices for JavaScript full‑stack web development with AI‑assisted workflows.

LLM AI-Assisted Development Advanced Topics Optional Reading

HTML & CSS Essentials for AI-Assisted Development

Generate, Verify & Improve AI-Generated Markup

Course lectures and practices for JavaScript full‑stack web development with AI‑assisted workflows.

Lecture notes Slides

HTML CSS AI-Assisted Development Semantic Markup Lecture

Team Project: Multi-Source Product Review Aggregator

Full-Stack Web Application Project

Course lectures and practices for JavaScript full‑stack web development with AI‑assisted workflows.

web development e-commerce full-stack modern web Lecture

Practice 1 — HTML/CSS with LLM Assistance

Building a Product Review Interface

Course lectures and practices for JavaScript full‑stack web development with AI‑assisted workflows.

Practice HTML CSS LLM AI-Assisted Development

JavaScript for React

Essential Foundations for Modern Web Development (AI-Assisted Learning)

Course lectures and practices for JavaScript full‑stack web development with AI‑assisted workflows.

Lecture notes Slides

javascript react preparation async programming AI-Assisted Development Lecture

Advanced JavaScript Concepts

Optional Deep Dive Material for Session 2 (Optional)

Course lectures and practices for JavaScript full‑stack web development with AI‑assisted workflows.

Optional Reading Advanced

Practice 2: JavaScript for React — Product Review Interface

Building the frontend foundation for Multi-Source Product Review Aggregator

Course lectures and practices for JavaScript full‑stack web development with AI‑assisted workflows.

Practice JavaScript DOM Async AI-Assisted Development

React Frontend Development

Building Interactive UIs with Modern React

Course lectures and practices for JavaScript full‑stack web development with AI‑assisted workflows.

Lecture notes Slides

react frontend AI-assisted development Lecture

Practice 3 — React Review Aggregator Frontend

Build Interactive Product Review Interface with React

Course lectures and practices for JavaScript full‑stack web development with AI‑assisted workflows.

Practice React Frontend Review Aggregator

Node.js & Express Backend Development

Building REST APIs for Full-Stack Applications

Course lectures and practices for JavaScript full‑stack web development with AI‑assisted workflows.

Lecture notes Slides

nodejs express backend API development Lecture## Node.js & Express Backend 🚀 {.center}

Practice 4 — Node.js Express Backend

Build REST API for Review Aggregator with Database Integration

Course lectures and practices for JavaScript full‑stack web development with AI‑assisted workflows.

Practice Node.js Express Backend MySQL

Practice 5 — Database Integration and full-stack wiring

Express + MySQL: hands-on practice.

A practice for integrating an Express API with MySQL and the React frontend. Students should already know basic SQL and MySQL. The session focuses on practical patterns: connection pools, parameterized queries, transactions and error handling.

Practice Database MySQL Express Integration Full-stack

Réutilisation