كل الأنشطة

يعطيك الف عافية عندي سؤال بخصوص مايحدث في سوق العمل هل يتم الاستغناء عن مصمم واجهة المستخدم وتجربة المستخدم UI / UX والتعامل مباشرة مع مطور الواجهة الأمامية front-end أ اي يقوم بكتابة شيفرات HTML و CSS وجافا سكريبت لتنفيذ تصميم الموقع ؟!

يمكنك محادثة مركز المساعدة فهم المسؤولين عن الامور المالية والإدارية الخاصة بالدورات وستجد تفاصيل أكثر لديهم حيث هم المسؤولين عن توفير الباقة لك . يمكنك محادثتهم من خلال الرابط التالي : https://support.academy.hsoub.com/conversations

أرى على موقع بعيد ان هناك باقتين باقه ب 100 وباقه ب 200 والدوره تمنحنا باقه 100 وانا امتلك دورتين هل اخذ باقه 200 ؟ ولو مينفعش اخذ باقه 100 من الدوره وهو النصف الاول من الباقه 200 ولما اخد شهاده الدوره الثانيه اخذ الجزء الثاني من الباقه 200 أرى على موقع بعيد ان هناك باقتين باقه ب 100 وباقه ب 200 والدوره تمنحنا باقه 100 وانا امتلك دورتين هل اخذ باقه 200 ؟ ولو مينفعش اخذ باقه 100 من الدوره وهو النصف الاول من الباقه 200 ولما اخد شهاده الدوره الثانيه اخذ الجزء الثاني من الباقه 200

في حال اشتركت بدورتين، ستحصل على خدمتين كاملتين من موقع بعيد مع كل المزايا المرتبطة بكل دورة، بينما الدعم المهني وفرص التوظيف سيكون بشكل موحّد يغطي الدورتين معًا. بعد إتمامك للدورة والحصول على الشهادة، ستُمنح تلقائيًا خدمة إعداد السيرة الذاتية على موقع بعيد. ضمن هذه الخدمة سيجري معك فريق التوظيف مقابلة قصيرة للتعرف على خبراتك ومهاراتك، ثم يقومون بصياغة سيرة ذاتية احترافية موجهة لك شخصيًا، إضافة إلى نصائح عملية تساعدك على بدء مسيرتك سواء بالعمل الحر أو بوظيفة. ويمكنك التواصل مع مركز المساعدة لمساعدتك في أي استفسارات: https://support.academy.hsoub.com/conversations

بعد الحصول على الشهادة من الأكاديمية مباشرة سيتم منحك باقة كتابة السيرة الذاتية في موقع بعيد بقيمة 99$ مجانًا وسيجري لك فريق أخصائي التوظيف مقابلة صوتية يتعرف فيها على مهاراتك ويكتب لك أفضل سيرة ذاتية مخصصة لك ثم سيتابع معك لضبط حسابك على مستقل وبعيد ويقدم لك نصائح مخصصة للحصول على عملك الأول سواء كان في العمل الحر أو وظيفة في شركة ما . وبالنسبة إذا أخذت دورتين فسيتم إعطاءك باقتين لموقع بعيد ومميزات التخرج لكل دورة أما بالنسبة إلى الوظيفة فهي ستكون شاملة للدورتين . ويمكنك محادثة مركز المساعدة لمساعدتك بشكل أفضل في هذا الموضوع حيث الأمور المالية خاصة فقط بمركز المساعدة : https://support.academy.hsoub.com/conversations ويرجى الإنتظار لحين الرد عليك حيث حاليا يوجد ضغط على مركز المساعدة ومن الممكن أن يتأخر الرد قليلا لهذا لا داعي للقلق.

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

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

اريد ان اعرف كل ماتحتويه مكتبة pandas من توابع ودوال وكل شي فيها كيف احصل على موقع او كتاب مترجم بالعربية يساعدني في تعلم كل مافي هذه المكتبة ؟

السلام عليكم ارغب في تعلم تطوير الويب full stack development ، حيث اني قد قمت بدراسة اساسيات البرمجة و تعلمت التفكير المنطقي بشكل جيد، و عملت عدة مشاريع بسيطة بإستخدام بايثون فقط، ثم انتقلت لتعلم اساسيات front end development (html, css, javascript) وطبقت ما تعلمته في واجهة تسجيل دخول بسيطة، و الان بدأت في تعلم اطار العمل django ،كيف علي ان اكمل باقي الطريق بالترتيب لإحتراف ال full stack ؟

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

شكرا جزيلا على التوضيح هل من الجيد الجمع بينهما ؟

هذا صحيح لان العنصر اللي واخد 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

السلام عليكم ورحمه الله وبركاته هل في مراجعة ل مسار الذكاء الاصطناعي ؟ مع العلم انو انا عملت مراجعة بأهم مواضيع الدورة بس بدي للإستزادة لو في

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

لم افهم بضبط متى استعملهما

كما من إسم الخاصيتين فإن position هي الموضع أى تستطيع التحكم في تموضع العنصر ضمن تدفق المستند أى يمكنك تحريك العنصر بناء على صفحة العرض بأكملها وبناء على القيمة نفسها. أما translate فهي تحريك . أى تقوم بتحريك العنصر من مكانه الحالي أى يتم التحريك بالنسبة لموضعه الأساسي وليس من الصفحة بأكلمها وهي تشبه وضع قيمة relative للخاصية position. إذا قم باستخدام position عندما تريد تغيير تخطيط الصفحة وقم باستخدام translate لتحريك العنصر من مكانه الأساسي.

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

قلت لي انه يوجد postion فقط لنقل المحتوى ولكن حتا translate تنقل محتوى

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