الدليل الكامل لإحتراف لغة الجافاسكريبت
The Complete JavaScript guide

42


الدليل الكامل لإحتراف لغة الجافاسكريبت
The Complete JavaScript guide

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

إذن نقدر نقول  أنها لغة شاملة لمجالات البرمجة مثلها مثل باقي اللغات المشهورة بحال جافا وبايثون ..

ولكن أفضل استخدام للجافاسكريبت  بطبيعة الحال فمجال الويب بحيث بواسطتها تقدر تكون مبرمج واجهات المستخدم ( Front-End ) باستخدام أطر العمل ديالها الاكثر شهرة : Vue / React / Angular

كما تقدر تعمل بها على مستوى السيرفر وقواعد البيانات ( Back-End )
بواسطة تقنية Nodejs و  Express و Meteor…

…………………………………………………………..

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

نبدأ على بركة الله …

…………………………………………………………..

1 – تعلم أساسيات لغة JavaScript :

Syntax / Variables / Data Types / Functions / Methods / Loops / Arrays..

الاساسيات هي اهم حاجة قبل كل شيء وفي هذا  البلايليست ديال قناة Elzero Web School
تقدر تطبقهم  عملي  كاملين بطريقة بسيطة:

2 – تعلم Document Object Model :

مهم جدا تعلم DOM لازم  تعرف كيفيه  التلاعب بعناصر صفحة الويب سواءا HTML او CSS بهدف صناعة عناصر تفاعلية .

كل شيء عن DOM  كذلك فنفس القناة من خلال البلايليست التالية :

3 – تعلم Browser Object Model :

اختصارا هو BOM للتحكم الكامل في صفحة الويب بحال توقيت تشغيل Functions و التحكم ف Cookies أو أي صفحة اخرى اردت ان  تفتحها .
شئ كامل موجود فنفس القناة ديال الأستاذ اسامة من خلال البلايليست التالية :

4 – تعلم ECMAScript 6 :

جافاسكريبت الجديدة كليا للي بدلت  الاحتياجات  فالإصدارات القديمة و ولاو ساهلين وهي كذلك ضرورية إلى اردت ان  تفهم كيفيه عمل  إطارات العمل في جافاسكريبت تايخدموا .
دورة زوينة فقناة Elzero Web School على ES6 عبر الرابط التالي :

5 – تعلم JavaScript OOP :

فهم نظام البرمجة كائنية التوجه فأي لغة برمجة لينمي  من قدراتك برمجيا، مفاهيم جديدة ومهمة غادي تكتاشفهوم بحال Class و Object و Construct ..وسوف تفيدك في  تعلم شي لغة جديدة ..

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

6 – تطبيقات عملية على الجافاسكريبت :

البلايليست تمارين تطبيقية دخل ليهوم من هذه الروابط :

7 – تعلم AJAX :

بواسطة أجاكس  تقدر تعامل مع web servers يعني تجيب البيانات ( Data) بواسطة Requests وتعمل  بها

عند الاستاذ أسامة من خلال البلايليست التالية :

8 – تعلم JSON :

اختصارا ل JavaScript Object Notation
هنا سوف  تعلم معنى JSON object وكيف  تحولو ل JavaScript Object بهدف التعامل مع ال API’s للي يريد ان يعرف  المعنى فهذا  بلايليست كذلك من الأستاذ أسامة :

9 – تعلم إطار عمل :

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

الحقيقة ان هذه  الاطارات كاملين تقدر تتعما  بهم  نفس فكرة اي موقع جه  على بالك يكون ولكن الاختلاف غير  فسهولة التعلم و التركيب ( syntax ) هيكون مختلف شوية بيهم

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

وهنا احضرت لكم  ثلاث فيديوهات من قناة إنجليزية مشهورة سميتها Traversy Media ..

شاهدهم  كاملين و طبق كل شئ  فيهم  و بعد ذلك  اتخذ القرار النهائي ( تكمل فيه  ام لا )

* دورة ال React :
https://youtu.be/sBws8MSXN7A

* دورة ال Angular :
https://youtu.be/Fdf5aTYRW0E

* دورة ال Vue :
https://youtu.be/Wy9q22isx3U

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

* دورة ال React بالعربية على قناة Nour Homsi :
https://www.youtube.com/playlist?list=PLPTNqXpQ2tbhYmCeh8H4TR_UokYUxhD8R

* دورة ال Angular بالعربية من قناة Angular Army :
https://www.youtube.com/playlist?list=PL1ano0qwNuBwA90YwA-5d8g2wbOYHkl5h

* دورة ال Vue بالعربية من قناة GoArabGo :
https://www.youtube.com/playlist?list=PL1FWK-sgJ9eljz7Tm5SSUcCt5sxmwoFlC

10 – تعلم JavaScript Unit Testing :

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

نرجعو لقناة Elzero Web School فيها كذلك دورة كاملة عن JavaScript Unit Testing
من خلال البلايليست التالية :

11 – تعلم Node js :

في حال اردت ان تعمل  فجزء Back end والتعامل مع قواعد البيانات بالجافاسكريبت فخاصك تعلم تقنية Node

* هذه  دورة بالعربية على قناة المهندس العراقي محمد عيسى لكي  تكتشف هذه  التقنية :
https://www.youtube.com/playlist?list=PLMYF6NkLrdN8zyk4SNJboLa94GqWv4cFU

* أما بالإنجليزية فهذا فيديو يشرحها من قناة Traversy Media :
https://youtu.be/fBNz5xF-Kx4

12 – تعلم إطار عمل ل Node js :

كذلك بحال باقي لغات البرمجة تقنية نود عندها إطارات عمل وأشهرها حاليا هو إطار Express..
يمكن ليك تعلم ليه كذلك فهاد الفيديو من قناة Traversy Media :
https://youtu.be/L72fhGm1tfE

…..

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

اتمني ان اكون قد افدتكم بالتوفيق للجميع

المنورة #المدينة المنورة# ينبع# العلا# #المهد# الحناكية # بدر# خيبر# العيص# وادي #الفرع#4 القصيم# بريدة #عنيزة #الرس#المذنب# البكيرية #البدائع 5 الأسياح #النبهانية# الشماسية# عيون الجواء# رياض#الخبراء# عقلة الصقور# ضرية # المنطقة #الشرقية #الدمام الأحساء# حفر# الباطن#الجبيل# القطيف #الخبر# الخفجي# رأس تنورة# بقيق# #النعيرية# قرية العليا# العديد #العدين#عسير #أبها #خميس #مشيط# بيشة# النماص# محايل# ظهران الجنوب#تثليث # سراة عبيدة# رجال #ألمع# بلقرن# أحد #رفيدة# المجاردة # البرك# بارق #تنومة# طريب# تبوك تبوك# الوجه# ضبا# تيماء# أملج # حقل#البدع # حائل #حائل# بقعاء # الغزالة# الشنان#الحائط# السليمي# الشملي# موقق# سميراء # الحدود الشمالية #عرعر #رفحا# طريف # العويقيلة #جازان #جازان صبيا# أبو عريش# صامتة #بيش #الدرب # الحرث#ضمد# الريث# فرسان #الدائر #العارضة# أحد #المسارحة# العيدابي# فيفا# الطوال# الهروب #نجران #نجران شرورة# حبونا# بدر الجنوب# يدمة# ثار# خباش# الخرخير # الباحة #الباحة #بلجرشي# المندق# المخواة# قلوة  #العقيق #القرى #غامد #الزناد #الحجرة# بني حسن# الجوف #سكاكا #القريات# دومة #الجندل

#مدونه
#موقع
#مدونة
#فيس بوك
#تويتر
#إنستجرام
#إنيستا

#واي في
#سرقه وايفاي
#تغيير الواي فاي
#باسورد الواي فاي
#تغيير باسورد الواي فاي
#واي فاي مرئي
#واي فاي مخفي

#دليل
#رئيس الجمهورية
#منحه
#وزير
#الوزاره
#فاكس
#تواصل
#ارقام
#عنوان
#رقم
#ايميل
#النائب العام
#السفارة
#وزاره الثقافه
#سفاره
#الخارجية
#سفارة
#الداخلية
#الخارجيه
#الداخليه
#وزير القوي العاملة
#عناوين

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

# هجره
#هجرة
#هجره غير شرعيه
#هجره شرعيه
#هجره غير شرعية
#الهجره الي كندا
#الهجره الي استراليا
#الهجره الي امريكا
#الجهره للسويد
#الهجره لبريطانيا
#الهجره للمكسيك
#الهجره للدنمارك
#سفر
#تكلفه الهجره
#تكلفة السفر