اذهب إلى المحتوى

محمد عبد العزيز3

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

  • المساهمات

    95

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

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

 نوع المحتوى 

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

البرمجة

التصميم

DevOps

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

العمل الحر

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

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

قصص نجاح

أسئلة وأجوبة

كتب

دورات

كل منشورات العضو محمد عبد العزيز3

  1. محمد عبد العزيز3
    # يوجد طريقتين لتحميل الصورة علي الكمبيوتر: أولاً: الطريقه الأسهل والأسرع بإستخدام السمه الdownload التي يوفرها الanchor tag وسأشرح لك كيفيه تنفيذ ذلك كالتالي: تقوم بإنشاء تاج الimg وتضع فيه مسار الصورة حتي تكون ظاهره للمستخدم قبل تحميلها. ثم تقوم بإنشاء الanchor tag وتُعطي له خاصية الhref بمسار الصورة. ثم تقوم بوضع الخاصيه download وبإمكانك إعطاها قيمه أخري وبالتالي سوف تظهر الصورة علي جهاز المُستخدم بهذا الإسم. ثم تضع داخل تاج الanchor تاج الbutton وتعطي له قيمه وليكن تحميل الصوره. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>LEARN OOP</title> </head> <body> <img src="./your-path.png" alt="Download Image"> <br /> <a download="custom-name.png" href="./your-path.png"> <button type="button"> تحميل الصورة </button> </a> </body> </html> ثانياً: طريقه إستخدام الjavascript التي تريدها في تنفيذ نفس الهدف وهو تحميل الصورة عند الضغط عليها والشرح موجود في التلعيقات الخاصه بالكود. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>LEARN OOP</title> </head> <body> <img src="./me.png" id="img" alt="Download Image" width="300"> <br /> <button type="button" id="btnDownload"> تحميل الصوره </button> <script> // نقوم بجلب عنصر الزر من الصفحه ووضعه في مُتغير const btnDownload = document.getElementById("btnDownload") // نقوم بإضافه حدث للزر وهو حدث الضغط click btnDownload.addEventListener("click", function () { // نقوم بجلب الصوره من الصفحه ووضعها في متغير const img = document.getElementById("img"); // نقوم بإنشاء تاج الانكور حتي نستطيع استخدام خاصيه ال download الخاصه به const aTag = document.createElement("a"); // نقوم بجعل خاصية الاتس ريف الخاصه بتاج الانكور تساوي خاصيه الاس ار سي الخاصه بتاج الايميج // ولهذا قمنا بجلب الصوره في الأعلي aTag.href = img.src; // الجزء الأهم وهو إستخدام خاصيه الداونلود وإعطاءها قيمه تظهر عند تحميلها aTag.download = "custom-name.png"; // نقوم بوضع عنصر الانكور في جسم الصفحه document.body.appendChild(aTag); // نقوم بجعل تاج الانكور قابل للضغط حتي يتم تحميل الصوره aTag.click(); // نقوم بحذف عنصر الانكور من جسم الصفحه بعد تحميل الصوره document.body.removeChild(aTag); }); </script> </body> </html> بالتوفيق.
  2. محمد عبد العزيز3
    بالفعل دورة علوم الحاسوب تتضمن مسار كامل يشرح الخوارزميات وبني المعطيات والتي منها ستتعلم تحليل الخوارزميات, خوارزميات البحث والترتيب, الخوارزميات الرياضيه بالإضافه إلي خوارزميات الرسوم البيانيه الدروة ستجعلك تمتلك معرفة قوية بأهم مواضيع علوم الحاسوب حيث أنك ستتعلم من الأساس بداية من تعلم سكراتش ثم معرفة مكونات الحاسوب من مكونات برمجيه software ومكونات عتادية hardware والتفكير المنطقي والخوارزميات مروراً بأساسيات البرمجه والتعامل مع لغة Javascript و Python والتعرف علي مفاهيم البرمجه كائنية التوجهه (OOP) والتعمق أكثر في الخوارزميات وبنى المعطيات كما أشرت في الأعلي, كما أنك ستتعامل مع أنظمه التشغيل المتقدمه ك Linux وقواعد البيانات العلاقيه SQL وغير العلاقيه NOSQL ومعرفه ربط قاعدة البيانات مع Node.js والمرور علي عالم الويب وأنماط تصميم البرمجيات ختاماً بتعلم أساسيات هندسه البرمجيات وبالتالي ستخرج من هذه الدورة تقف علي أرض صلبه تجعلك قادر علي الدخول في أي مسار برمجي وفهمه وتعلمه بصورة سريعه حيث أن الأساس والمنطق البرمجي لديك سيكون قوي وهذا سيساعدك أيضاً في حل مسائل الleetcode.
  3. محمد عبد العزيز3
    # يُمكن توسيط العنصر في الصفحه بإستخدام عدة طرق مختلفه وأشهرها كالاتي: أولاً: إعطاء العنصر الذي تريد توسيطه position: absolute مع top: 50% و left: 50% ثم transform: translate(-50%, -50%) وبالتالي سيتم توسيط العنصر أفقياً ورأسياً في منتصف الصفحه تماما, كما يُمكن توسيط العنصر رأسياً فقط بجعل top: 0% و left: 50% ثم transform: translate(-50%, 0) , وأيضاً يُمكن توسيطه أفقياً فقط بجعل left: 0% و top: 50% ثم transform: translate(0, -50%) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>CENTER</title> <style> a { border: 5px solid; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 10px; } </style> </head> <body> <a href="#">LINK</a> </body> </html> ثانياً: بإستخدام ال flexbox وذلك بإعطاء الأب الخاص بالعنصر الذي تُريد توسيطه وفي حالتنا الأب هو body, html الخواص display: flex و align-items: center لتوسيط الأبناء رأسياً و justify-content: center لتوسيط الأبناء أفقياً ويُعد flexbox من أهم وأشهر الطُرق لتخطيط الصفحه بطريقه سليمه وتحديد أماكن العناصر فيها ويُمكنك الإطلاع علي الرابط التالي من موسوعه حسوب للتعمق أكثر في ال flexbox وطُرق إستخدامه: https://wiki.hsoub.com/CSS/Topics/Flexbox <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>CENTER</title> <style> body, html { height: 100vh; display: flex; justify-content: center; align-items: center; } </style> </head> <body> <a href="#">LINK</a> </body> </html> بالتوفيق.
  4. محمد عبد العزيز3
    مرحباً بدر, نعم سيكون هناك دعم فني ووصول للدورة أيضاً مع التحديثات الخاصه بها مدي الحياه, فقط ستقوم بإرسال سؤالك وسيقوم أحد المُدربين بالرد عليك علي الفور أو يُمكنك التواصل مع مركز المساعده للرد علي سؤالك وارشادك بشكل أفضل. يُمكنك أيضاً الإطلاع علي كل الميزات الخاصه بدورات الأكاديميه والمُوضحه بشكل جيد من خلال زيارة هذا الرابط: https://academy.hsoub.com/learn/front-end-web-development/#features-section بالتوفيق.
  5. محمد عبد العزيز3
    كما وضح المدربون في التعليقات السابقه أن الدوره تتكون من 72 ساعة فيديو تدريبية وهذا لا يدل أنك ستقوم بإنهاء الدورة في 72 ساعه مذاكره, لأن الأمر يختلف من شخص إلي شخص اخر وقدرة الإستيعاب الخاصه بالشخص وأيضاً اذا كان له خبره مُسبقه في مجال علوم الحاسوب أم لا وبالتالي الأمر نسبي. هناك بعض الأمور التي ستواجهها أثناء التعلم وهي كالتالي: سيكون هناك تطبيق عملي مع المُدرب للتأكد من أنك فهمت موضوع الدرس بشكل جيد. ستواجهه مشاكل أثناء التطبيق العملي وستقضي وقتاً للبحث عن حل لها وبالتالي عندما تواجهك نفس المُشكله مره أخري ستحلها بكل سهوله أو ستتجنب وقوعها. سيكون هناك مواضيع ستحتاج للبحث والقراءه عنها والتطبيق عليها لفهمها بشكل أعمق. ضع في الحُسبان أنه يُمكن أن يكون هناك ظروف خارجيه خاصه بك يُمكن أن تُؤثر علي المُعدل الذي ستضعه للتعلم. يجب أن يكون هدفك الأساسي هو فهم كل ما يشرحه المُدرب بشكل كامل وجيد وأن لا يكون هدفك هو إنهاء الدورة في فتره مُعينه. يُمكنك إتباع إستراتيجيه أخري في التعلم وهي أنك ستقوم بتخصيص عدد من الفيديوهات التعليميه يومياً ستقوم بفهمها بشكل كامل دون النظر إلي عدد الساعات التي تقضيها لمذاكره هذا العدد من الفيديوهات, وبالتالي يمكن أن يأخذ منك فهم عدد مُعين من الفيديوهات ساعتين مثلاً أو أكثر أو أقل من ذلك. بالتوفيق.
  6. محمد عبد العزيز3
    السلام عليكم, انا جربت الاتنين والتحذير بقي زي ما هو مفيش اي حل تاني لاني بحثت كتير ومش لاقي؟ شكرا..
  7. محمد عبد العزيز3
    انا دورت ومش لاقي حل لل warning ده وهل الwarning ده بيأثر علي المشروع؟ (2189:3) autoprefixer: Replace color-adjust to print-color-adjust. The color-adjust shorthand is currently deprecated. @ ./node_modules/bootstrap/dist/css/bootstrap.rtl.min.css @ ./src/js/index.js 1:0-50 webpack 5.73.0 compiled with 1 warning in 3990 ms
  8. محمد عبد العزيز3
    السلام عليكم, هل ينفع اعمل ال protofolio الخاص بيا علي موقع upwork بالشغل اللي طبقت عليه في الكورس اللي هو باللغه العربيه ولا اعمل منه نسخه باللغه الانجليزيه وبعدين اعرضه علي ال protofolio بتاعي, ولا اشوف اي مشاريع تانيه بعيده عن الكورس اعملها وبعدين احطها في ال protofolio مع العلم اني واقف في الكورس عند بناء خمس صفحات هبوط. وبسأل لأني شوفت شغل علي upwork قادر بعون الله اشتغل فيه كمبتدأ يعني وكمان عشان آخد الخبره علي مواقع الفريلانسر بجانب الكورس لحد ما انتهي منه ان شاء الله. ودا البروفايل الخاص بيا علي upwork ولو فيه اي نصائح عليه يعني. https://www.upwork.com/freelancers/~0155648545fa579fcd شكرا.
×
×
  • أضف...