أفضل المصادر العربية لتعلم تصميم وبرمجة مواقع الأنترنت

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

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

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

أفضل مواقع ومصادر تعلم لبرمجة الويب وتصميم وتطوير مواقع الأنترنت 

1 - مشروع مطوري الويب العربي 

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

رابط الموقع :
http://www.advphp.com/

2 - شبكة عبد الله عيد 

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

رابط الموقع
http://www.abdullaheid.net/

3 - دورة تصميم وبرمجة مواقع الإنترنت - Ali Hamdi

في هذه القناة الرائعة على موقع اليوتيوب التي تحتوى على 5 دورات تعليمية بالفيديو تتيح لك تصميم موقعك مجاناً في كل دورة طريقة مختلفة عن الأخرى في تصميم مواقع الأنترنت حيث يتيج لك في الدورة في المستوى الاولى كيف تصميم موقعك أبتداً من برنامج الفوتوشوب وتكويد هذه القالب الى HTML و CSS وفي باقي المستويات يمكنك تعلم لغات ومهارات مختلفة تساعدك في عملك على برمجة موقعك مثل "photoshop, HTML, CSS, Javascript Jquery , PHP and MySQL"   بعد أتمامك هذه الدورة ستصبح محترف بكل معنى الكلمة في برمجة الويب .

يمكنك متابعة الدروس والدورات من هنا 

الخلاصة : 

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

تعرف على افضل 10 لغات برمجة شعبيةً حول العالم

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

لذلك بسبب كثرة اللغات البرمجية التي اصبحت عديدة وهي تزايد وتطور مستمر وبسرعة هائلة , قامت منظمة تسمى IEEE التي قامت بدورها بالتعاون مع منظمات شهيرة اخرى لا تقل عن شهرتها ( كجوجل و  Xplore ... ) حيث عملت على جمع احصائيات لمل لغة برمجة منفردة على حدة التي يستخدمها المبرمجون , وقامت بتصميم الانفوجرافيك التي سنعرضة في هذا المقال على موقع المطور .نت , حبث تتفاوت الشعبية بين اللغات العشر التي اعتبرت هي الاكثر شعبية من غيرها من لغات البرمجة الكثير التي يستخدمها المبرمج في عملة كان الترتيب مستحق للغة الجافا التي تصدرت القائمة كا اكثر لغات البرمجة شعبيه واستخداماً , ولغة c التي تعتبر افضل اللغات من عام 1970 الى عام 2014 حقاً انها لغة رائعة

اليكم ترتيب لغات البرمجة العشر الاكثر
1- JAVA
2- C
3- C++
4- C#
5- PYTHON
6- JAVASCRIPT
7- PHP
8- RUBY
9- SQL
10 - MATLAB

 فهي الانفوجرافيك  لغـات البرمجة العشـرة الأكثر شعبيـة ؟ فرجة ممتعة

اخبرنا رأيك بالترتيب وهل تعتبرة منطقيا ؟ شاركنا رأيك في التعليقات 

أفضل 15 مواقع ومصادر تعلم البرمجة بانواعها مجانا !

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

فأصبح البرمجة عنصر مهم في حياتنا , خاصاً جميعاً يتصفح الشبكة العنكبوتية يومياً بخيل العالم بدون مبرمجين !! , فالجميع يعلم أهمية المبرمج , حتى الرئيس امريكي باراك أوباما في لقاء معة شجع فيها الشباب وخاصاً في سن المراهقة لتعلم لغات البرمجة , لكن السؤال هل نجد هذا التشجيع في بلداننا العربية ام لا ؟

لكن في هذه المقالة الشاملة ستكون الباب الاول لك لتدخل عالم البرمجة من واسع ابوابة , هناك الكثير من الدورات العربية والاجنبية قم باختيار افضل هذه المواقع من حيث الشمولية وايصال المعلومة بشكل مميز وسرعة التعلم من هذه المواقع , فهناك الكثير من المواقع الرخيصة في متناول جميع متصفحي الانترنت , ستساعد تعلم البرمجة من الصفر حتى الاحتراف 2015 , اهم نصيحة هو تطبيق ماتقوم بتعلمة والممارسة ثم التطبيق حتى تتركز قواعد في اللغة في دماغك , اترككم مع اهم  15 مواقع و مصادر لتعلم البرمجة و تصميم المواقع

10 مواقع مميزة لتعلم البرمجة ومهارات أخرى

1 - مشروع مطوري الويب 

انطلق الموقع في عام 2010 من جمهورية مصر العربية , يعد من افضل مواقع تعلم برمجة المواقع على ساحة الويب العربية , يعرض لنا دورات برمجية بالفيديو , باسلوب متقدم وعصري , لتصل المعلومة الى المتلقى بشكل أفضل , يستخدم اسلوب السلاسلة في عرض المعلومة باسلوب حديث عن طريق دورات تعليمية , الهدف منها هو تخريج نخبة من المبرمجين , هناك دورات للغات HTML، CSS، PHP، JQUERY، PHP SCRIPT باللغة العربية , فاذا اردت البداية في البرمجة فالموقع فهو مكانك المناسب
رابط الموقع : مطوري الويب

2 - codecademy

موقع امريكي يتيح لك تعلم البرمجة بأمكانيات هائلة وكبيرة لتعلم لغات برمجة الويب المتقدمة كا php و javascript و ruby وغيرها الكثير من لغات البرمجة , يمكنك التسجيل في الموقع مجاناً عن طريق حسابك في الفيس بوك او التويتر او جوجل بلس , يقدم لك الموقع محرر اكواد يتيح لك تجربة الاكواد بدون الحاجة الى خادم , في الموقع اختار اللغة البرمجية التي تريد تعلمها , سواء كنت مبتدى او لدية خبرة بسيطة في البرمجة او كنت محترفاً فلا بد ان تحتاج الى هذه الاكاديمية .

رابط الموقع : codecademy

3 - SCRATCH 

هذه الموقع صمم لللاطفال الصغار لتعلم البرمجة فهو متناسب مع عقول الاطفال , من مميزات تعليم البرمجة مع الكثير من التسلية مع التعلم , يعمل بتقنية التي يحبها جميع الاطفال عن طريقة السحب ورقائق ملونة بالوان جميلة ومختلفة , حيث يقوم الطفل بتشكيل وكتابة الاكواد دون ان يكت حرف واحد , اليس هذا رائع فالموقع كنز مميز لجميع الاطفال في الموقع اكثر 7,620,627 مشروع تم نشرة في الموقع

رابط الموقع : scratch

4 - CODEDEAVEBGERS

موقع مميز كغيرة من باقي المواقع التي ذكرناها في هذه المقالة , لكنه اضافاً على ذلك هناك دورات لتعلم تطبيقات الجوال او برمجة الويب والمواقع حيث يمكنك برمجة تطبيقات هواتف الاندرويد او الايفون , من خلال دورات مميزة , وايضاً في الموقع دورات لبرمجة الالعاب للهواتف ام الحواسيب الذكية .

رابط الموقع : codeavengers

5 - MSDN. Microsoft.com

موقع مقدم من شركة مايكروسوفت لشجيع الكثيرين , على موقعها الرسمي , هناك الكثير من الدورات هناك منها المجانية او المدفوعة , لمنتجاتها كــ Visual Studio و والكثير من الدورات التعليمية لتطوير التطبيقات ايضاً تطبيقات الويندز او ويندز فون كما في الموقع دورات لغة Visual Basic و c++ والكثير من اللغات .

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

6 - Instructables

7 - Developers.Google.com

8 - Developer.Andoroid.com

9 - شبكة عبدالله عيد

10 - W3Schools

11 - Code Avengers

12-codeschool

13 - treehouse

14- LearnStreet

15 - Udacity

خلاصة المقال : 

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

[برمجة] تعرف على التطوير المتقدم - Progressive Enhancement

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

 ما هو التطوير المتقدم؟

التطوير المتقدم او ما يعرف باللغة الانجليزية Progressive Enhancement هو استراتيجية ظهرت في التصميم كالواجهات بشكل يظمن عملها بشكل جيد وبفاعلية اكثر على اكبر طيف من الاجهزة بمراعاة قابلية الوصول (Accessibility) والترميز الدلالي او مايعرف (Semantic Markup) وعملية فصل ملفات التنسيف (CSS) والاضافة البرمجية (JavaScript) عن الترميز الاساسي (HTML) , بعد ذلك نقوم بادخال كل مايحسن العمل

طبقات التطوير المتقدم

اليكم بشرح بسيط طبقات التطوير المتقدم لنتعمق اكثر في التطوير المتقدم فهو يتكون من 3 طبقات : 

 

الطبقة الأولى: الترميز (HTML)

 تعتبر لغة html القاعدة الاساسية لاي عمل ويب , عليك بكتابة جميع ترميزات HTML بشكل جيد وصحيح وعليك الابتعاد عن الاخطاء مع مراعاة قابلية الوصول (Accessibility) . حيث يمكن ان يحصل التطوير المتقدم عبر هذه الطبقةمثال على ذلك ، بنستخدم عناصر الإدخال التي تعتبر اساسية من نوع Text ضمن المستعرضات القديمة، والتحسين باستخدام العناصر التي تعتبر جديدة  مثل Date و Range ضمن المستعرضات التي تدعمها.

 الطبقة الثانية: التنسيق (CSS)

 تقوم CSS بدور كبير في عملية التنسيق عبر تنسيق الواجهة وتنظيم الصفحة وعليك بدمجها مع html فلها دور كبير في التطوير المتقدم ثم نقوم  بالتحسين فنعتمد على مزايا المستعرضات الجديدة وتجاهل المستعرضات القديمة لتلك المزايا

الطبقة الثالثة: التفاعل (JavaScript)

بعد ان نظمن عمل الواجهة بشكل جيد وبعد اضافة الترميز HTML وبعد ان نظيف التنسيق (CSS) نقوم باضافة التفاعل (JavaScript)  لزيداة تفاعل عملك في عالم الويب فال جافا سكريبت اصبحت مهمة لزيادة تفاعل عملك

 مراجع مفيدة

للتعرف اكثر على التطوير المتقدم (Semantic Markup)  اليكم مجموعة من المراجع : 

• صفحة التطوير المتقدم على موقع ويكيبيديا  عربي / إنكليزي.
• Progressive Enhancement 101: Overview and Best Practices