Technologies Web
Une introduction au développement Web.
Support de cours
Les présentations sont publiées avant le début du cours.
- Organisation (web, print)
- Introduction (web, print)
- HTML & CSS (web, print)
- CSS Diner
- Flexbox Froggy
- Grid Garden
- CSS Grid Generator
- CSS Flex Generator
- MDN HTML Style Guide
- MDN CSS Style Guide
- JavaScript (web, print)
- Nouvelle personne chargée de cours !
- regexone
- Elevator Saga
- JS Robot
- Js Is Weird
- What does the double not operator do?
- Object Oriented JavaScript (web, print)
- MDN JavaScript Object Prototype
- MDN JavaScript Object-oriented programming
- MDN Canvas
- MonsterJS
- Untrusted
- 2D Breakout game
- Test your skills: Object-oriented JavaScript
- RequestAnimationFrame example
- SetInterval example
- Testing JavaScript Applications (web, print)
- Course evaluation
- Really helpful illustration of JS array methods
- Discussion: Variable scopes
- JavaScript testing best practices
- Client Server applications (web, print)
- Create a media player application using MVC · Result
- Create an interactive drawing application with a frontend and a backend
- Complete introduction to the most useful JavaScript array methods
- W3Schools JavaScript Arrays
- Network Programming (web, print)
- example-chat
- loading example
- Exercises: CSS Transitions and Animations
- Exercises: Basic HTML, CSS, JavaScript
- JavaScript Array Exercise
- Test your skill: Functions
- Test your skill: Loops
- Test your skill: Arrays
- Map, Filter, Reduce - Code Exercises
- JavaScript Array Methods
- JavaScript Array Methods Exercises
- SSE example
- Asynchronous Programming & REST (web, print)
- Practical : JavaScript promises, mastering the asynchronous
- Practical : JavaScript Asynchronous
- Practical : JavaScript Async
- Practical : JavaScript Promise
- Practical : JavaScript Callback
- Practical : JavaScript Promises Exercises
- Building a REST API with Spring Boot
- MDN Asynchronous Concepts
- MDN Introducing asynchronous JavaScript
- MDN Async Await
- Basic Promises
- MDN Promises
- Tasks, microtasks, queues and schedules
- VIDEO : JavaScript Visualized - Event Loop, Web APIs, (Micro)task Queue by Lydia Hallie
- JavaScript Visualizer - Step Through Code
- Security (web, print)
- Frontend framework (web, print)
- React essentials (web, print)
- React `useEffect` Hooks
- Create an interactive drawing application with a frontend and a backend
- Every React Concept Explained in 12 Minutes
- React Tutorial: Tic Tac Toe
- React: Quick Start
- React `useEffect` Examples
- Next.js Tutorial: Dashboard App
- Typescript (web, print)
Laboratoires
Le délai de rendu de chaque laboratoire sera géré via GitHub Classroom
- Hello, World!
- HTML & CSS
- 2 - Tetris - 1 -JS
- 3 - Tetris - 2 - Interactions - TUESDAY
- 3 - Tetris - 2 - Interactions - WEDNESDAY
- 4 - Multi page applications - TUESDAY
- 5 - Tetris - 3 - WebSockets - TUESDAY
- 5 - Tetris - 3 - WebSockets - WEDNESDAY
- 6 - Security - TUESDAY
- 6 - Security - WEDNESDAY
- 7 - React Libre - TUESDAY
- 7 - React Libre - WEDNESDAY