LP ECMN — Web Languages

Introduction to Web Development: FullStack with JavaScript, React for the front-end and Express for the back-end.

Author

Affiliations

Emmanuel BRUNO

Université de Toulon

LIS UMR CNRS 7020

Published

2026-10-21

Web Development

Web development

Introduction to Web development for e-commerce

2026-10-21

Emmanuel BRUNO

JavaScript Full-Stack Web Development — Course Guide

Course Contract · L3 LPECMN — Fall 2026

The course contract for the 18-hour JavaScript full-stack web development course: prerequisites, the one-app spine, the review-layer capstone, the 6-session schedule, the 10/60/30 assessment, and…

2026-10-21

Emmanuel BRUNO

Introduction — Full-Stack Web Development

The Course, the One App, and the Spine

Orientation for the course: we anchor everything to a single working full-stack app, fullstack-minimal-app — a React + Vite + Tailwind frontend, a Node.js/Express REST backend, and a MySQL…

2026-10-21

Emmanuel BRUNO

AI Quick Start

The generate → verify → integrate → commit loop for AI-assisted development

A hands-on introduction to AI-assisted full-stack development. You will set up an AI assistant — any editor-based or chat tool you prefer — learn the CRISP prompting framework, and run every change…

2026-10-21

Emmanuel BRUNO

Advanced LLM Concepts for Developers

What Happens Beneath the Prompt (Optional)

An optional deep dive into the mechanics behind AI-assisted development: how tokens, context windows, self-attention, and the training pipeline shape what a model can do for you; how embeddings…

2026-10-21

Emmanuel BRUNO

S0 Practice — AI Quick Start: Your First generate → verify → integrate → commit Loop

Produce a static review card (HTML/CSS) and ship it in one commit

Your first hands-on in the course. You create a small static mini-project (HTML + CSS, no framework, no programming language), then you run the uniform generate → verify → integrate → commit loop…

2026-10-21

Emmanuel BRUNO

HTML & CSS Essentials

Semantic HTML, the Box Model, Flexbox, Grid & Responsive — the static foundation

The static foundation of the presentation layer. You refresh semantic HTML (document structure, landmarks, text, lists, links, images, tables, forms, SEO, accessibility) and CSS fundamentals (the…

2026-10-21

Emmanuel BRUNO

Building the Static Review Card (S1 Practice)

A static review card in semantic HTML + CSS, prompted with CRISP in an AI chat

Build the static review card — the S1 milestone of the WebLang capstone — as a 100% static page (semantic HTML + CSS, no JS, no framework): one featured review card laid out with Flexbox and a…

2026-10-21

Emmanuel BRUNO

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.

2026-10-21

Emmanuel BRUNO

JavaScript for React

The async + data foundation that turns a static card into a live app

You built a static review card in Session 1. This session hands you the JavaScript that makes it live: modern JS in practice, async/await + Promises + fetch, and a clear answer to *why React…

2026-10-21

Emmanuel BRUNO

JavaScript & async — Practice

Vanilla JS + fetch of local JSON review data, AI-assisted (Session 2)

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

2026-10-21

Emmanuel BRUNO

React Frontend Development

Building the Multi-Source Review Aggregator UI in React

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

2026-10-21

Emmanuel BRUNO

React Review UI — Practice

Convert the vanilla-JS review list into sample-data-fed React review components, ready for the backend (Session 3)

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

2026-10-21

Emmanuel BRUNO

Node.js & Express: The Backend

The Product Catalog REST API — and the Review Routes that Extend It

Course lectures and practices for JavaScript full‑stack web development with AI‑assisted workflows. This session takes you from the React frontend (Session 3) to the backend that powers it: the…

2026-10-21

Emmanuel BRUNO