اذهب إلى المحتوى
تعلم مهارات المستقبل: احصل على دورتين بسعر دورة واحدة ×

Zen Eddin Allaham

الأعضاء
 عرض الملف الشخصي  تصفح المحتوى

  • المساهمات

    823

  • تاريخ الانضمام

  • تاريخ آخر زيارة

  • عدد الأيام التي تصدر بها

    35

 نوع المحتوى 

ريادة الأعمال

البرمجة

التصميم

DevOps

التسويق والمبيعات

العمل الحر

البرامج والتطبيقات

آخر التحديثات

قصص نجاح

أسئلة وأجوبة

كتب

دورات

كل منشورات العضو Zen Eddin Allaham

  1. Zen Eddin Allaham
    ماذا يحدث عند الفشل في امتحان الدورة
  2. Zen Eddin Allaham
    لدي مشكلة غريبة نوعاً ما حيث عند استدعاء </Prayer> الذي قمت بأنشائه تختفي جميع العناصر src.zip
  3. Zen Eddin Allaham
    لدي مشكلة غريبة نوعاً ما عند استدعاء</Prayer> الذي قمت بأنشائه تختفي جميع العنصار src.zip
  4. Zen Eddin Allaham
    انا حالياً اتعلم Vite في ريأكت هل هو نفس الذي تم شرحه في الدورة
  5. Zen Eddin Allaham
    ما الفرق بين height & min-height
  6. Zen Eddin Allaham
    ماهو هذا العنصر في HTML <select name="" id=""></select>
  7. Zen Eddin Allaham
    اقصد عندما مثلا onclick من اجل تنفيذ الدالة اريد ان اكتبها مراة واحدة ولكن في اربع اسطر مثال في صورة
  8. Zen Eddin Allaham
    كيف يمكن كتابة اربع اسطر في نفس الوقت
  9. Zen Eddin Allaham
    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="index.css"> <title>ِApple</title> </head> <body> <div class="container"> <header> <a href="#"><img src="logo.png" class="logo" alt=""></a> <ul> <li><a href="#">Home</a></li> <li><a href="#">Project</a></li> <li><a href="#">News</a></li> <li><a href="#">About</a></li> <li><a href="#">Contact</a></li> </ul> </header> <div class="content"> <div class="text"> <h2>iPhone 13 pro max</h2> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p> <a href="">All Products</a> </div> <div class="img"> <img src="0.png"> </div> </div> <div class="icons"> <img id="img-preview" onclick="phones(this.src); colors('#000')" src="0.png"> <img id="img-preview" onclick="phones(this.src); colors('#000')" src="1.png"> <img id="img-preview" onclick="phones(this.src); colors('#247ec8')" src="2.png"> <img id="img-preview" onclick="phones(this.src); colors('#1e1e1e')" src="3.png"> <img id="img-preview" onclick="phones(this.src); colors('green')" src="4.png"> </div> </div> <script src="index.js"></script> </body> </html> let images = document.querySelector('.icons') let container = document.querySelector('.container') let image = document.getElementById('img-preview') function phones(phone){ image.src = phone; } function colors(color){ container.style.background = color; } لقد نفذت الكود لكن ليس هذا الذي اريده حيث لاحظ في صورة لا اريد ان تظهر الصورة في الاسفل احتاج عند ضغط على صور الهاتف الاحمر مثلا يعرض مكان الهاتف الذهبي وهكذا
  10. Zen Eddin Allaham
    let images = document.querySelector('.icons') let container = document.querySelector('.container') function phones(phone){ images.src = phone; } function colors(color){ container.style.background = color; } *{ padding: 0; margin: 0; box-sizing: border-box; font-family: sans-serif; } .container{ background-color: #000; min-height: 100vh; width: 100%; overflow: hidden; position: relative; } header{ display: flex; justify-content: space-between; width: 80%; align-items: center; margin: auto; padding: 20px 0; } .logo{ width: 40px; } ul li { display: inline-block; } ul li a{ color: white; text-decoration: none; margin: 0 10px; } .content{ display: flex; justify-content: space-between; align-items: center; width: 80%; margin: auto; } .content .text{ width: 40%; color: white; } .content .text h2{ font-size: 40px; text-transform: uppercase; } .content .text p{ font-size: 18px; margin: 20px 0; } .content .text a{ text-decoration: none; background-color: white; color: #000; font-weight: bold; padding: 8px 15px; border-radius: 20px; cursor: pointer; } .content .img{ width: 30%; } .content .img img{ width: 180px; } .icons{ position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); bottom: 20px; } .icons img{ width: 40px; transition: all 0.5s ease; cursor: pointer; } .icons img:hover{ transform: scale(1.2); } <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="index.css"> <title>ِApple</title> </head> <body> <div class="container"> <header> <a href="#"><img src="logo.png" class="logo" alt=""></a> <ul> <li><a href="#">Home</a></li> <li><a href="#">Project</a></li> <li><a href="#">News</a></li> <li><a href="#">About</a></li> <li><a href="#">Contact</a></li> </ul> </header> <div class="content"> <div class="text"> <h2>iPhone 13 pro max</h2> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p> <a href="">All Products</a> </div> <div class="img"> <img src="0.png"> </div> </div> <div class="icons"> <img onclick="phones(this.src); colors('#000')" src="0.png"> <img onclick="phones(this.src); colors('#000')" src="1.png"> <img onclick="phones(this.src); colors('#247ec8')" src="2.png"> <img onclick="phones(this.src); colors('#1e1e1e')" src="3.png"> <img onclick="phones(this.src); colors('green')" src="4.png"> </div> </div> <script src="index.js"></script> </body> </html> لقد قمت بمشروع لكن اريد عند ضغط على صورة تظهر في المتصفح
  11. Zen Eddin Allaham
    هل يمكن تحقيق ربح من خلال HTML & CSS ام لا
  12. Zen Eddin Allaham
    هل اذا قمت بأنشاء تطبيق الملاحظات بمفردي مع فهم ما اكتبه هل هذه يعني اني تعلمت react بالكامل
  13. Zen Eddin Allaham
    ما الفرق بين splice & filter
  14. Zen Eddin Allaham
    هل يجب علي حفظ كل الاكواد التي يقوم بكتابتها المدرب ام فقت المشاريع
  15. Zen Eddin Allaham
    عفوا قمت بطرح سؤال في درس بالخطأ المشكلة اني عند بدأ في دراسة أشعر اني لا استوعب المعلومات بشكل كبير ما هو الحل الانسب
  16. Zen Eddin Allaham
    لقد رأيت شخص يدعى ديفيس مطور برمجيات في شركة في تيكساس لقد شعر بأنه سينضرد من شركة بعد ما قامت الشركة بأعادة الهيكلة وقرر أن ينتقم من شركة وقام بكتابة كود kill Switch عبارة حلقات لا نهائية وحذف الموظفين من قواعد البيانات وقفل النظام شركة والكود سيفعل عند حذفه من قائمة الموظفين النشطين وبسبب هذا الشركة خسرت آلاف دولارات وتم حكم عليه بالسجن لمدة 10 سنوات الفكرة من هذا الكلام اريد ان اعرف هل فعلاً كود Kill Switch خطير
  17. Zen Eddin Allaham
    سمعت عنها انها مخالفة للقوانين وهي خطرة وتسبب في دخول السجن هل هذا صحيح ؟
  18. Zen Eddin Allaham
    ماهو كود Kill Switch لقد سمعت عنه في يوتيوب
  19. Zen Eddin Allaham
    شكرا لك لكن انا استخدم موقع netlify برفع المشاريع لكن مع كل تعديل اقوم به يجب علي تغيير الرابط وهذه مشكلة بالنسبة لي
  20. Zen Eddin Allaham
    السلام عليكم كيف يمكنني رفع المشروع على منصة github وهل أذا رفعت المشرع على github وقمت بتعديله بعد رفعه سيعدل تلقائياً
  21. Zen Eddin Allaham
    اذا قمنا بتعلم TypeScript هل هذا يعني سوف نقوم بتخلي عن لغة JavaScript وهل TS تتفاعل مع html css
  22. Zen Eddin Allaham
    حسناً شكراً لك لكن لماذا اتعلم لغة TS حيث انها تقريباً مشابها ل JS
  23. Zen Eddin Allaham
    بعد احتراف لغة JavaScript هل سأحتاج ايضاً اتقان لغة php من اجل فرص العمل ام لا حاجة لها؟
  24. Zen Eddin Allaham
    شكرا جزيلاً لكم
  25. Zen Eddin Allaham
    *{ padding: 0; margin: 0; font-family: sans-serif; box-sizing: border-box; } i{ color: orangered; } body{ background-color: #333; } header{ display: flex; justify-content: space-between; align-items: center; background-color: #222; width: 100%; height: 10vh; border-bottom: 3px solid orangered; } .navbar h1{ color: orangered; font-size: 35px; padding-left: 30px; } .navbar nav a{ text-decoration: none; color: white; padding-right: 30px; padding: 10px; transition: all 0.3s ease; margin-right: 10px; } .navbar nav a:hover{ background-color: #ffffff3c; color: orangered; } .hero{ background: url(desktop.jpg) no-repeat; background-size: cover; background-position: center; min-height: 600px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } .hero h2{ color: white; font-size: 40px; text-align: center; margin-top: 5%; } .hero span{ color: orangered; } .hero p{ color: white; text-align: center; margin-bottom: 10%; font-size: 18px; } .login{ border-top: 3px solid orangered; } .about{ display: flex; justify-content: center; align-items: center; flex-wrap: wrap; flex-direction: column; margin-top:50px; gap: 1rem; } .about h3{ margin-bottom: 10px; color: white; margin-right: 40px; } .about p{ margin-top: 10px; color: white; margin-bottom: 20px; } .h1{ color: white; text-align: center; margin-top: 20px; } .project{ display: flex; justify-content: center; align-items: center; flex-wrap: wrap; flex-direction: column; margin-top:50px; gap: 1rem; } .project h2{ font-size: 30px; text-align: center; margin-bottom: 20px; } .card{ padding: 3rem 4rem; background: #222; border: 2px solid orangered; } .card p{ flex: 1; margin-bottom: 2rem; color: white; } .card a{ text-decoration: none; color: white; background: orangered; padding: 1rem 2rem; } .card a:hover{ background-color: #ff4400df; } footer{ background-color: #222; width: 100%; height: 10vh; display: flex; justify-content: center; align-items: center; margin-top: 50px; } footer h3{ color: white; } footer a{ padding: 1rem 2rem; background-color: #222; border: 2px solid orangered; margin-left: 20px; text-decoration: none; color: white; transition: all 0.3s ease; } footer a:hover{ background-color: #444; } #arrow{ color: white; } .about a{ color: white; } <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css"> <link rel="stylesheet" href="style.css"> <title>Document</title> </head> <body> <header class="navbar"> <h1>ZN99</h1> <nav> <a href="">Home</a> <a href="">Project</a> <a href="">Information</a> <a href="">Contact</a> </nav> </header> <section class="hero"> <h2>Welcome to <span>ZN99</span> website</h2> <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Enim repellendus maxime sequi, voluptate earum odio dignissimos officia dolores voluptatem? Magnam voluptate quisquam aspernatur at. Quo ad tempore atque eveniet cumque?</p> </section> <div class="login"></div> <section class="about"> <i class="fa-solid fa-briefcase fa-5x"></i> <h3>Project</h3> <p>Our projects are amazing. If you are interested, check out the following link <a href="https://verdant-sunburst-444f9e.netlify.app/" target="_blank">View now <i class="fa-solid fa-arrow-right"></i></a></p> <i class="fa-solid fa-child-reaching fa-5x"></i> <h3>Make the person happy</h3> <p>We will be happy if we can make you happy.</p> <i class="fa-solid fa-screwdriver-wrench fa-5x"></i> <h3>Edit project</h3> <p>After creating your first website and you want to modify it, contact us and one of our team members will modify it for free.</p> <i class="fa-solid fa-hand-holding-dollar fa-5x"></i> <h3>Guarantee your investment</h3> <p>Money back guarantee if you don't like the project within 24 hours and we will be happy to hear from you.</p> </section> <br> <br> <hr> <h1 class="h1">Project</h1> <section class="project"> <div class="card"> <p>Calculator</p> <a href="">View a project <i id="arrow" class="fa-solid fa-arrow-right"></i></a> </div> <div class="card"> <p>Identification website</p> <a href="">View a project <i id="arrow" class="fa-solid fa-arrow-right"></i></a> </div> <div class="card"> <p>Godzilla</p> <a href="">View a project <i id="arrow" class="fa-solid fa-arrow-right"></i></a> </div> </section> <footer> <h3>Contact for ZN99</h3> <a href="">let's started</a> </footer> </body> </html> كيف يمكن جعل العناصر بجانب بعضهم
×
×
  • أضف...