تصميم موقع كامل باستخدام

هذا الدرس برعاية هوستينجر: للحصول على الخصم استخدم الكوبون المباشر
Cobone: NOURHOMSI
استعراض النتيجة النهائية مباشرة من
nourhomsi.net/tailwind
------------------------------------------------------------------------
فهرس الدرس:
01:30 رعاية هوستينجر
04:00 استعراض النتيجة النهائية
06:30 تجهيز بيئة العمل
07:30 اضافة tailwind باستخدام CDN
11:30 اضافة tailwind باستخدام cli
19:00 تصميم القائمة الرئيسية
30:00 تصميم ترويسة الموقع Hero
37:00 تصميم قسم من ثلاثة أعمدة
46:00 تصميم التذييل Footer
56:00 قائمة الموبايل Responsive
01:03:30 رفع الموقع إلى استضافة هوستينجر
01:07:30 خاتمة
------------------------------------------------------------------------
خطة تعلم البرمجة ابتداء من العام 2023
• ماذا يحصل في عالم البر...
الدليل السريع لتعلم بوتستراب بالعربي
• الدليل السريع لتعلم بو...
كورس كامل تعليم بوتستراب بالأمثلة
• كورس كامل تعليم بوتستر...
هل أستخدم بوتستراب؟ وما هي بوتستراب بشكل عملي؟
• هل أستخدم بوتستراب؟ وم...
------------------------------------------------------------------------
لمتابعة الحساب:
nourhomsi.com
tiktok.com/drnourhomsi
drnourhomsi
nourhomsi1
drnourhomsi

[@abdomostafa4172]

ياررريت بجد تستمر في انك تعمل كذا تطبيق على ال tailwind لأنه بقا مهم جدا و مفيش يعتبر على اليوتيوب الا القليل من الفيديوهات اللي بتقدم المحتوى ده و شكراً جزيلاً لتعبك❤❤

[@hossammahmoud7786]

قبل م تبدأ تذاكر أو تشتغل دائماً ردد :
اللهم لا علم لي إلا ما علمتني إنك أنت العليم الحكيم ، اللهم لا فهم لي إلا ما فهمتني إنك أنت الجواد الكريم ❤

[@zouhirelmezraoui1336]

السلام عليكم دكتور احتراماتي للرجال الاحرار الشرفاء الكرام الله يحفظكم و ينصركم و يثبت اقوالكم على فعل الخير و توعية الامة و الانسانية و الجاليات و المجتمعات جمعاء

[@salehalshemali2419]

خالص التحيات لك د. نور الحمصي وشكرا للدروس التي تقدمها بطريقة مبسطة

[@-mohammadalakedy5417]

كنت متوقع والله ببوست الي نزلتوا عاليوتيوب بعيد الفطر 🤣🤣 بس تأخرت علينا والله 🤣🤣🤣 جد يعطيك العافية استاذ نور 🔥🔥🖤

[@safaakhoudja2092]

تحياتي لك من الجزائر شكرا على هذا المحتوى و الله و تعلمنا منك الكثير بارك الله فيك

[@fikra.yosima]

استاذي الغالي . كل الدعاء لك بما تتمناه.... استاذ الغالي المرجو منك ان تحاول قدر الامكان ان تضع فيديو تلخص فيه كيفية تقديم المبرمج للزبون بتقديمه لملف يثبت اتقانه للمهنة .بمعنى أخر ان تركب سيرة ذاتية على شكل موقع تبرز اتقانك للغاة التي يحتاجها الزبون

[@silq300]

شكرا نور حمصي عل دروسك الرئعة

[@chems_sed990]

أستاذ نور يا ريت تحطلنا دروس عن الووردبريس خصوصا انك تقدم بطريقة اكاديمية ومتظمة جدااا مشكور

[@Ibrahim_dev]

استاذ نور الشروحات مهمة صح لكن اتوقع الفيديوهات مهمة ايضا التي تحوي نصائح وانت تملك خبرة في هذا المجال 💙

[@aj28b2xe16]

ربنا لك الحمد والشكر كما ينبغي لجلال وجهك وعظيم سلطانك
الحمد لله حمدا كثيرا طيبا مباركا فيه
الحمد لله دائما وابدا
الحمد لله عدد ما خلق
الحمد لله ملئ السموات والأرض ومن فيهن❤

[@swatmc607]

رائع بعد طول انتظار

[@the-programmer-1]

تكرم عيونك يا أستاذ نور
❤❤❤❤❤❤❤❤

[@Ihahachi]

واخيرا tailwind 🎉🤩👍

[@-susnkiaf9923]

جزاك الله خيرا أستاذ نور

[@ابراهيمالعمر-خ7ج]

شكراً جزيلاً لك على هذه الدروس القيمة,
نتمنى منك أن تعمل تطبيق جديد وانشاء مشروع موقع شخصي

[@syberch4784]

دروس متميزة بارك الله فيك و الله يوفقك

[@anas_arbasha]

ولله البوتستراب احلا ..... شكرا كتيير الك

[@adelg1753]

الصراحة ماحبيت بكل الفيديوهات السابقة الي شفتها عن الويب وتصميم المواقع لانها كانت أغلبها مرتبطة بقاعدة بيانات أو إستضافة من البداية
أما هذه الطريقة أعجبتني الصراحة وخاصة تجمع بين العرض بالمتصفح الكمبيوتر والجوال وآخر شيء فقرة ربطها بالإستضافة
ياليت دائما تكون الدروس بهذه الطريقة
عندي اقتراح ياليت تضيف بموقعك اشياء مفيدة اخرى وحتى لو مشاريع وأدوات بسيطة تستخدم بأستمرار وتكون الصفحة مرجع مستمر لدروسك وتفعل الأعلانات ع الصفحة سيكون هناك زائرين بأستمرار اذا تم تحديث الموقع الخاص بك
شكرا❤ لكل شيء قدمته حتى الآن أستفد منك أشياء كثيرة جعلها يارب في ميزان حسناتك وجزاك الله كل خير

[@soufiane3755]

شكرا جزيلا استفدت كثيرا من هذا الدرس

[@SYFOUMK1]

Learn from the best ❤

[@googleuser9052]

شكرا جزيلا ❤ و عيد مبارك

[@t.g.eastrealtor878]

He is great teacher

[@salleinfo6227]

جزاك الله خيرا

[@kareemreda55]

الله اكبر عليك ❤
انت اول واحد تابعتك في البرمجه .
وكله كان بيستخدم في البدايه محرر اكواد visual studio code or notepad++
الا انا كنت بستخدم sublime text زيك بالظبط لان كانت اغلب فيديوهاتك كنت بتستخدم المحرر ده واستخدمه زيك 😊 يشهد الله ان انا بحب شرحك جدا جدا .
معلشي هو theme ال انت بتتعامل معاه في الحرر ده اسمه ايه وشكرا
اخوك من مصر

[@yousefdahdal5664]

استاذنا الفاضل .. ممكن تعملنا دروس تعلم webflow ❤
كل الشكر استاذنا الفاضل ❤🙏

[@mazenal-emad8680]

كورس ممتاز 😅تخيلت ان الفيديو 10 دقائق مانتبهت قلت يمكن نبذه عنها لقيتني خلصت الفيديو ساعه ومو منتبه ومتعلمها 😂😂❤

[@thaferalfatlawi6397]

صار لازم تنزلنه كورس فلاتر لان متعودين ناخذ افضل الكورسات منك ❤

[@shorts.muslim]

يمكنك الإستغناء عن لايف سيرفر بهذه التعليمة
php -S localhost:3000
طبعا يجب أن تكون مثبت php في الحاسوب

[@the-programmer-1]

أستاذ نور ممكن تشرح JS سكريبت بطريقة مفصلة
غير فيديو تعلم JS في 48 دقيقة .
والف شكر على تعبك .💌💌💌💌

[@hamidben-fy2qo]

ياريت

[@yassinebrono4516]

Top top top

[@khaliljaafar5332]

The best over all years

[@أحمدالسلام-د2ك]

أول شي شكراً كتير عالشرح المفصل ❤️❤️❤️
تاني شي ممكن تعطيني الكود ؟
ما عندي كمبيوتر حتى أصمم ونفسي أعمل موقع 🥺
بعد امرك اذا بتعطيني ياه وبعدّل فيه عالهاتف بكون ممنونك

[@k_masdousali8821]

اول كومنت لازم جائزة

[@kintag4459]

جـــزاك الله خيرا

[@kamalrmichi1511]

من فضلك استاذ
درس next 13 with mysql
انا بانتظارك

[@تجريبحاسب]

شكراً استاذ على الشرح الجميل ، من فضلك اريد شراء خدمة إن كنت تقدم خدمات تصميم مواقع !.

[@soufiane3755]

الله يرحم لك الوالدين

[@obadaalrefai]

الله يعز البوتسراب

[@mathematiquesinformatique1423]

merci

[@akasm287]

أستاذ أنت بتشوف أنو cross platform رح يقضي على native و فرص عملو في برمجة تطبيقات الموبايل
وأغلب الشركات بأي مسار من هدول بتشتغل ؟؟

[@108Graphtheory]

أغلب الشركات تعمل في ال
cross platform
؛ لأن من خلال تقنياته تستطيع إنشاء تطبيق واحد ( هجين ) لعدة أنظمة و ليس كتقنيات Native التي تركز على إنشاء تطبيق لنظام واحد ( أغلب العملاء لا تحب جلب مبرمج IOS و مبرمج Android لبناء تطبيقهم فهذا مكلف ، بل تحب جلب مبرمج Flutter أو React Native أو Xamarin لبناء تطبيقهم و بعدة أنظمة و بأقل كلفة ، الشركات الكبيرة فقط و هي قليلة مستعدة للدفع لمبرمجين اثنين و إنشاء تطبيق بكفاءة عالية )

[@elteyab]

جميل, درس مفيد

[@letslaugh609]

ما شاءالله عليك أستاذ نور ...بارك الله فيك..... اطلب منك تساعدني. اريد انشئ صفحة اسئلة تفاعلية مثل برنامج من سيربح المليون ...فينك تساعدني بالاكواد اللازمة

[@waeltarabishi6890]

سؤال استاذ نور انا ساويت طريقة ال cli كانو شغالين الكلاسات وكلشي تمام بعدين ماعاد اشتغلو ال class ف اضطريت اني حط ال script تبع cdn بقا في مشكلة؟؟

[@sarmadali9493]

شكرا استاذي العزيز .. ممكن طلب لو سمحت .. ممكن دورة عن ال
( Nodejs) crash course

[@Youcoding5985]

بارك الله فيك ، ستكون فيديو ل لارافيل؟

[@Jeridi]

Tailwind أخيرا
هل ينصح باستعمال ال
DaisyUI ?

[@jafa61]

جميل جدا
تسلم يا استاذ

[@ammarkurdi-gz1if]

❤

[@akasm287]

أستاذ بس بدي اسألك إذا مجال برمجة تطبيقات الموبايل ألو فرص عمل عنا ب سوريا ؟؟

[@108Graphtheory]

نعم ، سوق ال Flutter برمجة التطبيقات الهجينة له فرص

[@maza7265]

أخي نور نشكرك على جهودك المميزة ولي سؤال في هذا الخصوص :هل هذه الاستضافة تدعم قواعد بيانات sql server

[@m7md3rb_]

شكرا لك استاذي بس عندي ان rounded مب شغال

[@mohamad-ismael]

انا ليش ممكن اضيع وقت لاحفظ كلاسات و بعدها اقعد اخبص بصفحة ال html بالف كلاس شنو الهدف من هالتقنيات و شو القيمة المضافة (مبتدئ اخذوني على قدي 😅)

[@rahmouna020]

5arjetli erreur ba3d npx tailwindcss init => fi file (tailwind
ode_modules\yaml\dist\compose\composer.js:33)
if (prelude[i + 1]?.[0] !== '#')

[@nourahmed1008]

شرحك ممتاز

[@adilboudida3412]

how can I host website created by Python?

[@annwar]

في الدقيقة 12 انت ادخلت كود
npm init -y
لكن لما انا كتبته تطلع لي رسالة خطأ
The term 'npm' is not recognized aa the .......

[@game-zh1le]

وانا نفس المشكله

[@shorts.muslim]

لزم تكون مثبت NodeJS

[@monimalshreef]

ممتاز

[@أموراتالتجارةالعامهالتجارةالعا]

🧑‍🎓🇲🇷😍😍

[@SALMIDZ]

سؤال مهم < كيف قدرت تثبت صفحة المتصفح فوق فيوجيال ستوديو ؟

[@MeraGades]

شكرا دزيلا لك

[@Ahabib2009]

مشكور

[@mssadmnbaz-q2s]

السلام عليكم استاذي الفاضل
استاذي تعلمية npx tailwindcss init عم اكتبها terminal عم يظهرلي هالشيء Unexpected token ?
وحاولت عدة مرات كلهم بنفس الشي النظام الي عم استخدمو هو زيرون من توزيعات اوبنتو

[@InfoTech2018]

استاذ نور هل مثل هذه المواقع استطيع بيعها وهل ابيعها بالدومين الخاص بي او ابيعها بلوكل هوست

[@hagopboghossian6841]

Awesome ❤

[@alisalase688]

السلام عليكم كيف نتعامل مع العربية في التلويند

[@mohamedfakhri2390]

هل ممكن اتعلم وااطبق HTML & css من هاتف

[@Mas-idir]

Yes

[@rec-trick]

لو عايز استخدمها مع نكست بحيث انى بستخدم اسلوب الاستايلس موديول بتاع نكست بس عايز فى بعض الاماكن استخدم tailwind هل فى الحالة دي استخدمها بال cdn ولا اعمل امبورت عادي واستخدمها بال npm ؟

[@adilboudida3412]

code source?

[@t.g.eastrealtor878]

❤😂

[@googleuser9052]

اذا ممكن حدا يعطيني اسم موقع للطلبات الصفيرة

[@the-programmer-1]

ماحذا الا أنت تكلم بادب مع الاستاذ 😡😡😡😡

[@googleuser9052]

​@@the-programmer-1 آسف اذا حم احكي شي مالو مأدب ، بس انا عم احكي بأدب ، قول لي وين قلة الأدب ؟

[@the-programmer-1]

​@@googleuser9052
عفوا منك أنا امس كنت صائم وماقريت تعليقك سوى
إعذرني أخي 🙏🙏
كلمت حدا قريتها حذا عفواء ممكن تسامحني .
😥😥😥😥😥😥😥😥😥

[@googleuser9052]

@@the-programmer-1 معلش كلنا منقرأ خطأ 😀
بس اذا بتعرف شي موقع للطلبات الصفيرة لانو بحثت كتييير و مالقيت

[@the-programmer-1]

@@googleuser9052
طلبات أيه
مثلاً .