Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Added french study guides #315

Open
wants to merge 27 commits into
base: staging
Choose a base branch
from
Open
Changes from 1 commit
Commits
Show all changes
27 commits
Select commit Hold shift + click to select a range
1bf622d
Added a new folder with the first study document along with its frenc…
adilmezghouti Nov 20, 2022
4adaa7d
Added the remaining english documents
adilmezghouti Nov 20, 2022
39e3560
translate the second document
senyoudev Nov 22, 2022
99a6b07
Add files via upload
Yassine-Chraa Nov 23, 2022
c3a12c5
Add files via upload
Yassine-Chraa Nov 23, 2022
be4370c
project guide && convert 2 projects to markdown files
senyoudev Dec 14, 2022
a8b06e3
convert an other document to markdown file
senyoudev Dec 14, 2022
7acd333
convert an other document to markdown file
senyoudev Dec 14, 2022
2f59e88
change the name of the images:
senyoudev Dec 14, 2022
b9adda6
Delete ~$apitre 1_ Suggestions du guide d'étude des fondamentaux.docx
senyoudev Dec 14, 2022
336ccde
Guide du projet partie 3
asmaerhiati Dec 14, 2022
618a761
Guide du projet partie 3
asmaerhiati Dec 14, 2022
5cfe5de
Add files via upload
AmmariAbdelmounaim Dec 14, 2022
fb4ff15
Add files via upload
Ali-Ouazzani-H-T Dec 14, 2022
4e63a34
Add files via upload
AmmariAbdelmounaim Dec 14, 2022
bfb64c2
Update Guide de Projet Partie 1.md
AmmariAbdelmounaim Dec 14, 2022
e3cd12b
Update Guide de Projet Partie 2.md
AmmariAbdelmounaim Dec 14, 2022
79b088b
Update Guide de Projet Partie 2.md
AmmariAbdelmounaim Dec 14, 2022
bb7533c
Delete Guide de Projet Partie 1.docx
senyoudev Dec 14, 2022
1f51fa2
Delete Guide de Projet Partie 2.docx
senyoudev Dec 14, 2022
ddc36c3
Added English style guides
adilmezghouti Dec 21, 2022
8b98317
Converted study guides into markdown
adilmezghouti Dec 22, 2022
c24df3c
Merge branch 'ConsenSys-Academy:staging' into staging
adilmezghouti Dec 22, 2022
ff765a8
removed .idea folder
adilmezghouti Dec 22, 2022
826486b
renamed a study guide to be consistent with standard naming
adilmezghouti Dec 22, 2022
26111a1
Merge branch 'ConsenSys-Academy:staging' into staging
adilmezghouti Jan 16, 2023
7c34a57
Added french study guides
adilmezghouti Jan 16, 2023
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
Guide du projet partie 3
  • Loading branch information
asmaerhiati committed Dec 14, 2022
commit 336ccdef1d143455ffb61100995a6fb15d42f29b
32 changes: 32 additions & 0 deletions Study_Guides/French/Guide du projet partie 3.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,32 @@
## Consigne d’exercice
**Ajoutez une interface front-end pour votre contrat intelligent**
## Concept d’exercice
Dans le exercice précèdent, nous avons appris :

- Comment les utilisateurs s’inscrivent dans notre modelé mental du blockchain. En particulier, nous avons appris à :
- Comment les API JavaScript que nous obtenons de Web3.js ou ethers.js et un portefeuille crypto comme MetaMask se connectent au réseau Ethereum et à l’ABI généré a partir des fonctions dans notre code de contrat intelligent
- Comment ces ressources Web 3 se connectent aux ressources Web 2, comme React, pour créer une interface mélangée avec l’utilisateur

Pour cet exercice, nous aimerions que vous construisiez l’interface utilisateur pour votre projet final.

Votre projet final sera note, mais cet exercice spécifique ne sera pas note.
## Parties d’exercice
Construire une interface front-end inclura la construction de la structure de base de site web (de n’importe quelle manière vous souhaitez le faire). Vous devrez vous assurer que votre interface et l’utilisateur peuvent se connecter au réseau Ethereum via MetaMask. Votre utilisateur devrait pouvoir soumettre des transactions à votre contrat. Lorsque cette transaction est réussie, votre interface devrait être mise à jour avec l’état récemment reflété. [La documentation de MetaMask sera utile pour comprendre ce flux de travail. Consultez également leur tutoriel ici.](https://docs.metamask.io/guide/getting-started.html#basic-considerations)

Dans cet exercice, vous aurez besoin des fonctions de base pour les contrats intelligents de votre projet. Vous les utiliserez pour construire une transaction côté client.

1. **Choisissez une interface front-end que vous souhaitez utiliser pour votre projet.** Par exemple : React ou bien HTML / CSS / JS.

1. **Intégrer Web 3** Choisissez une bibliothèque JavaScript Web 3 que vous souhaitez utiliser. Nous avons parlé de [Web3.js](https://web3js.readthedocs.io/en/v1.4.0/) et [ethers.js](https://docs.ethers.org/v5/).

1. Construisez les méthodes JavaScript qui permettent à votre interface de **détecter la présence de MetaMask, de se connecter au compte courant, d’afficher des informations provenant de votre contrat intelligent, de soumettre une transaction a votre contrat, de surveiller l’état de la transaction** et **de mettre à jour l’interface** front-end si la transaction est réussie ou non.

**Une note sur le style :** *Dans ce cours, nous nous concentrons plus sur la fonctionnalité et la sécurité plutôt que sur le style. Ce n'est pas un cours de conception d'interface, c'est un cours sur Ethereum et le développement d'applications décentralisées. Nous voulons simplement que vous montriez ce que vous avez appris tout au long du cours, même si c'est très simple.*

Une fois que vous avez poussé le front-end de l'interface utilisateur de votre projet final, veuillez partager le lien vers votre référentiel avec votre groupe d'étude ou sur Discord.

Le lien que vous soumettez ci-dessous devrait ressembler à ceci :

[**https://github.com/YOUR_GITHUB_USERNAME_HERE/education-dao-final-project**](https://github.com/YOUR_GITHUB_USERNAME_HERE/blockchain-developer-bootcamp-final-project)

**Bon Courage!**