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

mohdh34m · 19 سبتمبر 2020

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

Mohammed Saber6 · 19 سبتمبر 2020

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

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

ماجد قطوسة · 19 سبتمبر 2020

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

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

مصادر أخرى :-

شكراً لك.

Omar Haddad2 · 19 سبتمبر 2020

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

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

وضع كود الجافا سكربت داخل ملف ال 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>

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

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

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

w3schools

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

hackerrank

edabit

khanacademy

بالتوفيق لك

سمير عبود · 19 سبتمبر 2020

مرحباً @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- حل مسائل و تمارين بلغة الجافاسكربت ؛ هذه المرحلة تستمر معك منذ البداية لأن التطبيق العملي سيزيد كثيرا في مستواك:

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

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