Make a Scrolling Website using Html & CSS & Javascript | تصميم موقع الكتروني
Ғылым және технология
رابط تحميل الصور : nouvil.net/make-website-by-ht...
______________
رابط كورس الجافاسكريبت : nouvil.net/courses/javascript/
______________
رابط حسابيinstagram الخاص بي : / abdelrahman_nouvil
______________
التصميم مبنى على فكرة ال scroll فكلما قمت بعمل scroll من المحور y و تغيرت قيمة scrollY في الجافاسكريبت
كلما تحركت عناصر التصميم و اولها السماء ثم القمر ثم الجبال و القارب الخ
ايضاً يقوم التصميم بتحويل بين النهار و الليل بناء عن موقع القمر في التصميم
هذا التصميم في الاساس هو تطبيق عملي على كورس الجافاسكريبت
- فكرة عن التصميم 00:00
- create header 01:45
- اضافة الصور 12:00
- style images 13:47
- اضافة محتوى كتابي 20:36
- دمج الوان الواجهة و ما تحتها 22:20
- استخدام الجافاسكريبت 24:25
- scroll 27:00
Пікірлер: 383
ما شاء الله عليك ي هندسه ممتاز واسلوبك في الشرح جميل وواضح , متابعك من فتره واستفدت منك الكثير ,شكرا علي كل المعلومات اللي ب تفيدنا بيها ي غالي ❤
ما شاء الله عليك يا هندسه اللهم بارك شكرا بجد علي الشرح الروعه
ما شاء الله عنك مبدع، طريقة الشرح جميلة بحيث كل حركة بتعملها مفهومة لأنها مشروحة صح،،، فشكراً من القلب ❤❤🌹🌹
الله يبارك فيك استاذي الفاضل شرح غاية في الروعة والجمال جزاك الله خيرا
من أفضل الأساتذة اللي بتشرح مجهود جبار استمتعت جدا وانا بطبق الدرس معاك يعطيك الصحة والعافية
ماشاء الله تبارك الله مجهود جميل يستحق التحية بجد ربنا يباركلك في علمك ويزيدك ويجعله في ميزان حسناتك
استمر بنفس الطريقة و صدقني هتعدي و هتعمل اكتساح في اليوتيوب...طريقة شرحك كويسة جدا....ياريت مشاريع كتير بنفس الطريقة جزاك الله خيرج
اساسيات كتاب الاكود جافه سكريب 1.Dom 2.innerHtml 3.events وظائف 1. Object 2.function 3.lòop 4.if و يرجع الفضل ل مهندس عبدالرحمن بصدق بارك الله فيك باش مهندس عبدالرحمن
@khaled26.4.87
Ай бұрын
يعني ايه
ما شاء الله أسلوبك بالشرح جدا قوي و ممتع , استمر تحياتي الك
اخى عبد الرحمن بارك الله فيك شرح جميل ومبسط وحللى مشكله فعلا تحياتى
ما شاء الله الله ينفع بعلمك شرحك جميل جدًا و احلى شي لما تشرح كل كود تكتبه الله يوفقك
يااا سلام داليكنت منتظر منك أخ عبد الرحمن تحياتي إلك من دولة المغرب. والله وبدون مجاملات انت عندي أحسن واحد بيشرح في المجال دا وننتظر منك درس حول البلوكتشين ولغة السوليديتي. وفقك الله وجعل ما تقدمه في ميزان حسناتك إن شاء الله 💚💚💚💚
مهما حاولت اشكرك والله ما هوفي شكرا جدا علي شرحك البسيط و السهل 💖🫰💖💖💖💖
عند القمر ليه والقمر عمال يشرح ❤️ تسلم ي بشمهندس نفع الله بك الأمة ❤️
ايه الابداع ده حاجات كنا فاكرينها صعبه وطلعت اسهل ما يكون ❤
ما شاء الله عليك والله الواحد استفاد كتير وجمع الfront كله
اسلوب سلس جدًا جدًا الله يعطيك العافية استمر ❤
انا خلصت معك كورس html اليوم الحمدلله كان رائع اتمنى باقي الكورسات معك زيه
بارك الله فيك يارب، شرح ممتاز 🙏 ياريت تعمل شروحات لمشاريع مواقع بيع وشراء بنفس طريقه الشرح
اقسم بالله افضل شرح بدون مجاملة ... شكرااااال
تحياتي ليك من الجزائر ، شكراً وألف شكر . تصاميم جميلة ، وشرح جد رايع وبسط ، بتمنى تقدم أمثلة أكثر و مختلفة .
رووعه ماشاء الله عليك وشكرا جزيلا الك على كل شي تقدمه بهذه القناة
أفضل شخص بشرح كود ع اليوتيوب، جزاك الله خيراً
@AbdelrahmanGamal
2 жыл бұрын
حبيبي والله رأيك ده على راسي ❤️❤️
درس جميل جميل جميل :) اشكرك جزيلا و أتمنى لو تكثر من الدروس العملية في التصميم. شرحك سلس, تحياتي.
الله يزيدك علماً يابش مهندس حفظك الله ورعاك
مشاء الله عليك ربنا يكرمك يا بشمهندس
عاشت ايدك مبدع 💕 اتمنى انك تنزل مثل هل فديهات دائماً حتى نتعلم
تستاهل انتسابي لك لأني جالس اشوف ابداع وشرح جميل
يا اخي والله شرحك السهل الممتنع وينك من زمان
تعال كدا لمن ... احسن كلمة بتقولها ... يعطيك العافية اخي مشروع رائع
اللهم بارك الشرح فوق الممتاز عظمة بجد يا باشمهندس
اللهم يجعله في ميزان حسناتك ويجزيك الجنة ونعيمها
بامانه يا بشمهندس شغل فاخر من الاخر
اسلوبك محترم جدا ومميز استمر ❤️
ماشاءالله تبارك الله ..انت راااائع ..👏🏻👏🏻
مشاء الله عليك طريقتك روعة في تبسيط المعلومة
@Hind_Hind_Hind
Жыл бұрын
ما شاء الله *
جزاك الله كل خير الصراحه استفدت كثير من هالدرس..شكرا من القلب. واتمنى لو تعمل درس عن كيفية البحث عن حلول للمشاكل التي تواجهنا في المشاريع. علما تعلت كقير وانا ابحث عن المعلومات الموجوده في الدرس هذا ولم اتوصل لها غير عند حضرتك.وهذا من عدم معرفتي في كيفية البحث وتسمية المشكله.
ياحبيبي استاذ عبدالرحمن الله يسعدك ويوفقك
اشكرك بعنف يا هندسة 🙏 عاش
شكرًا لك على الشروحات الاكثر من جميلة ، واتمنى منك تستمر تنزل بين فترة والثانيه نفس الاعمال هذي وياليت لو يكون فيه من بعض الامثلة شيء من الباك اند ❤️❤️
@AmineAmine-vz2qh
Жыл бұрын
Back end يعني كيف نشغل home و product?
Your creativity is infinite ♾
الله اكبر عليك يابن بلدي بنتشرف بيك والله استمر يا مبدع
بارك الله فيك يا اخ عبدالرحمن
الله يعطيك مليون عافية...انشالله في تميز مستمر
مبدع دايما يا هندسه تحياتي ❤
اكتر واحد اتعلمت منه ازاي اصمم مواقع
بارك الله فيك بصدق مكنتش فاهم javascript و فهمته منك مزابوط والله في خلال يومين فقط ي باش مهندس بارك الله فيك
رائع كالعاده يا ريت تعمل حلقه عن كفيه تنزيل vs على الموبايل شفت فديوهات كتيره اجنبيه عن الموضوع ده بس مش فاهم حاجه يا ريت تكون اول عربي يشرح الموضوع ده على يوتيوب
فنان استمرررررررررررررررررررررررررررررررررررررررررررررررر
ما شاء الله علييك انا هيك بحب يكون في مشاريع كتيير
بجد الف شكر ليك ربنا يجزيك خير عنا
فل يحفظك الله و يسير الله عملك و الله يسعدك دنيا و آخرة ، شكرا لك على هذا الفيديو و الله ثم و الله إني أدعي معك بكل توفيق من كل قلبي الله يسعدك أخلاقك و دينك و أمك لربتك فل يحفظها رب العالمين و الصلاة على سيدنا وحبيبنا محمد صلى الله عليه وسلم ❤️
ربي يفتح عليك دنيا وآخره
ما شاء الله عليك من المغرب 🇲🇦🇲🇦😍
جزاك الله خير يا هندسة
بصراحه انت ممتاز أنا بتابع معاك كورس cs50لابني بس كان نفسي اتواصل مع حضرتك لو امكن اكون شاكر جدااا لحضرتك
@mohammadhajeer3649
2 жыл бұрын
عنددو انستاغرام بل وصف
@user-je3gh4iz2h
Жыл бұрын
@@mohammadhajeer3649 ممكن ترسلي المعرف مالته وشكرا جزيلا ❤
الله يجزيك الخير يا ملك 💙
جميل ده اول فيديو اشوفو ليك يهندسه ❤️❤️
ممتع جداً ي عبد الرحمن💙💙 بس ممكن اسالك ليه كورس الCS50 م تميتو؟ شرحك ممتاز وحلو شديد ماشاء الله
ربنا يجعله في ميزان حسناتك
انت فتحت نفسي على الjs والله لسه ببدأ فيها
@AbdelrahmanGamal
2 жыл бұрын
بالتوفيق ان شاء الله
الله ينور عليك ياريت ياهندسة تعمل كمان مشروع
اكثر من رائع بصراحة
عظمة علي عظمة ❤
شرح ممتاز الله يعطيك العافية
عظمة أقسم بالله💙
جدا مبدع وصوتك خرافي بس شرحك سريع عاشت الايادي
شرح جميل تسلم والله ممكن تصميم بالcss, html, bootstrap عشان موضوع الnavbar مش فاهمه شويه
وفقك الله مزيد من التألق
شرح بسييط و رائع شكرا
متشكر. جدا المشروع اشتغل معاي بالكامل
جزاكم الله كل خير قليل هو المحتوى العربي المفيد والمتميز مثل محتواكم وفقكم الله لما يحب ويرضى
@seali9034
Жыл бұрын
لوسمحت لو سوبت المشروع دا ممكن الرابط ؟؟؟
جميل جدا شكرا جزيلا لك 👍👍
الله عليك يا بشمهندس شغل عظمه على عظمه كمان لو خليت الباك جراوند بتغير اللون(الليل,النهار) ببطء(transition time) كانت هتبقى سلسله اكتر و اكتر
@user-kc8qt6kh8e
2 жыл бұрын
ازاي نعمل كده لو تعرف افدني
@ahmednagehabbas7734
2 жыл бұрын
@@user-kc8qt6kh8e عند ال body اللى هتغير عنده الباك جراوند اعمل فيه برضو transition : 0.7s ease بص هى المفروض ان شاء الله هتشتغل بس انا بقول ممكن يعنى احتمال متشتغلش لان الباك جراوند بتتغير عن طريق if ف جافا بس دا احتمال وهى ممكن تشتغل عادى
راااااائع جدا جدا جزاك الله خيرا
انت رهيب وتستحق النجاح
يعطيك العافيه او الله ايفقك ❣❣
احسن واحد بيشرح برمجة هو انت انا عايز بس استفسر لو عايز اعمل موقع اتعلم الjava scrept , css,html ولا اتعلم الوورد ديكس
فووول مبدع شكرا الك
إستمر في هذا المحتوي الجميل
اسلوب حلو بالشرح
ابداع كبير ..
رائع .... الله يرضى عليك
شكرا شكرا جدا على الفيديو🥰😘😘
مبدع ما شاء الله
Baraka laho fik akhi
بارك الله فيك اشتلد عبدالرحمن ياريت اتنورنا بافضل طريقة لرفع الموقع على الانترنت
فنان 🔥🔥🔥
you for uploading tNice tutorials for free and providing education to beginners.
استفدت جدا شكرا جزيلا
ابداع والله شكرا لك
الف شكر يا دكتور
ياخي انت اسطورة و شكرا
شرح يجنن بس ياريت لو تعمل النا تصميم موقع شات وعمل غرف وكون ممنون
بسم الله ماشاء الله.
يعطيك العافية ممكن فيديو عن البرمجة من دون اكواد أو إذا في فيديو موجود عندك تنصحني فيه
بارك الله فيك
شرحك جميل تحياتي
Thank you for making this available. ♥♥ ♥♥ 5:28
يعطيك الف عافية ولله شغل جميل , عندي سؤال هل في طريقة اني ادرج التغير بين اللونين ( صباح , مساء ) في النهاية , لأنه اختلاف اللون المباشر فيه شوية ازعاج للمستخدم