نعم، يوجد قناة على اليوتيوب خاصة بالأكاديمية يمكنك أن تجد بها بعض الأمثلة. يمكنك الاطلاع عليها من هنا.

بتاريخ 9 ساعات قال Ahmed Sawy:

أسف لكن هذه الطريقة لم تنجح .. انا اعرف ال props لكنى اريد ان اعمل pass ل البراميترز الخاصة ب navigation 

Passing parameters to routes

 .. انا استطعت نقل القيم النصية لكن المشكلة فى الصورة >> فانا لا استطيع حتى الان ان انقل الصورة 

يمكنك الاطلاع على هذا المقال فهو يحتوي على شرح لما تحاول القيام به.

مرحبا أحمد.

يمكنك القيام بذلك كما يلي:

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

التعامل مع props و تمريرها من أساسيات react التي يجب عليك أن تتعلمها قبل أن تتعلم react native. 

فمكتبة react native تم بناؤها on top of react. أي أنها منبنية على react و لا يمكنك تعلم react native بظون أن تتعلم أساسيات react حيث ستواجهك الكثير من الصعوبات.

لذلك أنصحك بتعلم أساسيات react أولا.

بالتوفيق.

مرحبًا هشام.

لغة javaScript لغة قوية جدًا و لها العديد من التطبيقات حيث يمكنك من خلالها بناء ألعاب و تطبيقات و مواقع ويب و تطبيقات جوال و تطبيقات سطح مكتب و برمجة المتحكمات و الروبوتات و استخدامها في مجال تعلم الآلة و غيرها الكثير.

فنعم،يمكنك بناء اللعبة التي تريدها باستخدام javaScript و html و css. 

نعم، يمكنك تنزيل الملفات من المستودع.

أو باستخدام  الطرفية باستخدام الأمر 

git clone

متبوعة برابط المستودع حتى تتمكن من رفع التعديلات على github أثناء العمل.

يمكنك اتباع الخطوات الموجودة في هذا الفيديو للقيام بذلك.

بالتوفيق.

بتاريخ 8 ساعات قال هشام عثمانيه:

السلام عليكم..

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

مرحبًا هشام.

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

بالتوفيق.

مرحبا محمد.

نعم، من المفترض أن تتعلم الأساسيات المتعلقة ببناء ال API و تتعلم كيف تقوم ببناء API بسيط. 

فقد تحتاج لبناء API بسيط في بعض المشاريع ك frontend developer.

فيما يخص العمل.

-بعض الشركات تسأل عن الأساسيات المتعلقة ببناء ال API و بعضها لا. و لكن من الأفضل أن تعرفها.

أما العمل الحر. 

فالأمر يختلف بعض العملاء يطلبون مطور يمكنه بناء التطبيق backend و frontend و البعض الآخر يقوم بتوظيف مطور لكل مجال منهم. و لكن إذا كان ال API بسيط لن يقوم بتوظيف أكثر من مطور.

في العموم أنصحك بالإلمام بالمجالين فمجال ال backend ليس بالأمر المعقد "مهارة تحتاج الصبر و المثابرة و الاجتهاد و الممارسة حتى تتقنها" حيث سيتيح لك تعلم المجالين الكثير من الفرص سواء في مجال العمل الحر أو التوظيف.

بالتوفيق.

بتاريخ 8 ساعات قال فايزة جمال2:

انا عاوزة تدريب علي الأساسيات اللي اخدتها بس مش علي روبي كلها

يمكنك أن تجدي تدريبات على هذه الأساسيات في الروابط التي وضعتها لك 

بتاريخ 9 ساعات قال Yomna Raouf:

يوجد العديد من المواقع التي يمكنك التدرب فيها و ممارسة ما تعلمتيه في ruby منها:

• edabit
• Hackerrank

مثلًا في موقع edabit يمكنك اختيار language Fundamentals و ستظهر لك أسئلة متعلقة بأساسيات اللغة

مرحبًا فايزة 

يوجد العديد من المواقع التي يمكنك التدرب فيها و ممارسة ما تعلمتيه في ruby منها:

• edabit
• Hackerrank

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

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

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

شكرًا لك.

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

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

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

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

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

بالتوفيق.

بتاريخ 1 ساعة قال خالد مجذوب:

السلام عليكم 

لدي مشكله كبيره ف فهم لغة javascript ولا اجيد كتابه codes لوحدي وقد قمت بمراجعة قسم javascript ف دوره تطوير واجهات المستخدم كثيرا وايضا لم تتضح لي 

هل من اي نصائح او مواقع مساعده للفهم ؟

وشكرا 

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

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

• 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

بتاريخ 17 دقائق مضت قال Ali Alabri:

الصفحه فراغه وجرب جميع المتصفحات  

من الطبيعي أن تظهر الصفحة فارغة لأن الوسم body المسؤول عن المحتوى الذي يظهر على الصفحة لا يوجد به أي وسوم ليتم عرضها. 

الوسم script لا يتم عرض محتواه في الصفحة. 

الوسوم التي يتم عرضها في المتصفح هي الوسوم مثل h1 العناوين و img للصور و هكذا. 

إذا أردت أن تقوم باختبار أكواد javaScript يمكنك القيام بالتالي:

• انقر بزر الفأرة الأيمن في أي مكان في هذه الصفحة الفأرة
• من القائمة المنسدلة نختار inspect
• سيظهر لنا نافذة في الصفحة 
• يمكن من خلالها اختيار console 
• بعد ذلك نقوم بنسخ الأكواد الموجودة داخل ال script tag في الأكواد الخاصة بك و لصقها في console و نضغط enter 
• سيظهر لك نتيجة الأكواد بعدها.

أنصحك بمشاهدة الفيديو التالي بداية من الدقيقة ٣:٢٥.

بالتوفيق.

مرحبًا@Ahmed Sawy

بتاريخ 9 ساعات قال Ahmed Sawy:

باختصار بسيط جدا  "هل الهيدر الخاص ب navigation  يغنينى عن  <SaveAreaView>  ؟؟ "

في الحقيقة الإجابة لا. الهيدر الخاص ب navigation لا يغني عن <SaveAreaView>.

كما أنه لاستخدام <SaveAreaView> نقوم بتغليف ال Top level view بال <SaveAreaView> و ليس كل view بمفرده حتى تضمن ظهور المحتويات داخل المساحة الآمنة للجهاز. أيضًا هذه الخاصية تعمل على أجهزة ios النسخة 11 أو النسخ الأحدث فقط.

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

يمكنك القراءة هنا أيضًا عن كيفية التعامل مع safeAreaView + React Navigation

بتاريخ 1 دقيقة مضت قال صالح السوفي:

@omar haddad
بعد التمعن في محتوى دورة الجافا سكريبت وجدت انها مخصصه لتطبيقات الموبايل هل سيكون لي رصيد يأهلني لبناء المواقع ايضا
@سهير الشريف

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

مرحبا @صالح السوفي

 أنصحك بأن تلتحق بدورة جافاسكريبت حيث ستتعلم بناء تطبيقات full-stack أي برمجة client-side و server-side و تطوير تطبيقات هواتف باستخدام react Native و ستتعلم مكتبة react "مكتبة تستخدم لبناء واجهات الويب" كذلك و هي المكتبة الأكثر شهرة و الأكثر طلبا الآن في سوق العمل. كما أن لغة جافاسكريبت لغة مطلوبة بشكل كبير في سوق العمل و عدد مطورين جافاسكريبت قليل جدا مما يعني أنه يمكنك الحصول على وظيفة بسهولة.

بالتوفيق.

بتاريخ 8 ساعات قال Momen Gamal:

ايه الفرق بينها وبين onclick

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

بتاريخ 10 ساعات قال Momen Gamal:

ايه استعمال addEventListener وهي عباره عن ايه اتفرجت علي كام فيديو بيشرحها ومش فهمها

addEventListener تقوم بإضافة مُستمع أحداث لعُنصر ما من عناصر الصفحة.

و لكن ما هي الأحداث؟!

تفاعلات المستخدمين مع المواقع كلها أحداث إمَّا بالضغط على عنصر ما أو drag أو حتى scroll كل هذه تعتبر أحداث.

في بعض الأحيان كمطورين نكون مهتمين بهذه الأحداث و نريد تنفيذ أكواد معينة عندما يقوم المُستخدم بتنفيذ حدث مٌعين.

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

فمثلًا في youtube نكون مهتمين بحدث الضغط على زر subscribe حتى نقوم بإضافة المُستخدم إلى قائمة المشتركين في القناة:

<button id="subscribe__button" >Subscribe</button>

// click حتى نستمع إلى الحدث subscribe__button مع الزر addEventListener نقوم باستخدام مُستمع الأحداث 

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

document.querySelector("#subscribe__button").addEventListener( "click", function() {
  // أكواد إضافة المستخدم لقائمة المُشتركين بالقناة
})

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

بتاريخ 10 ساعات قال عباس سودي:

اريد انت اتعلم البرمجه من الضفر

 

مرحبًا @عباس سودي

أنصحك بقراءة هذا المقال 

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

بالتوفيق.

بتاريخ 9 ساعات قال عبد الواحد الحدادي:

رائع أستاذي، شكراً جزيلا لك . 

لو سمحت أسالك سؤال آخر؛ هل بالإمكان التحكم في تنسيق الـ Scroll ؟ 

أشكرك مسبقاً أستاذي الكريم .

نعم يمكنك التحكم في هذه التنسيقات لقد قمنا بعمل مشابه لهذا مسبقًا في مسار بناء تطبيق youtuby عن طريق التالي :

/* Let's say scroll bar of a div has to be styled which has an id "myDivId". Then you can do following. This way you can use different styles for scroll bars of different elements. */ 

#myDivId::-webkit-scrollbar {
    width: 12px;
}

#myDivId::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}

#myDivId::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

يمكنك تجربة هذه الأكواد و التعديل عليها من هنا.

بالتوفيق.

بتاريخ 8 ساعات قال عبد الواحد الحدادي:

مـرحباً بكم أيها الكرام، 

أريد مساعدة في كيف أقوم بتفعيل scroll في حاوية div معينة، حاولت عمل ذلك ولكم لم أستطع إيجاد الحل .

هذا الـرابط يوضّح الفكرة الذي أريدها (الصور في الصفحة) - اضغط هـنـا .

وشكراً لكم مسبقاً 

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

هل يمكنك أن ترفق الأكواد الخاصة بك مع توضيح أين تريد تطبيق ال smoothscroll تحديدًا حتى أتمكن من مساعدتك؟؟

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

و أيضا صورة لمحتويات مجلد المشروع.

بالتوفيق.

مرحبًا فادي.

يمكنك اتباع الخطوات الموجودة في هذا الفيديو لتثبيت visual studio

أما إذا كنت تقصد visual studio code فيمكنك اتباع الخطوات الموجودة في هذا الفيديو

بالتوفيق.

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

أحسنت العمل. مشروع أكثر من رائع. استمر في الممارسة و التمرين و سيتحسن مستواك بشكل أكبر في المسقبل.

بتاريخ 9 ساعات قال عبد الواحد الحدادي:

المشكلة الذي أعاني منها في هذه الصفحة هي الحشوة الزائدة على اليسار ( الصورة مرفقة توضح الأمر ) - أرجو ذكر سبب تلك الشحوة الزائدة وكيف أتخلص منها ؟ 

يمكنك إضافة التنسيق التالي لحل هذه المشكلة:

html {
  overflow-x: hidden;
}

لأن هذه المسهحة البيضاء الزائدة تظهر نتيجة scroll لليسار

بالتوفيق.

بتاريخ 10 ساعات قال Fahad Rahim:

لماذا لا يوجد دروس خاصة  ب gulp4  حيث انه التحديث الاخير و لمكنني التعامل معه النه في اغلب الدروس يتم شرح gulp3.9.1   ارجو اضافة دروس او مشروحات لكيفية التعامل مع gulp4

مرحبًا فهد.

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

فيما يخص نسخ gulp فالانتقال من نسخة gulp 3.9.1 إلى gulp 4 أمر بسيط للغاية , يتطلب الأمر تعديل بعض الأكواد فقط.

أي إذا تعلمت الأساسيات في gulp 3 ستتمكن من الانتقال إلى gulp 4 بسهولة.

يمكنك قراءة هذا المقال للتعلم عن كيفية الترقية ل gulp 4.

بالتوفيق.

بتاريخ 2 ساعات قال Ahmed Sawy:

هل يحتاج متعلم ريأكت ناتيف فرونت اند ان يدرس redux و react Dom  ام لا يلزمه هذا ؟؟ 

مرحبا @Ahmed Sawy

نعم، بالطبع تحتاج إلى أن تبدأ بتعلم React.js قبل أن تتعلم React Native حيث أن ال principles المبادئ و الأساسيات التي ستحتاجها عند التطوير باستخدام react native كلها مبنية على React.js و معتمدة عليها.

 إليك هذه المقولة من facebook و هي الشركة التي قامت ببناء المكتبات React و React Native.

:From Facebook

React Native enables you to build world-class application experiences on native platforms using a consistent developer experience based on JavaScript and React

يتضح من ذلك أن تطوير تطبيقات react Native يعتمد بصورة أساسية على javaScript  و  React.

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

ال 12 مفهوم المذكورين في الصور السابقة يجب أن تعرفهم عن ظهر قلب حتى تتمكن من العمل ب react native بدون أي مشاكل أو عقبات يمكنك تعلمهم من التوثيق الرسمي الخاص ب react أو من خلال أي سلسلة تعليمية تفضل. يمكنك أن تقرأ عن هذه الأساسيات من التوثيق الرسمي الخاص ب react باللغة العربية من هنا.

 ** أريد أن أنوه على شيء و هو أنه حتى تتعلم react أو react native يجب أن تعرف ES6 قبلهم. لأنهما لا يستخدمان vanilla javaScript بل es6.

أما Redux فهي عبارة عن حاوية لحالات التطبيق يمكن التنبأ بها أو بالنواتج التي نحصل عليها منها 

predictable state container. و هي تساعدنا في بناء تطبيقات يمكنها أن تعمل في بيئات مختلفة و تتصرف بشكل ثابت دائما "لا نحصل على نتائج غير متوقعة".هذا يعني أن تدفق البيانات يتم التحكم به من خلال component واحد فقط "و هذا واحد من أهم المبادئ التي جعلت من  react مكتبة في غاية القوة و الكفاءة"

و بالطبع يجب عليك تعلم أحد مكتبات إدارة الحالات مثل redux فهي مهمة للغاية.

و لكن أنصحك أن تتعلم react-context-api قبل أن تتعلم أحد هذه المكتبات. حيث أن react-context-api تقوم بنفس وظيفة redux و لكنها أسهل في التعلم  ستساعدك على تعلم و فهم أساسيات redux بشكل أفضل. و لكن  react-context-api لا يمكن استخدامها في اامشاريع الكبيرة فهي تصلح للتطبيقات البسيطة الصغيرة فقط.

بالتوفيق.

بتاريخ 11 ساعات قال Takla Eshak:

في دورة تطوير النظم الخلفية باستخدام php مفهاش HTML CSS JavaScript 

معنى كده ان انا ممكن اكون مطور نظم خلفية من غير ما استخدم لغات التصميم

مرحبًا بك @Takla Eshak

دورة تطوير الواجهات الخلفية تعتمد على دورة تطوير واجهات المستخدم ستلاحظ أن المدرب قد ذلك في بداية الدورة و هذا لأنه في بناء المشاريع الموجودة في الدورة ستتعامل مع html و css و javaScript  لذلك أنصحك بأن نطلع على المسار الأول من دورة تطوير واجهات المستخدم و المسار الأول من دورة javaScript "ستجد أنهم مفتوحين لك" حيث ستتعلم الأساسيات الخاصة بهذه التقنيات. 

نعم يمكنك أن تتخصص في مجال دون الآخر frontend أو backend و لكن في كلا الحالتين يلزم تعلم أساسيات html و css و js. إذا كنت تريد أن تصبح مطور frontEnd يجب أن تتعمق في التقنيات و تتعلم إحدى مكتبات بناء واجهات المستخدم مثل React مثلًا. أما إذا كنت أن تصبح مطور backend فيمكنك أن تكتفي بالأساسيات فقط. 

بالتوفيق.