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

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

mohdh34m

السؤال

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

رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 1

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

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

  • 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

 

بالتوفيق لك 

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 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 

بالتوفيق

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...