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

18 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

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

Back vs Front: Full‑Stack Overview

Quick tour: Front-end, Back-end, Full‑Stack & Main Solutions

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

web-development full-stack overview

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: 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

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

Database Integration for Full-Stack Apps

Express + MySQL Integration Patterns

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

Lecture notes Slides

database mysql express integration Lecture

Practice 5 — Database Integration

Express + MySQL Integration for Review Aggregator

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

Practice Database MySQL Express Integration

Full-Stack Integration — Teams Practical

Connect React Frontend with Express Backend (Teams Session)

This file is a practical session for Teams that merges the lecture and practice content to build a first version of the full-stack integration of the review aggregator app.

Practice sheet Slides

full-stack integration CORS Practical

Réutilisation