لوحة المتصدرين

السلام عليكم لدي سؤال في الفترة الاخيرة لاحظت دورات تصميم او تعليم (تصميم واجهات المستخدم بدون برمجة) مالفرق بينها وبين التصميم ببرامج تحتاج اكواد وبرمجة ؟ "هل الاثنين متساويان في سوق العمل؟ الرجاء توضيح الفرق بينهما، وشكرًا لكم."

هذا صحيح لان العنصر اللي واخد position: absolute يتحرك بالنسبة للأب، لازم الأب يكون عنده position: relative (أو أي قيمة غير static مثل relative, او absolute, أو fixed). و اذا كان الأب ليس position: relative أو أي قيمة غير static → العنصر الـ absolute هيتعامل مع أقرب عنصر أب لديه position غير static، و اذا لم يجد اي اب سوف يتحرك بالنسبة للـ صفحة نفسها (body/html). و لنأخذ مثال: <div class="parent"> <div class="child">أنا مطلق - absolute</div> </div> // CSS >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>. .parent { width: 200px; height: 200px; background: lightblue; position: relative; /* 👈 مهم */ } .child { position: absolute; top: 20px; left: 20px; background: coral; } هنا الـ .child هيتحدد مكانه 20px من فوق و 20px من اليسار بالنسبة للأب .parent.

لتتفعل خاصية postoin absolute يجب ان يكون الأب بتاعو postoin relateve صحيح ؟

وعليكم السلام ورحمة الله وبركاته. الفرق الأساسي بين تصميم الواجهات بدون برمجة والتصميم بالبرمجة هو مثل المهندس المعماري الذي يقوم بتصميم شكل المبنى وأبعاده وكل شئ يخصه وبين المهندس الإنشائي الذي يأخذ هذا التصميم ثم يقوم بتنفيذه وبناء هذا البناء . حيث تصميم الواجهات بدون برمجة يركز على التصور والشكل وتجربة المستخدم بينما يركز التصميم بالبرمجة على تحويل هذا التصور إلى موقع حقيقي يعمل. فمصمم الواجهات (UI/UX Designer بدون كود): هو المسؤول عن كيف سيبدو التطبيق وكيف سيشعر المستخدم عند استخدامه وأفضل تصميم يناسب المستخدم ويقوم بعمل أبحاث المستخدم ويرسم تدفق الاستخدام (User Flow) ويصمم كل شاشة وكل زر بالأبعاد وكل شئ. ويقوم بإنتاج ملفات تصميم على Figma أو Adobe XD يتم تسليمها للمطورين وبالنسبة لسوق العمل فإن الطلب عليه مرتفع جدا حيث لا يمكن لأي شركة اليوم بناء منتج جيد بدون مصمم UI/UX محترف. أما مطور الواجهات الأمامية (Front-End Developer بالكود): هو الشخص الذي يأخذ تصميم ال UI/UX ويحوله إلى كود حقيقي يتفاعل معه المستخدم ويقوم بإنتاج كود برمجي لموقع أو تطبيق ويب وبالنسبة لسوق العمل فأيضا الطلب عليه مرتفع جدا فهو الوسيلة لتحويل التصميم إلى موقع حقيقي يمكن إستخدامه. وفي الشركات يعمل الاثنان معا المصمم يسلم تصميمه إلى المطور والذي يحول هذا التصميم إلى كود.

اذا اردت ان أقوم بأنشاء كائن يحتوي على قيم خاصة ولكن بشكل حرفي بدون انشاء دالة للبناء فكيف يمكنني ذالك //تعريف الكائن مع القيم الخاصة عن طريق دالة بناء function Person (name , age , gender){ //هنا قمنا باستخدام let بدل this لنبين انة قيمة خاص let id = Math.fllor(Math.random()*10) this.name = name, this.age = age, this.gender = gender //هنا قمنا ببناء دوال للقراءة او التعديل على القيمة id المعرف سابقا على انة خاص Object.defineProperty(this,"id",{ get:function(){return id}, set:function(value){id = value} }) } const person = new Person("feras",26 , "male") //تعريف الكائن مع قيم خاصة بدون دالة بناء //؟؟؟؟؟؟؟؟؟؟؟؟؟؟

تم الرد علي السؤال اسفل الدرس من فضلك اطرح سؤالك أسفل الدرس وليس هنا حيث هنا قسم الأسئلة العامة ولا نقوم بإجابة الأسئلة الخاصة بمحتوى الدورة أو الدرس، وذلك لمعرفة الدرس الذي توجد به مشكلتك و لمساعدتك بشكل أفضل.

يجب استيعاب آلية عمل كل منهما أولاً، فباستخدام خاصية position مثل relative, absolute, fixed مع خصائص الإزاحة top, left, right, bottom، فأنت تقوم بتغيير مكان العنصر ضمن تخطيط الصفحة. حيث position: relative تعمل على تحريك العنصر بصريًا من مكانه الأصلي، لكن المتصفح لا يزال يحجز مساحته الأصلية في تدفق الصفحة، والعناصر الأخرى لا تتأثر ولا تملأ الفراغ الذي تركه. بينما position: absolute أو position: fixed يتم إخراج العنصر بالكامل من تدفق الصفحة، والعناصر الأخرى تتصرف وكأنه غير موجود وتملأ مكانه، ويصبح العنصر وكأنه يطفو فوق الصفحة. ونستخدم position: relative تمهيدًا لاستخدام position: absolute حيث يتم تحريك العنصر تبعًا لأقرب عنصر أب له به يمتلك خاصية position: relative. ستحتاج إلى تجربة تلك الخواص عمليًا لتفهم آلية عملهم بشكل واضح، قم بتجربة التالي، اختر اضغط على كل خاصية لترى تأثيرها، وقم بعمل سكرول في الصندوق لتفقد هل تؤثر أي منها عند التحرك صعودًا وهبوطًأ في الصفحة؟ https://developer.mozilla.org/en-US/docs/Web/CSS/position ونستخدم خاصية position من أجل تصميم هيكل الصفحة أي تحديد مكان العناصر في الصفحة، بينما خاصية transform: translate() نستخدمها من أجل تأثيرات الحركة أو أي تغيير بصري لا نريده أي يؤثر على بقية عناصر الصفحة، حيث تلك الخاصية هي جزء من مجموعة التحويلات transform، وهي تعمل في مرحلة لاحقة من عرض الصفحة، لأنّ transform: translate(x, y) تقوم بتحريك العنصر بصريًا فقط دون أن تغير مكانه أو حجمه المحجوز في تخطيط الصفحة، أي بالنسبة للمتصفح، لا يزال العنصر في مكانه الأصلي ضمن تدفق المستند، وكل ما يحدث هو أن المتصفح يقوم برسم العنصر في مكان جديد، ولذلك لا تؤثر إطلاقًا على أماكن العناصر الأخرى المحيطة. قم بتجربة تأثيرها هنا: https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/translate

الأمر به مخاطرة بالطبع، وحتى لو طالت المدة يوجد مخاطرة بحظر حساب الشركة أيضًا، فأنظمة Google قوية جدًا في إنشاء بصمة رقمية للمستخدمين من خلال Big Data، بمعنى الربط بين الأجهزة المشتركة (أجهزة الكمبيوتر، الهواتف الذكية) وتسجيل الدخول إلى حساب مطور جديد أو مختلف من جهاز تم استخدامه مسبقاً للوصول إلى حساب تم إنهاؤه هو علامة خطر، بالتالي يمكن للنظام تتبع المعرفات الخاصة بالجهاز. ولو استخدمت نفس الشبكة في منزلك أو شبكة المكتب بنفس عنوان IP الذي تعرض للحظر، وذلك للوصول إلى حسابات مطورين متعددة فبذلك تعرضها لخطر الحظر، حتى استخدام شبكات Wi-Fi العامة أو الشبكات الافتراضية الخاصة (VPNs) محفوفة بالمخاطر أيضًا، فأنت لا تضمن استخدام مطور محظور لنفس الخدمة. والمتصفحات الحديثة توفر الكثير من البيانات منها الخطوط، الإضافات، دقة الشاشة، وكيل المستخدم user-agent، والتي من خلالها يتم إنشاء بصمة فريدة بجانب بيانات أخرى، وذلك يربط الأنشطة عبر حسابات مختلفة حتى بدون ملفات تعريف الارتباط أي الكوكيز. وتوجد حالة مشابهة، ابحث عن Raya Games، حيث تم حظر الحساب الشخصي لموظف سابق منذ ثلاث سنوات، وبعدها تم إنهاء حساب الشركة بسبب الارتباط واستخدام الموظف لحساباتها، تم أيضاً إنهاء حساب Google الشخصي للمالك، وكان الرابط الوحيد هو الوصول المتبقي للموظف السابق إلى تطبيق قديم وغير منشور. ستحتاج إلى استخدام بصمة مختلفة غير متعلقة بالحساب الذي تم حظره، أي جهاز جديد إن أمكن وIP جديد ومتصفح مختلف، ولا تقم بتسجيل الدخول من أي حساب جوجل قمت بتسجيل الدخول به على الجهاز القديم، فجوجل لا تعتمد فقط على الموقع الجغرافي، بل على الـ IP والجهاز، ولو الـ IP الخاص بك في الجزائر، فسيتم التعرف عليه حتى لو كان الحساب مسجلاً في قطر. غير الـ IP من خلال VPN مثل ExpressVPN أو NordVPN لتغيير الـ IP إلى واحد في قطر أو بلد آخر، وفعله دائماً عند الوصول إلى Play Console. ولو أردت استعادة حسابك الشخصي قدم طعناً appeal عبر الرابط في الإشعار مع شرح الظروف وإثبات صدق نيتك، لكن نسبة القبول ضعيفة.