Fullstack DApp Development

هتتعلم إيه في كورس Fullstack DApp Development؟

• الأساس المتين للـ Frontend: هنبدأ بـ Next.js، هنتعلم إزاي نبني الصفحات (Pages)، ونقسم الكود لـ Components، ونظبط الـ Routing والـ Navigation عشان نعمل واجهة مستخدم احترافية.
• التعامل مع الـ React: مش هنعدي الخطوة دي من غير ما نتمكن من أساسيات React زي الـ Hooks وإزاي نعمل State Management عشان نتحكم في بيانات التطبيق وتفاعلات المستخدم.
• عالم الويب 3 (Integration): هنا بقى الشغل التقيل؛ هنربط الواجهة اللي عملناها بالبلوكتشين باستخدام أدوات قوية زي Wagmi و Reown.
• دورة حياة الـ DApp: هتفهم يعني إيه Workflow بتاع الـ DApp، وازاي الترانزاكشن بتتم (Transaction Lifecycle)، من أول ما المستخدم يدوس زرار لحد ما تتسجل في البلوكتشين.
• التفاعل الفعلي مع العقود: هنتعلم إزاي نقرأ داتا من العقد (Read) وإزاي نبعت داتا للعقد (Write)، وإزاي نربط محفظة المستخدم (Connect Wallet).
• التطبيق العملي: هنطبق كل ده بمشروع حقيقي؛ هننشر العقد على شبكة إيثيريوم (Sepolia Testnet)، ونبني الـ Provider اللي بيوصل التطبيق بالمحفظة، ونعمل Refactor للكود عشان يبقى نضيف ومنظم.

المفاهيم اللي هنتعلمها في الكورس:

1- Intro and prereq

2- Course structure

3- DApp workflow tx lifecycle

4- Page and component

5- Create next app

6- Run app on local server

7- Routing

8- Navigation with link

9- Create and render component

10- State management and hooks

11- useEffect

12- Counter component

13- onClick

14- useState

15- DApp overview

16- Create crypto wallet

17- Get tokens eth faucet

18- Smart contract

19- Deploy contract to ethereum sepolia

20- Reown installation

21- Reown create project

22- Wagmi config

23- Context provider

24- Layout

25- Fix version mismatch

26- Connect wallet

27- Switch networks

28- Write to contract

29- Read from contract

30- Is user connected address

31- Spread operator

32- Refactor

33- Outro