2024-02-29

Monque Recherche et p-r datn

18/04/2024

Layla

Ihssan

-Abdessamad Allouani

-Ikkou Abd Ellah

DEV 102 1er année | 09/05/2024

Participant :

Guennouni-Assimi Kaoutar

Marchich Hajar

Hahioui Hajar

--------

DEV201

-Allouani Abdessamad

-Ikkou Abd Ellah

-Benmoumen Ilyas

Participant :

NAJI Anouar

SAIDI Mounir

AMRAOUI Badr

Fait par : Boukhriss

-Houda Kouach

-Fatima Azzahrae Aabidi

-Fatima Zahra Grioui

css code =>

table{
    width: 100%;
    text-align: center;
}
tr:nth-child(even) {background-color: #f2f2f2;}
.title{
    text-align: center;
    text-decoration: underline;
}

css animation :

AIT-HAMMI ABDELALI

Mohamed Amine MOMEN

comme

Devowfs202

import style!!!!

-composer install

-adjust env file (db = sqlite)

-run php artisan migrate if change db type

-run server

RIZKI AYOUB |

ALLOUANI ABDESSAMAD|

04/10/2025

21-04-2025

OTMANE ELOUASSOULI

Amine Boubekraoui

Hafsa talibi

DevOWFS201

DevOWF201

DEV101

DEV102

KARFAL Douae -DEV102-

BEN TAUAIT Hajar

WALID SETTIH

Roqaya BENLAFQIH

Marwane HAFIDI

DEVOWFS202

Walid Settih

Amine Boubekraoui

Amine Bouhouch

Marwane Hafidi

Mohamed amine mahjoubi

mohamed amine skouchi

charif alaoui hamidi

YOUSSEF OUZINE

ABDELBAST BOUGHARI

DEV 101

BEN TAUAIT Hajar, MADANI Sara, ESSAFI Imane, BENLAFQIH Roqaya

BEN TAUAIT Hajar, MADANI Sara, ESSAFI Imane, BENLAFQIH Roqaya

DEVOWFS201

Amine boubekraoui

Walid setteh

Amine bouhouch

DEVOWFS201

Mohamed Reda hadbi

Hiba berki

Chaymae ezzine

BEN TAUAIT Hajar, MADANI Sara, ESSAFI Imane, BENLAFQIH Roqaya

salma ait taleb

majda benito

KHalid Azane

ELmanssouri Ahmed

Imrane OUbra

BEN TAUAIT Hajar, MADANI Sara, ESSAFI Imane, BENLAFQIH Roqaya

Amine boubekraoui

Walid setteh

Amine bouhouch

ELmanssouri Ahmed

Khalid Azane

Imrane Oubra

Mohamed Amine

DEVOWFS201

DEVOWFS201

Hafsa TALIBI

BEN TAUAIT Hajar, MADANI Sara, ESSAFI Imane, BENLAFQIH Roqaya

Walid EL KAHDIR

Mohamed Amine BAHRA

Badr AMRAOUI

ABDELHAKIM DRISSI

MOHAMED OUHOUJLAN

ABDELBAST BOUGHARI

WALID ALMADAH

Ben tauait Hajar

Essafi Imane

Roqaya Benlafqih

Ben tauait Hajar

Essafi Imane

Amine boubekraoui

Amine bouhouch

Youssef belghiti

Amine boubekraoui

Amine bouhouch

Youssef belghiti

HAFSA TALIBI

HAFSA TALIBI

Badr AMRAOUI

--------------------------------

Dev102

Amine boubekraoui

Youssef belghiti

Amine bouhouch

Badr AMRAOUI

Walid EL KHADIR

groupe 1:

Fatima-Zahrae Archida

Hiba Moussaoui

Fatima-Zahrae Lyousfi

Sara

Question au public:

• Quelle est la différence entre une police installée sur l’ordinateur (ex : Arial) et une police chargée depuis un CDN comme Google Fonts (ex : Pacifico) ?

• Pourquoi utilise-t-on la balise <link> pour ajouter une police Google Fonts au lieu de l’écrire directement dans une balise <style> ?

HAFSA TALIBI

Mohamed Amine BAHRA

WALID EL KHADIR

ABDELHAKIM-DRISSI

MOHAMED-OUHOUJLAN

ABDELBAST- BOUGHARI

WALID ALMADAH

SET DES ICON(https://icons.getbootstrap.com/)

Settih walid

ouzine youssef

achraf bouzid

khalid Azane

Ahmed ELmanssouri

Imrane Oubra

mohamed amine skouchi

ALI OULAHCEN

J'ai préparé un dossier nommé components qui contient tout ce qu'il faut pour réviser React JS.

Tout le code est commenté pour comprendre la logique facilement. C'est idéal pour préparer les examens.

Contenu du dossier :

1. Cours (Topics 1-13) :

   • Bases (JSX, Props, State), Hooks (useEffect, Context) et Concepts Pro (Axios, Redux Toolkit).

2. Exercices (TPs) :

   • E-Commerce : Gestion panier (Ajout, total, quantité).

   • CRUD : Gestion complète (Ajouter, Modifier, Supprimer, Chercher).

3. Bonus : Examens Corrigés :

   • Correction EFF 2023, 2024 et EFF 2025 (avec Redux).

Comment installer le projet ? (Important)

Suivez ces étapes car j'ai tout mis dans le même dossier :

1. Créez votre projet React :

npx create-react-app revision-react
cd revision-react

2. Placez les fichiers :

• Prenez le dossier composants que vous avez téléchargé et placez-le dans le dossier src de votre projet.

• IMPORTANT : Ouvrez le dossier components, prenez le fichier App.js, et déplacez-le dans le dossier src (remplacez l'ancien App.js).

3. Installez les bibliothèques :

Le code utilise le Routing, Axios et Redux. Tapez ça dans le terminal :

npm install react-router-dom axios @reduxjs/toolkit react-redux

4. Lancez le site :

npm start

Bon courage à tous.

DEVOWFS: 202

ABDENOUR AMARI

Dev:101

ABDELHAKIM-DRISSI

MOHAMED-OUHOUJLAN

ABDELBAST- BOUGHARI

WALID ALMADAH

Graphe de depondance fonctionelle (GDF)

khalid azane

ahmed elmanssouri

imrane oubra

Ahmed Elmanssouri

khalid azane

Imrane oubra

Ben tauait hajar

Essafi imane

Roqaya BANLAFQIH

Sara MADANI

lien:

https://docs.google.com/spreadsheets/d/1O-C5fwHXUq9NTo1BYbAweC-O4RroqWBAZ7gWJvkMKWk/edit?usp=sharing

Dev:101

ABDELHAKIM-DRISSI

MOHAMED-OUHOUJLAN

ABDELBAST- BOUGHARI

WALID ALMADAH

BEN TAUAIT Hajar

ESSAFI Imane

ABDELHAKIM-DRISSI

MOHAMED-OUHOUJLAN

ABDELBAST- BOUGHARI

WALID ALMADAH

BALAHBIB WIDAD

BAALI CHAIMAE

TALIBI HAFSA

Version commentée:

DROP DATABASE IF EXISTS Location;

create database BD_Location;

use BD_Location;

create table Categorie (

#LIKE => spécifier le format de la chaine, en se basant sur des méta-caractère

#(_:n'importe quel caractère| [a-z]:lettre de 'a' jusquà 'z' | [A-Z]:lettre de 'A' jusquà 'Z' | [0-9]:chiffre de '0' jusquà '9'

#| %:n'importe quelle chaine; aussi [a-zA-Z])

Codecat varchar(5) check(Codecat LIKE '_____'),

libelle varchar(50) not null,

constraint Codecat primary key (Codecat))

engine=Innodb;

create table Engin (

idEngin int auto_increment,

Nom varchar(30),

codeCat varchar(5),

etat varchar(11) check (etat = 'Disponible' or etat = 'Maintenance' or etat = 'Lou��'), #check (etat in ('Disponible', 'Maintenance','Lou��')

constraint idEngin primary key (idEngin),

constraint codecat foreign key (codeCat)

references Categorie(Codecat)

on update cascade)

engine=Innodb;

create table Location (

idLoc int auto_increment primary key,

dateDebut date,

dateFin date check (dateFin >= dateDebut),

idEngin int,

NomClient varchar(30),

constraint fk foreign key(idEngin) references Engin(idEngin) on delete restrict

) engine=Innodb;

# Q1

INSERT INTO Categorie (Codecat, libelle)

VALUES ('LEV01', 'Example'), ('TER01', 'example');

# Q2

insert into engin (idEngin,Nom,codeCat,etat)

values ('1','Grue mobile','LEV01','Disponible'),('2','Bulldozer','TER01','Maintenance'),('3','Namex','TER01','Lou��');

select * from engin;

#Q3

insert into location (idLoc,dateDebut,dateFin,idEngin,NomClient)

values ('24','2025/02/05','2025/02/04','1','ExNom');

select * from information_schema.table_constraints where table_name='location';

# Q4

SELECT * FROM Location WHERE CURDATE() BETWEEN dateDebut AND dateFin;

Version commentée:

DROP DATABASE IF EXISTS Location;

create database BD_Location;

use BD_Location;

create table Categorie (

#LIKE => spécifier le format de la chaine, en se basant sur des méta-caractère

#(_:n'importe quel caractère| [a-z]:lettre de 'a' jusquà 'z' | [A-Z]:lettre de 'A' jusquà 'Z' | [0-9]:chiffre de '0' jusquà '9'

#| %:n'importe quelle chaine; aussi [a-zA-Z]) n

Codecat varchar(5) check(Codecat LIKE '_____'),

libelle varchar(50) not null,

constraint Codecat primary key (Codecat))

engine=Innodb;

create table Engin (

idEngin int auto_increment,

Nom varchar(30),

codeCat varchar(5),

etat varchar(11) check (etat = 'Disponible' or etat = 'Maintenance' or etat = 'Lou��'), #check (etat in ('Disponible', 'Maintenance','Lou��')

constraint idEngin primary key (idEngin),

constraint codecat foreign key (codeCat)

references Categorie(Codecat)

on update cascade)

engine=Innodb;

create table Location (

idLoc int auto_increment primary key,

dateDebut date,

dateFin date check (dateFin >= dateDebut),

idEngin int,

NomClient varchar(30),

constraint fk foreign key(idEngin) references Engin(idEngin) on delete restrict

) engine=Innodb;

# Q1

INSERT INTO Categorie (Codecat, libelle)

VALUES ('LEV01', 'Example'), ('TER01', 'example');

# Q2

insert into engin (idEngin,Nom,codeCat,etat)

values ('1','Grue mobile','LEV01','Disponible'),('2','Bulldozer','TER01','Maintenance'),('3','Namex','TER01','Lou��');

select * from engin;

#Q3

insert into location (idLoc,dateDebut,dateFin,idEngin,NomClient)

values ('24','2025/02/05','2025/02/04','1','ExNom');

select * from information_schema.table_constraints where table_name='location';

# Q4

SELECT * FROM Location WHERE CURDATE() BETWEEN dateDebut AND dateFin;

SKOUCHI AMINE

DEV101

EL KHADIR Walid

Mohamed jobaro

Tariq bouzekri

Les applications sont organisées selon des architectures comme 1-tiers, 2-tiers, 3-tiers ou n-tiers, qui séparent généralement le système en trois couches : présentation (interface utilisateur), logique métier (traitement) et données (base de données gérée par un SGBD).

Dans le web, un serveur web héberge les sites et envoie les pages aux navigateurs via le protocole HTTP et les adresses URL. Les pages peuvent être statiques ou dynamiques, et des langages comme PHP permettent de créer des applications web dynamiques grâce à leur simplicité et leur large utilisation.

youssef belghiti alaoui

DEV101

DEVOWFS-202

Walid EL KHADIR

Travail a faire :

• Analyser le script .

• Modifier l'approche de creation du tableau de facon a effectuer un remplissage avec 10 objets stagiaire vides , puis initialiser les proprietes des-dits stagiaires.

// Il existe trois méthodes de solution, y compris celle du professeur, dans l’exercice 6.

MOHAMED AMINE SKOUCHI

ABDELHAKIM-DRISSI

1-Afficher les étudiants dont le nom dépasse 3 lettres
2-Afficher les étudiants sous format CNE-X-Y avec X qui représnete les 3 premières lettres du nom, et Y qui représente les 3 premières lettres du prénomno
3-Afficher les noms et prénoms des étudiants avec le Nom en majuscules et la première lettre des prénoms en majuscule et le reste en miniscule. 

ABDEL-HAKIM IDRISSI

Lyousfi Fatima-Zahrae

DEV 101

DEV'101

DEV101

DEV'101

MOHAMED AMINE BOUHOUCH

Fatima Zahrae Archida

DEV'101

DEV'101

# Autre methode d'enregistrement des données dans le fichier 
file_put_contents("participants.txt", $ligne . "\n", FILE_APPEND);
(amine boubekraoui)

Exercice/Rappel Développement d'un Microservice Express js /Mongo DB

HIBA-MOUSSAOUI

drissi-moussaoui-attioui

G2 — Panorama des attaques informatiques:

https://canva.link/7m2m8zghs08yo5b

G3 — Attaques Web : SQL Injection et XSS:

https://canva.link/i5jlhhzxecc1sob

G4 — Sessions, frontal HTTP et mauvaises configurations:

https://canva.link/p8sgohgaeu79rah

G5 — Se prémunir d’une tentative de piratage:

https://canva.link/it8cwvfnhxvnrsb

G6 — Confidentialiser les données clients:

https://canva.link/q48o1xwqoiu3x7o

G7 — Protection des données utilisateurs:

https://canva.link/yyil5r5q0k6bpg6

G8 — Sécuriser un service et appliquer le chiffrement:

https://canva.link/nrvpk9pxctpq3gh

youssef ouzine

achraf bouzid

https://www.canva.com/design/DAHI7GNvHlA/XUckPJ7Picwtl-fn6BDiyA/edit?ui=eyJLIjp7IkEiOiJmNzc3YzUyNi1hM2QxLTRlNzctYjI5Ni0wNWEzZDliMTI4ZDQifX0

https://canva.link/bz53r1kbw0pecgv

https://canva.link/fqs7mvgbgcu5w21

https://www.canva.com/design/DAHJSwyj0xA/iWCytHHGPKPGva0LIky9iA/edit