في هذا الجزء سنستخدم handlebars & Bootstrap في Frontend وسنقوم بربطها مع express backend
هذا الكورس هو جزء من كورس جافاسكربت المتكامل وهو مشروع مفتوح المصدر لمساعدة كل شخص على
تعلم وفهم جافاسكربت
بطريقة مبسطة وسهلة.
---
فهرس الفيديو:
00:00:00 البداية
00:00:17 مقدمة الكورس
00:01:22 إنشاء ملفات المشروع
00:03:48 عرض ملفات Static
00:08:13 res.sendFile
00:09:46 تثبيت Livereload
00:16:43 استراحة
00:16:52 ضبط إعدادات Handlebars
00:26:00 إنشاء handlebars templates
00:33:04 إضافة Bootstrap
00:34:32 Handlebars Partials
00:40:02 إضافة Routes && Controllers
00:43:05 إضافة index template
00:44:55 Handlebars Each loop
00:53:35 Handlebars IF
00:54:12 إضافة Single Post Route && Controller
00:56:16 إضافة Single Post Template
01:00:09 إضافة 404 Template
01:02:17 استراحة
01:02:25 إضافة Delete Modal
01:09:06 تمرير القيم ل partial
01:10:28 إضافة ملف requests
01:16:48 حذف منشور من Backend
01:19:50 إضافة Add Post Route && Controller
01:22:27 إضافة Add Post Form Template
01:28:39 إضافة منشور إلى Backend
01:39:09 إضافة Alerts
01:45:55 أهمية Frontend Validation
01:47:45 إضافة Update Post Route && Controller
01:52:17 إضافة Update Post Form Template
01:55:24 تعديل المنشور في Backend
01:58:54 جولة في الموقع
02:00:34 النهاية
....
#FullStackJavascript #handlebarsExpress
#TheCompleteJavaScriptTutorial #JavaScriptللمبتدئين
روابط مفيدة:
رابط GitHub:
https://github.com/nawras92/the-complete-javascript-tutorial
رابط البرنامج المستخدم:
https://www.postman.com/downloads/
روابط دروس جافاسكربت المتقدمة:
دروس متقدمة 1
https://www.youtube.com/watch?v=dg4kVh_akgE9
دروس متقدمة 2
https://www.youtube.com/watch?v=jsOuKOItfEU
دروس متقدمة 3
https://youtu.be/nlsPpFHBpKQ
رابط موقع التمارين:
https://js.learnwithnaw.com/
أجزاء الكورس الأخرى:
https://www.youtube.com/playlist?list=PLt0HRIA9i35unCc1FOzFGfioQ79Gr_HSU
توثيق Handlebars:
https://handlebarsjs.com/
توثيق express-handlebars:
https://github.com/ericf/express-handlebars
توثيق Express js
https://expressjs.com/
توثيق Material Ui
https://mui.com/
----
لمزيد من المعلومات حول إدارة المواقع، تابع ويكي إدارة المواقع:
https://wiki.learnwithnaw.com
يمكنكم مراسلتي عبر البريد الإلكتروني:
mail at LearnWithNaw dot net
لمعرفة المزيد عني:
https://learnwithnaw.com