-
وأنت كمحب للبرمجة يجب أن تكتسب صفة حب التعلم الذاتي لأن البرمج مجال متجدد وستتعلم يوميًا شيء جديد كذلك فأغلب متعلمي البرمجة تعلموها ذاتيًا على الإنترنت سواءً من فيديوهات وكتب ودورات ، بالنسبة للمصادر فقد وفرنا مقالًا مسبقًا حول أفضل المصادر لتعلم البرمجة ،
-
طرحنا في هذا المقال مواقع عربية وأجنبية كذلك الكثير من قنوات اليوتيوب المتميزة ، تلك المصادر ستساعدك كثيرًا من أجل خطواتك الأولى في تعلم البرمجة من الصفر وحتى الاحتراف والوصول لخبرة واسعة في مجال البرمجة .
-
💢 الخطوة الثانية (مسار المبرمج الصحيح) 💢
---------------------------------------
🔘 1 - لغة البرمجة:
-
هذه الجزئية ليست بالصعبة فالكل يمر بها وتشمل التعرف على اساسيات اللغة من (دوال-متغيرات –جمل شرطية-...الخ)....
-
◾ 2 - البرمجة الكائنية (OOP):
-
تكمن المشكلة هنا في ان الغالبية تدرس هذا المفهوم (أكاديميا) ويطبقون على امثلة محفوظة ويصعب عليهم استخدامها في برامج حقيقية (المشكلة غالبا من طريقة التدريس).
-
.
🔹 3 - هياكل البيانات (data structures):
-
البرامج في العالم الحقيقي ليست كالتي تكتبها من اجل التجربة او المرح. لابد للبرنامج ان يعمل بكفاءة وسرعة وان يستخدم اقل قدر مكن من الذاكرة. فهياكل البيانات هي طريقة لجمع البيانات وتنظيمها بطريقة تمكننا من إجراء عمليات على هذه البيانات بطريقة فعالة.
-
🔸 4 - الخوارزميات(algorithms):
-
إذا اردت كتابة برنامج معين فهنالك مئات الطرق لكتابة الكودة وفي النهاية النتيجة واحدة لكن السؤال: ما هي أفضل طريقة؟ الخوارزميات تمكنك من إيجاد أفضل طريقة واقصرها لحل مشكلة معينة. إذا لابد من دراسة بعض الخوارزميات الأساسية التي لا غنى عنها ابدا وستحتاج لاستخدامها في جميع تخصصات البرمجة.
-
💠 5 - حل المشكلات (Problem Solving):
-
حل المشكلات هو جوهر علوم الكمبيوتر. يجب على المبرمجين أولاً أن يفهموا كيف يحل الإنسان مشكلة ما، ثم يفهم كيفية ترجمة هذه "الخوارزمية" إلى شيء يمكن أن يقوم به الكمبيوتر، وأخيرًا كيفية كتابة الكود المطلوب لإنجاز المهمة. مهارة حل المشكلات تعلمك كيفية استخدام ودمج جميع ما تعلمته سابقا لحل مشكلة حقيقة (وهذا هو الهدف من تعلم البرمجة). قم بالتسجيل على موقع ( hackerrank-codeforces) وابدأ بحل أكبر كمية ممكنة من المسائل ولكن بعد ان تكون انتهيت من تعلم الأربعة أمور
-
5 - افضل المصادر لتعلم البرمجة 💻
-
💢 بعد ذلك أول ما سيتبادر إلى ذهنك بعد قرارك تعلم البرمجة هو من أين سأتعلم ؟ 💢
-
اشهر 10 قنوات لتعليم البرمجة علي يوتيوب
1- Traversy Media
2- FreeCodeCamp
3- The Net Ninja
4- Derek Banas
5- Programming with Mosh
6- thenewboston
7-Learning Programming
8- Elzero Web School (عربي)
9- muhammad essa (عربي)
10- TheNewBaghdad (عربي)
11 - Coder Shiyar
اشهر 10 مواقع لتعليم البرمجة
1- W3school
2- Code.org
3- Code School
4- freecode
5- Codeconquest
6- TheCodePlayer
7- Mozilla Developer Network
8- solo learn
9- CODEWARS
10- CODE AVENGERS
اشهر مواقع لكورسات البرمجة
1- EDX
2- COURSERA
3- UDACITY
4- UDEMY
5- LYNDA
6- KHAN ACADEMY
7- coursat (عربي)
8- w3arabiconline (عربي)
9- hsoub (عربي)
10- rwaq (عربي)

كورس مشروع سوبر ماركت بايثون

https://youtube.com/playlist?list=PLSiLeKadTQ7lSFEmVIGdU9YdMMOE9lLFa

⛔️اذا انت مطور Frontend وتستخدم اطار العمل Tailwind CSS جرب هذه الأداة الرهيبة 😍🔥
تقدر تصمم من خلالها عن طريق السحب والإفلات وتشوف شكل الموقع وتتحكم بكل جزء منه وبعدها تصدر المشروع ✅
طبعا ما تغني عن كتابة الكود لكنها تختصر وقت  👌

https://devdojo.com/tails
وتفيد ايضا غير المطورين ✔️

🔴 افضل موقع للحصول على مجموعة من التدرجات الجاهزة لمطورين الويب 🚀🔥
يمكنك استخدامها كخلفيات للعناصر🖼
كل اللي عليك تختار الخلفية وتنسخ كود CSS ✅
وايضا تقدر تحملها بصيغة PNG

https://webgradients.com/

مكتبة Animate. css رهيبة لمطورين الويب لعمل تأثيرات بالانيمشين ب CSS 🚀🔥
سهلة الاستخدام ✅

📌من الأشياء اللي صارت اساسية حاليا لو بتطور موقع او تطبيق هو Dark Mode اللي هو الوضع الليلي او المظلم🌓..
فعشان كذا لو انت مطور ويب فلازم تعرف كيف تعملها باستخدام JAVASCRIPT و CSS ✅
ولو مطور تطبيقات اندرويد Android هنا تجد شرح مفصل عنها وكيف تستخدمها 👇
https://bit.ly/3fSBOQB

باستخدام JAVASCRIPT و CSS تقدر تعملها باكثر من طريقة ✅

🎈 موقع رهيب للمبرمجين يحول لك الايقونة لعدة مقاسات  للتطبيقات , عشان تستخدمها مباشرة ✅
يدعم
iPhone
iPad
watchOS
macOS
Android

كل اللي عليك ترفع الايقونة بمقاس 1024*1024 وهو يحولها وتحملها بجميع المقاسات ومجانا🆓

https://appicon.co/

كورس احتراف بايثون بالكامل
https://youtube.com/playlist?list=PLDoPjvoNmBAyE_gei5d18qkfIe-Z8mocs

مصادر لتعلم وتطوير نفسك بالبرمجة والعديد من المهارات الاخرى مجانا 🚀
✅ Youtube
✅ W3School
✅ Coursera
✅ Udemy
✅ MDN
✅ SkillShare
✅ Edx
✅ Udacity
✅ LinkedIn Learning
✅ MIT Open Courseware
✅ Stanford Online
✅ EICT Academy

📍تبي تتعلم البرمجة بثلاث ايام وليلة ؟
ماتقدر✅

📍تبي تتعلم البرمجة وانت ماتطبق ولاتسوي مشاريع؟
ماتقدر✅

📍تبي تتعلم البرمجة باسرع وافضل طريقة؟
اختر لغة وابدأ ✅

📍هل لازم اعرف للخوارزميات وهياكل البيانات؟
لا، تقدر تبدأ بدونها وتتعلمها لاحقا✅

موقع رهيب لمطورين Front-End للتعلم 🔥🚀
تقدر من خلاله تتعلم على مشاريع حقيقية ،يعطيك مشروع وانت تسويه ب HTML / CSS .. كل اللي عليك انك تختار التحدي وتبدأ 🚀
ايضا يوفر خدمات مدفوعة 💵
https://webdevelopermentor.com/

تخصصات البرمجة ؟🧐🤓

مرحبا 👋
حبينا اليوم نذكر معلومات عن بعض تخصصات البرمجة
لأنو تحديد تخصص وتشتغل عليه نقطة كتير مهمة لتحترف البرمجة🔥
.
لهيك بعض هل تخصصات هي :
.
🟠1_برمجة مواقع الويب :
بينقسم هاد التخصص لقسمين، قسم يقوم على تصميم واجهات المواقع (FrontEnd)، وقسم يقوم ببرمجة وتصميم الواجهات الخلفية للمواقع (BackEnd).
.
🟣2_ برمجة تطبيقات سطح المكتب :
بهاد التخصص بتم العمل على بناء برامج لتعمل على الحاسوب، متل برامج Adobe، و Office وغيرها ...
.
🔵3_ تطوير تطبيقات الهاتف :
بالتخصص هون يقوم بإنشاء تطبيقات للهواتف على أنظمة Android و iOS.
.
🟢4_ تطوير الألعاب :
يتمثل هاد التخصص ببناء الألعاب على مختلف المنصات، متل الحاسوب أو الموبايل أو الكونسول .. وألخ
.
🔴ملاحظة هامة جداً:
مافينا نقول انو في تخصص غير جيد او تخصص ممتاز لان طبعاً بتختلف الرغبات والميول وأيضاً بتختلف الخبرات في مجال لغة البرمجة بين المبرمجين
يعني ممكن مبرمج يستخدم لغة البايثون وممكن الاخر يستخدم PHP وكل وحدة الها مزاياها ومجالاتها
✅لهيك بنقدر نقول ان جميع التخصصات جيدة

🔰 البرمجة سهلة للجميع :

لماذا العديد من الناس تسأل أنا تخصص ادارة او أدب او او ...؟
هل يمكنني أن اتعلم البرمجة ؟
و من يحرمك منها يا اخي او اختي
من قال لكم البرمجة او علوم الحاسوب تحتاج إلى تخصص ؟
من قال هذا 😤

هل تعلمون من هو السبب في تكريس هاته الفكرة لدى الشعوب العربية ؟

إنها الطبقية في التعليم و تمييز تخصص على تخصص و جعل هذا التخصص هو من نخبة الأصول

و لكن ( الأدبي ) هو إنسان عادي لضعف مكانته ؟

هل جربت دراسة اللغة ؟
هل جربت الأصول الشرعية ؟
هل جربت دراسة الإقتصاد ؟
هل جربت التسويق ؟
هل و هل و هل ؟

لكن الجواب لا ، و مع ذلك تقول أنها تخصصات سهلة 😊

و لكن الصحيح أن جميع هاته التخصصات و جميع تخصصات الحياة كلها بسيطة الدراسة و هذا غير راجع أبدا

المادة الرمادية و المادة الأرجوانية لا يا عزيزي ، خلقنا عز و جل بعقل متساوي جدا و كل ما في الأمر هو التطوير .

لو أخدنا ١٠ أطفال في سن ٥ من عمرهم و أردنا من كل واحد أن نستخرج منهم مهندس ، طبيب ، فزيائي ، مبرمج ، محلل ، و صحافي ، و عالم ديني ، رجل اعمال .

و لكن لكي نمشي على الطلب يجب أن نمشي على منهج تعليمي بإثقان لكي نحول كل شخص للشيء الذي نريده

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

حتى وصلنا الى استحقار مجال دراسي و تمييز الآخر عليه على أنه هو النخبة

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

و سنجد نصف من في الصف يعتمدون على الغش
و النصف الآخر يكابر
و شخص او شخصين هم المتفوقين ؟

لكن ما هو السبب ؟
أولا حب المجال
ثانيا العمل المثمر ؟

كلنا متساويين الا من أراد الخمول
الموهبة 1 %
العمل 99 %

و كل مجال أحببته ادرسه بشغف و قوة

و كل شيء تريد أن تتعلمه ما عليك سوى أن تحبه

و نتمنى أن تتطور بلداننا
و عدم تمنهجنا للأسوء

قف على خطاك فالملائكة تبسط جناحيها لطالب العلم
العلم : كل شيء به منفعة للأمة
منقول.

🔰 الفرق بين "الـخـوارزمـيـات" و "الـبـرمـجـة"

كثيرون من يقومون بخلط مفهوم الخوارزميات بالبرمجة وهذا خطأ.

🔹الخوارزميات هي طريقة التفكير لحل مشكل، ومجموعة من الخطوات للوصول إلى نتيجة.

🔹البرمجة هي كتابة تلك الخطوات بلغة برمجة، لتتعامل مع الحاسوب.

⚡ كيف تبدأ التعلم ؟
▫️ الطريقة الأولى :
يمكنك تعلم الخوارزميات أولاً ثم الانتقال لتعلم البرمجة.
▫️ الطريقة الثانية :
يمكنك تعلم الخوارزميات والبرمجة في نفس الوقت، أي تطبيق ما تعلمته مباشرةً وكل خوارزمية تتعلمها تقوم ببرمجتها.

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

شكراً على اهتمامكم، واسأل الله التوفيق لي ولكم في تحصيل العِلم النافع.

مصطلحات برمجية هامة لكل مبرمج 💛♥️ :

مبرمج Programmer
مطور Developer
برنامج Programme
تطبيق Application
موقع انترنت Website
المعامل Operand
عامل التشغيل Operator
المؤشر Pointer
واجهة برمجة التطبيقات APi
الوسيطة Argument
التجميع Compilation
استضافة Hosts
خادم Server
خوارزميات Algorithms
رسم بياني للخوارزميات Flow chart
اداة/ادوات Tool /tools
قاعدة بيانات Database
نوع البيانات Data types
هياكل البيانات data structures
سطر برمجي Code
كود صلب Hard Code
برمجة كائنية Object oriented
اصناف / انواع Classes
طرق Methods
واجهات Interfaces
متغير Variable
ثابت Constant
البيان Statement
بناء الجملة Syntax
اعلان لمتغير Declare
اعلان Declaration
حزمة Package
مهمة وظيفة Function
تنفيذ Execute
استثناء Exception
تشغيل تنفيذ Implementation
عوامل متغيرة Parameters
أكبر من > Greater than
أصغر من < Less than
يساوي = Equal
لا يساوي =! Not equal
حلقة متصلة من الأوامر Loop
حلقة لانهائية Endless loop
شرط Condition
العبارات الشرطية Conditionals
متغير رقمي (Flowchart(flow
متغير رقمي (Integer(int
متغيرحرفي (Character(char
التكرار Iteration
الكلمات الأساسية Keywords
عشري Decimal
ثنائي binary
مجسم الموقع Body
رأس الصفحة Head
قسم من أقسام الصفحة Div
شكل الصفحة Style
خصائص Attributes
التعبير Expression
إطار العمل Framework
الواجهة الخلفية Backend
الواجهة الأمامية Front-end
لا شيء NULL
وقت التشغيل Runtime

🔰 لمن لا يملك حاسوب ويرغب بتعلم البرمجة من خلال الموبايل ننصح بتنزيل تطبيق محرر الأكواد dcoder حيث يتميز بالسلاسة اضافة الى احتوائه على مجموعة كبيرة من لغات البرمجة

اسم التطبيق في المتجر
Dcoder, Compiler IDE :Code & P

‌‎#مصدر CSS

Free CSS

موقع يوفر قوالب CSS مجانية، Layouts وغير ذلك من الأكواد المساعدة

بإمكانك تصفح الموقع وتحميل الملف للكود واستخدامه مجانًا

free-css.com‎

12 اطار عمل Frameworks CSS لمطورين الويب تسرع من عملية التطوير، وتختصر عليك الكثير من الوقت🚀🔥
1. Bootstrap
2. Tailwind CSS
3. Bulma
4. UIkit
5. Milligram
6. Skeleton
7. Materialize
8. Foundation
9.Pure CSS
10. Materialize CSS
11. Semantic UI
12.Tachyons
وش الاطار المفضل لديك؟🤔

شعور الذكاء ↗️↗️😂

⭕️ الفرق بين #Frontend و #backend

#أولا: Front End: يقصد بال Front End هو الجزء من الموقع الذي يتفاعل معه المستخدمين، أي شيء من مكونات الموقع التي يمكنك مشاهدتها، ويمكنك إحداث أي حدث عليها، مثل ال Buttons وال Dropdowns menu والخطوط والألوان ومعارض الصور وحركات ال Animation وغيرها.

كما أننا نتحدث عن Front End فيعني أنك يجب أن تعرف في ال HTML5 وال CSS3 وال jQuery وال jQuery UI وال SASS or LESS وبعض الخبرة في بعض المكاتب المهمة والمتعلقة مثلا في معارض الصور والقليل من الخبرة من
الأجاكس ليست سيئة ...

------------------------------------

#ثانيا: Back End: يقصد بال Back End هو ذلك الجزء الذي يتم بنائه ليعمل على الربط بين مجموعة الصفحات والبيانات والتطبيقات المختلفة، وفي المعنى الآخر هو الجزء الذي يتم تنفيذه وقرائته من خلال ال Server ويهتم بالتحقق من استقبال البيانات وارسالها بشكل صحيح من والى المتصفح.

كما انه يضم مجموعة من الأدوات مثل (Mysql OR Oracle OR SQL Server) وبكل تأكيد هذه تأتي بعد تعلمك أو معرفتك ل SQL(Structure Query Language) مثل جمل الإستعلام والتحديث والحذف والإضافة ..الخ