Yomna Raouf

مرحبًا عبد الواحد.

يمكنك تصميم موقع مشابه للموقع الذي قمت بإرساله باستخدام HTML و CSS و JavaScript و Bootstrap مع استخدام بعض مكتبات JavaScript مثل:

•  مكتبة aos.js و هي المكتبة التي تم استخدامها لصنع الحركات ال animations يمكنك الاطلاع على التوثيق الخاص بها من هنا.
• مكتبة sweet alert.js و هي المكتبة المسؤولة عن إظهار حاويات منبثقة لتأكيد عملة إرسال البيانات في الجزء الخاص بالمراسلة يمكنك الإطلاع على التوثية الخاص بها من هنا. 

• مكتبة owl carousel.js  و هي المكتبة التي تم استخدامها لبناء ال carousel في قسم our clients يمكنك الاطلاع على التوثيق الخاص بها من هنا.

يمكنك بناء جميع أقسام الموقع باستخدام HTML و css و javaScript و jquery و Bootstrap و بعض التأثيرات الخاصة ب css التي قمت بتعلمها خلال الدورة.

يمكنك أن تبدأ بالعمل عليه و طرح الأسئلة هنا في حال واجهتك مشاكل أو وجدت بعض الصعوبات.

بالتوفيق.

بتاريخ 10 ساعات قال Abdallah Abdarrahman:

السلام عليكم

انا مشترك جديد في دورو php أريد معرفة هل توجد إرشادات معينة للطلاب الجدد للحصول علي أكبر قدر من الاستفادة من الدورة.

وشكرا

مرحبًا بك عبد الله.

بالإضافة إلى ما ذكره الأستاذ عبود. أنصحك بأن تقوم بالتالي حتى تحصل على أكبر استفادة ممكنة:

• يمكنك أن تقوم بتقسيم الشاشة أثناء متابعة الدرس بحيث يصبح نصفها المتصفح "فيديو الشرح" و النصف الآخر محرر الأكواد الخاص بك و الكتابة "الأكواد و أي ملاحظات" مع المدرب أثناء الشرح
• بعد أن تنتهي من الدرس يمكنك أن تقوم بالبحث ( في الدروس و المقالات الموجودة في الأكاديمية  و في موسوعة حسوب و في الانترنت) عن موضوع الدرس و القراءة عنه أكثر. سيساعدك ذلك في ثتبيت المعلومات التي تعلمتها و فهمها بشكل أعمق
• لا تتردد أبدًا في طرح الأسئلة في حال وجود جزء غير واضح بالنسبة لك.
• أهم نصيحة هي الممارسة, الممارسة و الممارسة. حيث أن هذا المجال يعتمد على التطبيق العملي بشكل كبير فوحدها الممارسة المستمرة يمكنها أن تجعل منك مطورًا ماهرًا جدًا. لذلك أنصحك دائمًا بأن تعمل على مشاريع خاصة بك أو أن تقوم بالإضافة إلى المشاريع التي تقوم ببنائها داخل الدورة أو التغيير فيها و إضافة لمساتك الخاصة. سيساعدك ذلك كثيرًا على تطوير مستواك.

بالتوفيق.  

بتاريخ منذ ساعة مضت قال عبد الواحد الحدادي:

مرحباً بكم أعزائي؛ 

أريد أن أعرف من فضلكم كيف أتحكم في شكل لون الخلفية، في الصورة المرفقة ( الطبقة الحمراء ) أريد فعل مثل ذلك . 

أتمنى أن يكون سؤالي واضح لكم، وبارك الله فيكم إخواني .

مرحبا عبد الواحد.

يوجد العديد من الطرق التي تمكنك من القيام بذلك ربما أبسطها هو استخدام صورة خلفية كما يلي:

و من الطرق الأخرى ما يلي:

• SVG كما في المثال التالي: يمكنك في التفكير في ال SVG على أنها صور و لكنها تعتبر أفضل من صور jpeg. حيث أنها تحافظ على جودتها في مقاسات الشاشة المختلفة "لا تتشتت"
• الخاصية clip-path في css 

يوجد العديد من المواقع التي يمكنك استخدامها لتوليد هذه الأشكال ولصق الأكواد في مشروعك مثل هذا الموقع على سبيل المثال.

• يمكنك كذلك استخدال الخاصية. transform:skew في css 

يمكنك قراءة هذا  المقال  لمزيد من المعلومات و الشرح عن الفروق بين هذه الطرق.

بالتوفيق.

السبب في ذلك هو أن python scripts. غير موجودة في متغيرات النظام. يمكنك أن تقومي بإضافة python و python scripts إلى متغيرات النظام و ستعمل بالسكل الصحيح.

يمكنك اتباع الخطوات الموجودة في هذا الفيديو و بعد ذلك إعادة تشغيل الجهاز و التجربة مرة أخرى.

إذا واجهتك أي مشكلة يمكنك أن تطرحي الأسئلة هنا و سنقوم بمساعدتك.

بالتوفيق.

بتاريخ 2 ساعات قال Ali Alabri:

تضهر الصفحة فارغه بدون اي شي

 

هل يمكنك التوضيح أكثر و إرسال صور للأكواد و النتائج حتى نتمكن من مساعدتك بشكل أفضل.

@Ali Alabri

هذا لأن  جافاسكريب لا تعمل إلا في المتصفحات عن طريق ربطها بملفات html أو باستخدام ال console الموجودة في أدوات المطوريين. 

أنصحك بمشاهدة الفيديو التالي لتتعلم كيفية تشغيل/استخدام  javaScript في المتصفح

أما إذا أردت تشغيلها/استخدامها خارج المتصفح يجب أن تقوم بتنزيل node من الموقع الرسمي  nodejs.org   "يجب تنزيل النسخة LTS" و بعد أن تقوم بتنصيب node ستتمكن من استخدام جافاسكريبت خارخ المتصفح كما يلي:

• نقوم بإنشاء ملف في مجلد F مثلا و نسميه script.js و نكتب به بعض الأكواد ونحفظ الملف
• بعد ذلك ننتقل إلى الطرفية و ننتقل إلى المجلد F باستخدام الأمر  /:cd F 
• بعدها نقوم باستخدام الأمر   

  node script.js

        أي node بعد ذلك اسم الملف. و ستظهر النتائج في الطرفية. بذلك يمكنك استخدام javaScript في جهازك.

وعليكم السلام و رحمة الله و بركاته.

يمكنك القيام بذلك باستخدام مكتبة في python تسمى pandas.

باستخدام الكود التالي: 

• في البداية نقوم باستيراد المكتبة و تعديل اسمها ل pd حتى يسهل علينا استخدامها
• نقوم بتعريف متغير df أي. DataFrame 

حتى تتمكن من استخدام المكتبة يجب أن نقوم بتنزيلها أولا من خلال استخدام الأمر التالي في الطرفية.

pip install pandas

يمكنك قراءة المزيد من هنا.

مرحبا محمود.

للأسف لا يوجد طريقة لذلك. يجب أن تقوم باستخدام استضافات تدعم php مثل bluehost أو hostgator على سبيل المثال.

بتاريخ 8 ساعات قال مروان مروان3:

انتي لم تقومي بالعمل على virtual machicne بهذا الموصفات المذكوره بعد زيادة الرام؟اذا كنتي عملتي كيف كانت التجربه؟

 

 

ايضا سوال لو سمحتي اذا كان i7

ولكن الاصدار 6th هل رح يكون فيه فرق كبير بينه وبين الاصدار 8th؟في الاداء؟

 

مع وجود رام 16 جيجا 

بتاريخ 9 ساعات قال مروان مروان3:

نتي لم تقومي بالعمل على virtual machicne بهذا الموصفات المذكوره بعد زيادة الرام؟اذا كنتي عملتي كيف كانت التجربه؟

قمت باستخدام  Oracle VM virtual machine و لم أواجه أي مشكلة في الأداء.

بتاريخ 9 ساعات قال مروان مروان3:

ولكن الاصدار 6th هل رح يكون فيه فرق كبير بينه وبين الاصدار 8th؟في الاداء؟

 

مع وجود رام 16 جيجا

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

يمكنك العمل بهذا المعلج مع تقية الرامات و سيعمل بشكل جيد. و لكن أفضل رامات أكثر من 16GB إذا كنت تستطيع تحمُل تكلفتها سيساعدك ذلك كثيرًا على العمل بشكل أفضل.

بالتوفيق.

بتاريخ 8 ساعات قال مروان مروان3:

اهلا بك

الرام 8 

ولكن المعالج i7 الاصدار الثامن 

لا يوجد أي مشكلة في ال processor السبب في أن سعة ال RAM قليلة جدًا ف 8GB من الرام لا تطلح أبدًا لهذا الأمر.

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

الجهاز الخاص بي مواصفاتة كالتالي:

core i7 8th Generation

cores 4 

logical processors 8 

"لا يوجد أي مشكلة في ال processor ف أداءه ممتاز"

RAM 8GB 

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

يمكنك أن تتجه إلى إحدى مراكز الصيانة و شراء RAM إضافية و تركيبها لجهازك.

و لكن في حالتك أنصحك بزيادتها عن 16GB لأنك ستقوم بتشغيل virtual machine فقد تواجه مشاكل أيضًا قي هذه الحالة مع ال 16GB of RAM.

مرحبًا مروان.

هل تقصد RAM 16 GB??

@مروان مروان3

هل يمكنك إرفاق صورة لل task manager أثناء تشغيلك لل virtual machine ??

يمكنك أن تجد بعض المشاريع المتعلقة ب tkinter في منصات العمل الحر مثل freelancer و upwork و مستقل"لم أصادف مشاريع متعلقة ب tkinter أو ال  GUI عمومًا كثيرًا على مستقل". يمكنك أيضًا أن تقوم بالتدريس للمبتدئين.

لكن إذا كنت تبحث عن وظائف في شركات مثلًا فلا أظن أنه من الممكن أن تجد وظيفة تتطلب معرفة tkinter فقط "أو على الأقل وظيفة تُدِّر دخل جيد" و لكن أنصحك بالبحث عن وظائف tkinter في linkedin و indeed  أو مواقع التوظيف الأخري عن وظائف tkinter أو GUI عمومًا حتى تستطيع تكوين فكرة أفضل عن متطلبات سوق العمل.

و لكن في العموم حتى تجد وظيفة جيدة كمطور python نصيحتي لك هي أن تتعلم أحد المجالات التالية فهي الأكثر طلبًا و دخلًا:

• Machine Learning 
• Data Science 
• Web development

يمكنك القيام بذلك باستخدام الدالة ()type كما يلي:

var = 10
type(var)        #<type 'int'>
 
var = 10.5
type(var)        #<type 'float'>
 
var = "Computer"
type(var)        #<type 'str'>
 
var = [34, 57, 37]
type(var)        #<type 'list>

للمقارنة:

num = 34.22
if( type(num) == float):
    print('This number is float')
else:
    print('This number is not float')

يمكنك قراءة المزيد من  هنا و هنا و هنا.

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

أما ال RAM فلا أنصح بأقل من 16GB  خصوصا في مجال تطوير  تطبيقات الهاتف لأنك ستحتاج لاستخدام محاكي و طرفية و متصفح و محرر أكواد كل هذا في نفس الوقت و كل ذلك يستهلك مساحة كبيرة من ال RAM. و العمل ب RAM ذو سعة قليلة سيسبب لك العديد من المشاكل و لن تتمكن من العمل به.

بالتوفيق.

يوجد العديد من المكتبات التي يمكنها التعامل مع الباركود في جافا و لكن اختيار المكتبة المناسبة يتوقف على نوع الباركود نفسه.

أنصحك بقراءة هذا المقال فهو يشرح أنواع الباركود و أشهر المكتبات و المكتبة المناسبة لكل باركود.

لا, لا يتم إغلاق الفيديوهات بعد انتهاء الدورة. يمكنك دائمًا الوصول إليها في الوقت الذي تريده.

فبشرائك لأحد الدورات على حسوب تحصل على وصول مدى الحياة لمحتويات الدورة

اقتباس

 

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

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

 

مرحبًا عبد الواحد.

أحسنت العمل أرجو أن تستمر بهذا الأداء دائمًا فهذا سيجعل منك مطورًا ماهر للغاية.

السبب في هذا أن هذه الحاوية "التي قمت بإضافة صورة الخلفية لها" موجودة داخل حاوية div لها صنف التنسيقات container تمامًا مثل الأقسام السابقة لها. فهذا الصنف يجعل العناصر تظهر في منتصف الصفحه بهذا الشكل.

يمكنك أن تقوم بإخراجها منه و بعدها إعطاء الحاوية "التي قمت بإضافة صورة الخلفية لها" التنسيقات التالية:

div { 
  width: 100vw; /*كامل عرض الشاشة*/
}

أو يمكنك تركها في مكانها داخل الحاوية container و إعطائها التنسيق  التالي:

div {
  margin-right:0!importaint; 
  /*bootstrap يعني أننا نريد إلغاء تنسيقات bootstrap  لأننا نقوم بتعديل التنسيقات المستخدمة في important  نستخدم */
  margin-left:0!importaint;
  width: 100vw!importaint;
  
}

 بالتوفيق.

يعتمد تعلم البرمجة على التطبيق العملي لما تتعلمه فمشاهدة السلاسل التعليمية تباعًا "في فترة زمنية قصيرة" دون التطبيق العملي لن يفيد في شيء.

يوجد العديد من المواقع التي يمكنك أن تبدأ بممارسة اللغة و حل بعض المشكلات, منها:

• hackerrank
• edabit

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

من الممكن أن تستغرق ساعات طويلة أو أيام أو ربما أسبوع في حل مشكلة واحدة فقط خاصةً في البداية. لا داعي للقلق في هذه الحالة فهذا أمر طبيعي جدًا  و جميع المطورين حتى أمهرهم و أكثرهم خبرةً مرُّوا بهذه المرحلة في بداية طريقهم.

قد تواجه مشكلة في كتابة بعض الأجزاء من الأكواد أو القواعد اللغوية. مثلًا قد تنسى كيفية كتابة الحلقة loop لا يوجد مشكلة في ذلك أيضًا يمكنك البحث عنها في أحد محركات البحث "loops in js" سيظهر لك العديد من النتائج يمكنك أن تقوم بقرائتها و بعد ذلك استخدامها و مع الوقت و الممارسة ستصبح كتابة هذه الأكواد طبيعة ثانية بالنسبة لك. و أيضًا جميع المطورين يقومون بالبحث عن الأشياء الأساسية في كثير من الوقت. فمهنة المطور لا تُحتم حفظ الأكواد و لكن حل المشكلات. 

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

هذه أمثلة لبعض السلاسل التعليمية التي قد تساعدك في ذلك:

• javaScript projects tutorials
•   15JavaScript Projects - Vanilla JavaScript 
• Build A Weather App With Vanilla Javascript Tutorial | Javascript For Beginners
• Build A Filterable List With Vanilla JavaScript
• 100+ JavaScript Projects for Beginners

و ستجد غيرها الكثير إذا قمت بالبحث عن javaScript projects for beginners.

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

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

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

يمكنك قراءة المقالات التالية ستجد بها شرح مفصل عن كيفية القيام بذلك.

• المقال الأول
• المقال الثاني
• المقال الثالث أو المقال الثالث

بالتوفيق. 

بتاريخ 55 دقائق مضت قال مروان مروان3:

اهلا بك عزيزي

شاكر لك ردك اولا

بنسبه للمعالج عزيزي

كيف ممكن اتاكد اذا كان ممكن ارفع المعالج الخاص بجهازي؟

 

حقيقي مفكر ابيعه واخذ جهاز ثاني

ولكن لو كان الترقيه رح تعطيني نفس النتيجة ف انا افضل الاحتفاظ به التكلفه ستكون اقل بكثير

 

 

اذن هل يفضل يكون كور اي 7 و gerneration من 4 ف اعلى؟

لا يوجد مشكلة في معالج الجهاز الخاص بك.و لكن إذا كنت تريد الترقية أنصح ب core i7 8th or 10th generation.  أو core i9 سيكون أفضل إذا كنت تستطيع تكلفة أعلى.

بتاريخ 8 ساعات قال مروان مروان3:

شكرا على ردك عزيزي اولا

بشكل عام عزيزي هو الماك اول من يفتح لدي يكون بطي كثير

واذا قمت بفتح تطبيقات مثل ما ذكرت يصبح ابطى ب كثير

 

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

نعم قمت بتجربة ذلك من قبل.

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

إذا قمت بترقية الرامات سيعمل كل شيء بشكل ممتاز

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

أنصحك بعمل ترقية لل RAM الخاص بجهازك إلى 16GB RAM على الأقل "بإضافة RAM أخرى سعتها 8GB" سيعمل الجهاز بشكل أفضل في هذه الحالة و لكن ليس بأفضل أداء. أو إذا كنت تستطيع أن تتحمل تكلفة ترقيتها إلى 32GB سيكون هذا أفضل بكثير و لن تعاني أي مشاكل بسبب بطء الجهاز في العمل. 

بتاريخ On 9/11/2020 at 14:23 قال عبد الواحد الحدادي:

السلام عليكم ورحمة الله وبركاته، أتمنى أن يكون الجميع بصحة جيدة ... أريد أن أسأل أيّ المكتبات توفر هذا السلايد الذي يكون على الأجهزة اللوحية والصغيرة ( انظر الفيديو المرفق من فضلك ) .. المثال من موقع eBay . 

تحياتي لكم وبالتوفيق للجميع .

Record_2020-09-11-22-19-52.mp4

مرحبًا عبد الواحد.

يمكنك بناء الslider الموجود في المثال المرفق باستخدام html و css فقط دون الحاجة إلى استخدام أي مكتبات كما يلي:

أكواد html:

<div class="slider">

  <div class="slider__item">
    <img class="slider__image" src="image1.png" alt="" >
  </div>
  
  <div class="slider__item">
    <img class="slider__image" src="image2.png" alt="" >
  </div>
  
  <div class="slider__item">
    <img class="slider__image" src="image3.png" alt="" >
  </div>
  
  <div class="slider__item">
    <img class="slider__image" src="image4.png" alt="" >
  </div>
  
  <div class="slider__item">
    <img class="slider__image" src="image5.png" alt="" >
  </div>
  
  <div class="slider__item">
    <img class="slider__image" src="image6.png" alt="" >
  </div>
  
  <div class="slider__item">
    <img class="slider__image" src="image7.png" alt="" >
  </div>
  
</div>

أكواد css:

.slider {
  display: flex; /*تظهر على هيئة صف slider ستقوم هذه الخاصية بجعل محتويات الحاوية */
  
  overflow-x: scroll; /* حتى نرى باقي العناصر scroll بعدها نستخدم هذه الخاصية حتى نتمكن من عمل  */
  
  /* IE, Edge and Firefox في المتصفحات scroll baar نستخدم التنسيقين التاليين إذا أردنا إخفاء ال */
  
  -ms-overflow-style: none;   /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

/* Chrome, Safari and Opera في المتصفحات scroll baar نستخدم التنسيقين التاليين إذا أردنا إخفاء ال */
  
.slider::-webkit-scrollbar {
  display: none;
}

.slider__image {
  width: 150px;
}

نتيجة الأكواد السابقة:

repl.it.mp4

ملفات الأكواد إذا أردت تجربتها: ThoroughWateryWireframes.zip

مرحبا عبد الواحد.

نعم لغات اللغات المستخدمة لتخصيص قوةلب بلوجر هي html و. Css. و بالطبع بعد إتقانك واجهات المستخدم يمكنك تصميم قوالب منصة بلوجر.

يمكنك الإطلاع على الدورة التالية لتتعلم كيفية تصميم قوالب بلوجر من الصفر.

• الجزء الأول من الدورة
• الجزء الثاني من الدورة
• الجزء الثالث من الدورة

  و ستجد غيرها العديد من الدورات إذا قمت بالبحث عن بناء قالب بلوجر من الصفر.