Programming a complete website HTML CSS JAVASCRIPT [ARABIC]
Sponsored by @Hostinger. Use the discount coupon or the link to get a special discount for the channel:
Copoun: NOURHOMSI
Aff-Link: www.hostinger.ae/nourhomsi
-------------------------------------
Useful lessons to Watch:
how to learn programming in 2022-2023
• تحديث كيف تبدأ تعلم ال...
Learn HTML and CSS step by step Complete Course
• تعلم HTML و CSS خطوة ب...
All you need to Know about Domain and Hosting
• كيف ارفع ملفات الموقع ...
-------------------------------------
Course index:
00:00:00 What are we going to learn
00:02:45 Hostinger sponsorship
00:06:50 Preparing the work environment
00:10:30 Including Bootstrap library
00:13:15 CSS Variables
00:18:30 Importing Google Fonts
00:21:45 Programming the main menu
00:35:10 Search and classification section
00:50:30 Using the search form
00:57:30 Date Picker from JQuery
01:06:00 SVG images and shapes
01:10:20 A section of three column by Bootstrap
01:20:00 A section of two columns by Bootstrap
01:24:00 Designing a slider with HTML and CSS
01:30:00 JQuery SlickSlider
01:38:30 Vertical section in Bootstrap
01:47:40 How to add a video to your website
01:57:00 Video control buttons using Javascript
02:01:40 Contact us form
02:08:30 Google Maps embed
02:11:40 Website footer
02:14:00 Final edits and improvements
02:19:30 Upload the site to Hostinger
-------------------------------------------------- -----------------------
Subscribe to the channel to follow the lessons
/ nourhomsi
To follow the account:
nourhomsi.com
drnourhomsi
nourhomsi1
drnourhomsi
Пікірлер: 181
بارك الله فيك أخ نور على كل المعلومات المقدمة في هذه القناة .
بارك الله فيك اخ نور على هذا الشرح الوافي والمتميز وعلى مجهودك الطيب , جدا جدا مفيد هذا الفيديو
رائع دائما كعادتك - بارك الله فيك اخ نور على هذا الشرح الوافي والمتميز وعلى مجهودك الرائع
مشكور استاذ نور على المجهود والمحتوى العلمي يلي بتقدمه في ميزان حسناتك يارب
بارك الله فيك استاذ نور وجزاك الله خيرا الجزاء
شكراً الك دكتور نور انا شخصية استفدت من فيدوهاتك متابعك من درعا وشكراً الك مرة ثاني وفي ميزان حسناتك ان شاء الله
ما شاء الله عليك ولكم جزيل الشكر
خطير خطير يا أستاذ شكرا ، الله ينور عقلك
جزاك الله خيرا كثيرا
thank you so much for the effort that you put in your videos and for sharing your knowledge with us.
دكتور نور وفقكم الله لكل خير
@NourHomsi
Жыл бұрын
شكرا لك
الله يعطيك الف عافية
بارك الله فيك و زادك علم و بركة اسلوبك 100% مميز و بليغ نتمنى لك المزيد من التميز
@NourHomsi
Жыл бұрын
شكراً لمرورك والتعليق
تحياتي لك من ليبيا .. مزيد من التقدم يارب
جزاك الله خيراً استاذ نور
@NourHomsi
Жыл бұрын
شكرا لك
جزاك الله كل الخير يا وحش 🔥🔥🔥
@NourHomsi
Жыл бұрын
شكرا لك
يا هلا وغلا فيديو جاء بوقته والله الله يعطيك العافيه
@NourHomsi
Жыл бұрын
شكرا لك
ولكم جزيل الشكرا دكتور نور
@NourHomsi
Жыл бұрын
شكرا لك
جزاك الله عنا خير الجزاء والله إجا بوقته
@NourHomsi
Жыл бұрын
شكرا لك
اللله يعطيك العافية
كتر خيرك يارب😀
مشكوووووووووووووووووووووووووور يأستاذ نور الله يجازيك انشاء الله
ما شاء الله ، جزاك الله خيرا دكتور نور أنار الله دربك ورزقك الله من حيث لا تحتسب ♥ محبك صحراوي منير من الجزائر
@NourHomsi
Жыл бұрын
شكرا لك صحراوي
بسم الله ماشاء الله
جمييييل جدا، ياريت يامهندس نور انه تكثف من شغل المشاريع + اضافة php للمشاريع لكي نتعود على شغل المشاريع بشكلها العام
@engsahar4876
Жыл бұрын
ايه والله ياريت يامهندس
رائع جدا انت دائما جميل
ما شاء الله عليك.. شغل جميل جدا . الله يعطيك ألف عافية و شكرا جزيل الشكر 🌹🌹
@NourHomsi
Жыл бұрын
أطيب تحياتي
@BobziSb5249
Жыл бұрын
@@NourHomsi استاذ نور وين بلاقي الصور اذا سمحت ؟
جزاك الله خيرا
@NourHomsi
Жыл бұрын
أطيب تحياتي عبد
مبدع🎉
@NourHomsi
Жыл бұрын
شكرا لك
شكرا جزيلا
السلام عليكم ورحمه الله جزاك الله كل خير أنا متابع كل فديوهاتك مع اني مجال شغلي ليس الويب بس استفدت كتير من فديوهاتك شكراً جداً استاذ نور
@NourHomsi
Жыл бұрын
شكراً لك مؤمن. أطيب تحياتي لك. وأتمنى أن تعمل بالويب لأنه مربح جداً
you are amazing 🌹🌹
فعلا استفدت كثيراااا شكرا جزيلا من تونس
@NourHomsi
Жыл бұрын
شكرا لمرورك
شكرا جزيلا لك استاذ ياريت تعملنا مشاريع ب php و Java
ـسلم تسلم يدك ي أستاذ نور شرح مفصل وسلس وواضح والله يرزقك فضل الدارين يارب ، الحياة الطيبة في الدنيا والجنة والنعيم في الآخرة ، بس سؤال بسيط، فين ممكن ألقى الصور الي استخدمتها في المشروع ؟
الله يعطيك العافية يارب استاذ نور والله انت حرام ما تكون قناتك على مستوى العالم انت حدا بتستاهل كل الخير لانك عم تقدم علمك بافضل الطرق وبشكل مجاني للشباب الله يوفقك يارب ويعطيك الف عافية
@NourHomsi
Жыл бұрын
الحمدلله على كل حال
شكرا لك
@NourHomsi
Жыл бұрын
أطيب تحياتي
ماشاء الله في عندك درس لتعليم تصميم موقع اخباري من الصفر ...
الله يعطيك الف الف عافيه استاذ نور وجزاك الله خيرا الجزاء على هذا الدرس الاكثر من رائع. سؤال لو سمحت استاذ نور هل سيتم تكمله back end لهذا الموقع . ياريت لو تكمله مع ال back end وال dashboard وشكرا جزيلا لك
@obscurity1202
9 ай бұрын
انا صار عندي مشكل انو لما عملت السيكشن الثانية حق السبسكرايب مارضي ينزل بل صارت الكتابة جنب السيرش فروم من شو المشكل رجاء
يعطيك العافيه...اتمنى تكمل حلقات React عن hooks redux بسبب وصولنا الى مستوى جيد فيها...لكن التتمة مهمة جدا
@NourHomsi
Жыл бұрын
ان شاء الله
@mhamadmdall8360
Жыл бұрын
@@NourHomsi شاكر فضلك علينا 👍🌹🌹
@hamdounedaoud9268
Жыл бұрын
React (redux)+SSAS+bootstrap
@tashory11
Жыл бұрын
@@NourHomsi مرحبا فين باقي دروسك الانقليزي الى الاحتراف بيودمي؟
@shikhawi
Жыл бұрын
ياريت استاذ تعمل لنا دورة kotlin multiplatform للتعديل على التطبيقات Convert java to kotlin and build apps android & ios شكرا لك كثيرا❤️
اهلا مهندس نور
@NourHomsi
Жыл бұрын
شكرا لك
تحياتي لك أستاذ نور أنا أريد تعلم إنشاء تطبيقات ويب و مواقع هل تنصحني fultter-dart أم reactjs ولماذا؟ وشكراً
شكراً 💗 نريد دورة Headless cms Strapi 💗 نريد عمل متجر الكتروني من غير وردبريس (woocomerce) او شوبيفاي
@NourHomsi
Жыл бұрын
قريباً ان شاء الله
@v_ptai5937
Жыл бұрын
@@NourHomsi شكراً 💗
صلو على رسول الله
@NourHomsi
Жыл бұрын
عليه الصلاة والسلام
بارك الله فيك اخي لدي سؤال بعد اذنك كيف يممكنني اضافة صورة الى رابط الموقع الخااص بي
ياريت استاذ تعمل لنا دورة kotlin multiplatform للتعديل على التطبيقات Convert java to kotlin and build apps android & ios شكرا لك كثيرا
que Dieu te protége et t'accueille dans son paradis inchallah 🤲🤲 MErci🙏
Very nice and useful video, Thanks a lot :) . where I can find the images please ?
the play and pause icons should only be shown when we hover on the video for better UI
أستاذ نور شكرا على مجهوداتك ❤ .. ممكن تعمل كورس ( رفع موقع انترنت PHP و MySql ( مع ربط قاعدة البيانات بالموقع ) على استضافة ) و شكرا.
@NourHomsi
Жыл бұрын
تابع هذا الدرس فيه كل ما تطلبه kzread.info/dash/bejne/aJybpKh9hLfddc4.html
@moeman4003
Жыл бұрын
@@NourHomsi بارك الله فيك أستاذ ❤
استاذ نور تحياتي، التاغات المخصصة مسموحة في html، هل يؤثر استخدامها على السيو؟
🔥🔥🔥🔥🙏❤️
السلام عليكم لدي مشكلة align-items و justify-content لايعملان مما يجعل form على يسار الشاشة ممكن الحل و جزاك الله خير
السلام عليكم كيفك الشرح ممتاز ممكن تعمل video بس انتهى منه كيف الزبون يقدر يتحكم بالwebsite عندما سلمو ياه يعني كيف يصير ينزل عليه يتحكم فيه
❤️❤️🌺
يعطيك العافية يا غالي ويسلمو ايديك..خيو عندي مشكلة بالdatepicker بتطلع عندي بشكل غريب وغير منسق..شو الحل لو سمحت؟؟
لازم اكون بعرف jquery و بوسترات لاطبق معك ؟
من لما ضمنت ال jquery صار الموقع كتير بطيئ. كل ما ضيف شي واعمل تحديث عم يبقى وقت طويل وهو عم يحدث. والتقويم اساسا طلع بطريقة غريبة. ما اله خلفية ولا موجود بصندوق متل الفيديو.
تم
@NourHomsi
Жыл бұрын
أطيب تحياتي
شكر الله لك أرجو أن تنقل إلينا قسما من خبرتك وتقوم بتحويل هذا العمل الكبير إلى قالب ووردبريس بعيدا عن "إليمانتور" و "القوالب المجانية". رجاءً لا تبخل على متتبعي قناتك
في لخبطه صارت لي مع اني متبع الخطوات كلمه Home تطلع فوق وتكون ب الازرق والايقونات الاولى ماهي متباعده ومتناسقه
يعطيك العافية يا ليت لو تستخدم xml كمان و نعرف كيف تربطها مع ال html
@NourHomsi
Жыл бұрын
why XML ?! use JSON
@Someone6991-o5v
Жыл бұрын
@@NourHomsi شكرا لك، ما كنت اعرف JSON الحين بحثت عنها واخذت معلومة مفيدة
بارك الله فيك وارجو ان تخبرنى كيف يمكننى مشاهدة الحلقات السابقة ؟ كذلك لايظهر عندى الوضع الخاص بالموبايل فعند تصغير الشاشة لاتظهر على اليمين علامة الموبايل mobile rsponsable
السلام عليكم يعطيك العافية اخوي محتاج مساعدتك عندي مشروع تخرج ومو عارف كيف ابلش تحية الك من سوريا
جزاك الله خير ,,, تابعت كل ماقمت به من جهد جبار تشكر علية استاذ نور,,, وانشئت الموقع تماما مثل ماقدمتة انت ,, ولكن واجهتني مشكلة صغيرة صارلي 3 ايام ماقدرت احلها ؟!! فقط مقطع الفديو مجمد عند الظغط علية لا يعمل
من اجيب الصوو
مساء الخير أستاذ نور أنا بتابعك من زمان وحبيت كثير مجال تصميم الغرافيك وقررت أعمل أوسبيلدونغ هون بألمانيا والحمد لله هلق تخرجت والصراحة مالي عرفانة شو هي أحسن خطوة ممكن أعملها لبداية العمل وشو هو أحسن Portfolio ممكن قدمه ممكن زكاتك تعطينا نصائح عن الموضوع أنا كثير حبيت الأختصاص وحابة أشكرك على جهدك وعلى تدريبات البرمجة الصراحة كثير مفيدة .
@Wimmer-Spedition
Жыл бұрын
صار فيكي تصممي موقع بهذه الطريقة او لا؟ راسليني لوسمحتى
يعطيك العافية اخي عم تابع الحلقة خطوة خطوة بس عم يطلعلي مشكلي انو الايقون عم تكون بعيد من طرف الشاشة حاولت اني قربها عن الطرف مامشي حال معي شو السبب
ارجو ان تجيب على سؤالي كيف اقوم بتعديل مظهر الموقع على الهاتف بدون التاثير على مظهر الموقع في الكمبيوتر على الووردبريس
من اين اجيب الصور
عم يظهر عندي scroll من الاسفل, كيف ممكن امحيها ؟
@NourHomsi
Жыл бұрын
html {overflow-x: hidden}
استاذ نور عند تجربتي لشراء خطة الاستضافة واختيار طريقة الدفع لم يظهر لي بند كود الخصم .اريد نصيحتك لاختيار خطة الاستضافة لموقع تعليم الكتروني .المناهج السورية مثلا يتضمن الموقع تضمين رواد الالاف من الدروس .ليس تحميل و انما روابط الدروس من قناتنا على اليوتيوب.
قناتك على اليوتيوب
نفسي تشرح إضافة arena products store word press plugin
@NourHomsi
Жыл бұрын
أرسل رابط الاضافة لو سمحت
@samisamy5508
Жыл бұрын
@@NourHomsi تم إرسال الاضافه تابع الكومنت . رد بمعنى انك قرأت ورأيت الاضافه. وشكرا
استاذ الموقع نقدر نستخدم تعليمي ناوي اعمل موقع والملفات الي عليه كلهم pdf وصور
@NourHomsi
Жыл бұрын
نعم تستطيع أن تستخدمه في أي فكرة تريدها
شكراً لك استاذ نور ولكن هل يوجد طريقة لاخفاء ملفات html و css و JavaScript في المتصفح بدون استعمال php؟؟؟؟
@NourHomsi
Жыл бұрын
لا لايوجد، حتى باستعمال بي اتش بي لا يمكن اخفاء الملفات. لأن هذه الملفات يتم تحميلها إلى جهاز المستخدم عند فتح الويب سايت
مشكلتي مع الرن مو راضي
Why svg don't work on my code
ليش كتبت ( . ) قبل اللينك ف يالستايل و السكريبت بالاول ما كنا نعمل هيك
لو سمحت من وين نجيب ملف الصور
assets.zip لا يحتوي علي index.html ):
اين لوحة التحكم ؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟
فين الصور اللي في الموقع
ممكن درس تصميم موقع بالوردبريس
@NourHomsi
Жыл бұрын
kzread.info/dash/bejne/dmuZvLSmdK69l6Q.html
لغه الباك ايند الي شتغلت فيها شو هي؟
@NourHomsi
Жыл бұрын
لا يوجد باك إند في هذا الدرس. كل الشغل فرونت إند. اذا كنت تريد موقع متكامل باك إند و فرونت إند تابع الدرس التالي: kzread.info/dash/bejne/aJybpKh9hLfddc4.html
يعطيك العافيه ....رابط تحميل الملحقات لا يعمل و شكرا
I fixed the logo
The link to download files is broken
Web
انا مصمم جرافيك بشتغل فوتشوب واللستريتور اهل يمكن ان استفيد من تصميم وبرجمة المواقع بمعني هلةيمكن ان استفيد من هذا الفيديو اذا نعم كيف يمكنني ان استفيد افيدوني وجزاكم الله خيرا
@NourHomsi
Жыл бұрын
أنت في العام 2022. يجب على كل شخص أن يتعلم تصميم المواقع. نعم هذا الفيديو أو غيره بالتأكيد يجب أن يفيدك. ولكن يجب التنويه إلى أن هذا الفيديو تطبيق لما تعرفه مسبقاً. أما اذا كنت مبتدئ تماماً من الصفر. تابع الفيديو الموجود في صندوق الوصف
استاذ نور ارجوك تجاوبني انا عملت فايتربيلدونغ في ويب ديفلوبر يعني انا حاليا جونيور ويب ديفلوبر فرونت اند وباك اند بس عم يجيني رفض من ست شهور لهلأ شو تنصحني والله يئست اني اشتغل😑😑😑
@NourHomsi
Жыл бұрын
حسب ليش الرفض
@kingcobra79
Жыл бұрын
والله يااستاذ مابقولو ليش بس شكلو والله اعلم بسبب انو شهادتي مو ihk وكمان لانو مافي خبرة والله اعلم
CSS ماحبيت ماني قادر افهمها واحسها أكثر شيء ياخذ وقت مافي طريقة أسهل بالتعامل مع هذه اللغة بدون كتابة الأكواد Linkفي دروس سابقة ذكرت معلومة ان متصفح قوقل مايحب وأستبدلتها بطريقة أخرى لا اجددها بهذه المشروع ؟ svg بهذه المشرع أستخدمت روابط ومواقع طرف ثالث من ايقونات الى أخره وصورة هل هذه صحيح بالمشروع او لازم تكون هذه الروابط بقاعدة البيانت الخاصة بالموقع وملفاتك في المشروع اذا تعطلت احدى هذه الروابط الي تضيفها بالمشورع هل يأثر على الموقع او لا في كثير برامج لهم تطبيقات تعمل على الويب والمتصفح ياليت تتكلم كيف تعمل هذه الأشياء انا ابي اتعلم هذه المجال الصراحة ابي اضيف أداة للموقع الخاص بي لا أريد الموقع عبارة عن صفحة صور ونص وملفات تنزيل ومشغل للفيديو او مدونة او متجر أتمنى تنزل مشاريع لو فكرتها بسيطة انا بالنسبة أتعلم من المعلومة التطبيق العملى أكثر من شرح الأساسيات
كيف اشتري الاستضافة من تؤكياا اسمي مو مكتوب ع الكرت
@NourHomsi
Жыл бұрын
أي كرت؟
فينك يا بشمهندس نور مختفي مش بتظهر وتنزل فيديوهات وكورسات زي الاول مش هتنزل تحديث للكورسات بقي وتبهرنا من جديد اتمني تدينا شويه من وقتك منتظرين منك المزيد والمزيد
@NourHomsi
Жыл бұрын
المشاغل والعيال يا محمد
@mohameddsabry
Жыл бұрын
@@NourHomsi ربنا يوفقك ويكرمك ويخليهم ليك ويحفظهم
ممكن كود html يا هندسه عندي مشروع تخرج 😢😢
ممكن الكود
رابط تحميل الملحقات لا يعمل
الصور مش موجودة
متى كورس vue.js
@NourHomsi
Жыл бұрын
لماذا؟ لم تكفي رياكت؟ رياكت هي المكتبة المسيطرة حالياً على مجال الفرونت إند. لا تضع وقتك بتعلم برمجيات أخرى
@NourHomsi
Жыл бұрын
kzread.info/dash/bejne/oo2cqLSFcZudm84.html
@Hasoon-ry8pu
Жыл бұрын
@@NourHomsi اعرف بس انا ماشي تدريجي مبلش vue.js بعدين react.js ❤️⚘️
@NourHomsi
Жыл бұрын
هذا اسمه تشتت. مثل يلي بيتعلم قيادة سيارة مرسيدس وبعدها بيتعلم قيادة سيارة هيونداي. قيادة السيارة لا تتعلق بنوع السيارة وإنما بمفهوم القيادة نفسه. ركز على رياكت فقط ولا تدرس شيء آخر
@Hasoon-ry8pu
Жыл бұрын
@@NourHomsi حاضر 🙂
بعدني ماشفت الدرس وممكن ماراح اشوفه اصلا ولكن انت مبدع بكل الاحوال نصيحة اي شخص مبتدئ يريد يتعلم برمجة المواقع يبدي بدروس تطبيقية مثل هذا الدرس بعد تعلم الاساسيات هذي افضل طريقة للتعلم وبعدها ممكن تبني مشروعك الخاص وتتعلم من المشاكل الي تواجهك
@NourHomsi
Жыл бұрын
أنا شخصياً لا أستطيع التعلم الا من خلال التطبيق والخطأ