• 0

ماذا بعد تعلم أساسيات الجافا سكريبت

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

2 اشخاص أعجبوا بهذا

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 0

مرحباً بك:
أحب أن أطمئنك وأقول لك أن هذا طبيعي ولذلك يجب عليك التمرين المستمر ويمكنك التطبيق من خلال الآتي: 

  1. قم بتطبيق هذه التطبيقات من قناة الزيرو 
  2. أيضاً هذه القائمة 
  3. قم بتعلم ال JS OOP سيفرق معك كثيراً
  4. قم بتعلم ES6 ستسهل عليك كتابة الجافا سكربت 
  5. يمكنك استخدام هذا الموقع لحل المشاكل البرمجية 
1 شخص أعجب بهذا

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 0

و عليكم السلام أهلاً بك .  
لتوظيف الجافا سكريبت بشكل برمجي أنت  تحتاج  لأن ترفق الجافا سكريبت في مشروع و تعل عليه .  
على سبيل المثال -  قم بعمل مشروع في الجافاسكريبت بحيث تقوم بالتحقق من المدخلات داخل form معين أو ما يسمى بـ (JavaScript - Form Validation) و هذا مثال و شرح كامل حول هذا الموضوع 

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

مصادر أخرى :- 

شكراً لك. 

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 0

يوجد طريقتين لتشغيل كود الجافا سكربت:

الطريقة الأولى :

 وضع كود الجافا سكربت  داخل ملف ال html  وذلك  من خلال وسم <script>

<script>  هنا تضع كود الجافا سكربت </script>

مثال : 

<!DOCTYPE html>
<body>
<form onsubmit="inline(); return false">
Password:
<input type = "password">
Message:
<textarea rows="2" cols="50">
</textarea>
<input type = "submit">
</form>
<script>
function inline(){
var password = document.getElementsByTagName("input")[0].value;
var input = document.getElementsByTagName("textarea")[0];
if (password != ""){
input.value = "Your password has been successfully submitted.";
}
}
</script>
</body>
</html>

الطريقة الثانية : 

هو استخدام ملف خارجي خاص بكود الجافا سكربت ويكون تسميته مثلاً (login.js )

ملف (login.js )  سيكون هكذا الكود داخله 

var submitButton = document.getElementsByTagName("input")[1];
submitButton.addEventListener("click", external);
function external(e){
var password = document.getElementsByTagName("input")[0].value;
var input = document.getElementsByTagName("textarea")[0];
if (password != ""){
input.value = "Your password has been successfully submitted.";
}
e.preventDefault();
}

في ملف الhtml يتم وضع  وسم <script>  ويتم وضع خاصية الsrc  وإدخال ملف login.js

<!DOCTYPE html>
<body>
<form>
Password:
<input type = "password">
Message:
<textarea rows="2" cols="50">
</textarea>
<input type = "submit">
</form>
<script src = "login.js"> 
</script>
</body>
</html>

لتعلم أكثر والممارسة أكثر  

دورات يوتيوب :

  1. دورة1
  2. دورة 2

 مواقع  تعليمية  : 

w3schools

مواقع تحديات ,وحل مسائل  جافا سكربت 

hackerrank

edabit

khanacademy

 

بالتوفيق لك 

 

1 شخص أعجب بهذا

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 0

مرحباً @mohdh34m

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

1- تعلم أساسيات اللغة بالإضافة إلى DOM و BOM و هذه بعض المصادر للتعلم في هذه المرحلة

دورة تعلم أساسيات اللغة من قناة الزيرو

تعلم HTML DOM من قناة الزيرو

تعلم BOM من قناة الزيرو

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

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

موقع JavaScript info

موقع MDN

موقع W3 School

توثيق موسوعة حسوب

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

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

hackerrank

edabit

- وغيرها العديد 

2 - بعد تعلم أساسيات اللغة عليك تعلم معايير ES6 أو EcmaScript 2015 و لتعلم هذه المعايير يمكنك متابعة السلسلة : 

تعلم ES6 من قناة الزيرو

و كالعادة فلترسيخ الأساسيات يجب عليك البحث عن تطبيقات عملية لذلك يمكنك البحث عن pens على موقع code Pen لزيادة مستواك 

3- تعلم البرمجة الغرضية التوجه بلغة جافاسكربت: 

تعلم JavaScript OOP من قناة الزيرو

4- حل مسائل و تمارين بلغة الجافاسكربت ؛ هذه المرحلة تستمر معك منذ البداية لأن التطبيق العملي سيزيد كثيرا في مستواك:

تمارين و تطبيقات على قناة الزيرو

تمارين و تطبيقات كبيرة على قناة الزيرو

و هذه قائمة بأسماء المواقع التي تقدم تحديات بإمكانك الإستفادة منها: 

https://www.hackerrank.com/

https://www.topcoder.com/

https://coderbyte.com/

https://app.codility.com/programmers/

https://codesignal.com/

- و غيرها الكثير 

5- تعلم تقنية ال Ajax و JSON : 

تعلم Ajax في قناة الزيرو

تعلم JSON مع قناة الزيرو

6- هناك العديد من المسائل و التحديات على قناة آدم خوري باللغة الإنجليزية ستفيدك بشكل كبير : https://www.youtube.com/playlist?list=PL00952AC35D0A4701

7- إختر أحد اطر جافاسكربت التي تساعدك في الواجهه الأمامية و إحترفها:

- إطار Vue.js

- إطار Angular 

- مكتبة React 

بالتوفيق

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة

يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن