تعلم برمجة المواقع🚀
6.64K subscribers
55 photos
2 videos
19 files
545 links
قناة للبرمجة والمبرمجين ...
تحتوي على مقالات للمبرمجين.
كتب وملفات pdf مجانية للمبرمجين.
نصائح للمبتدئين والمحترفين في البرمجة ...
أفضل الدورات في مجال البرمجة مجانا..
Download Telegram
مصادر لتعلم وتطوير نفسك بالبرمجة والعديد من المهارات الاخرى مجانا 🚀
Youtube
W3School
Coursera
Udemy
MDN
SkillShare
Edx
Udacity
LinkedIn Learning
MIT Open Courseware
Stanford Online
EICT Academy
2👍2🔥1
📍تبي تتعلم البرمجة بثلاث ايام وليلة ؟
ماتقدر

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

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

📍هل لازم اعرف للخوارزميات وهياكل البيانات؟
لا، تقدر تبدأ بدونها وتتعلمها لاحقا
2👍1
موقع رهيب لمطورين Front-End للتعلم 🔥🚀
تقدر من خلاله تتعلم على مشاريع حقيقية ،يعطيك مشروع وانت تسويه ب HTML / CSS .. كل اللي عليك انك تختار التحدي وتبدأ 🚀
ايضا يوفر خدمات مدفوعة 💵
https://webdevelopermentor.com/
👍1
تخصصات البرمجة ؟🧐🤓

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

قف على خطاك فالملائكة تبسط جناحيها لطالب العلم
العلم : كل شيء به منفعة للأمة
منقول.
🔥21👍1
🔰 الفرق بين "الـخـوارزمـيـات" و "الـبـرمـجـة"

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

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

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

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

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

شكراً على اهتمامكم، واسأل الله التوفيق لي ولكم في تحصيل العِلم النافع.
3👍1
مصطلحات برمجية هامة لكل مبرمج 💛♥️ :

مبرمج 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
7👍4
🔰 لمن لا يملك حاسوب ويرغب بتعلم البرمجة من خلال الموبايل ننصح بتنزيل تطبيق محرر الأكواد dcoder حيث يتميز بالسلاسة اضافة الى احتوائه على مجموعة كبيرة من لغات البرمجة

اسم التطبيق في المتجر
Dcoder, Compiler IDE :Code & P
3👍1
‌‎#مصدر CSS

Free CSS

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

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

free-css.com
🔥21👍1
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
وش الاطار المفضل لديك؟🤔
👍1🔥1
شعور الذكاء ↗️↗️😂
🤣3👍2
⭕️ الفرق بين #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) مثل جمل الإستعلام والتحديث والحذف والإضافة ..الخ
3👍1
موقع بطل لمطورين FrontEnd  يوفر لك مجموعة من الانيمشن الجاهزة 🚀
كل اللي عليك تختار الانميشن اللي تبيه وتنسخ الكود HTML , CSS وتستخدمه مجانا 😍

https://uiverse.io
🔥3👍1
#كنز_لمبرمجي_الويب
موقع لأكواد HTML, CSS. اكواد لبعض المميزات في الموقع مثل ( سلة المشتريات، صفحة تسجيل جديد، قائمة المتابعين ). وايضاً توجد نماذج مواقع كاملة للتحميل مجاناً وتدعم Bootstrap وهي ان الكود يعمل في جميع احجام الشاشات والجوال👏
bootdey.com
5👍1
🔴 المتغيرات Variabals والثوابت Constant موجودة بهدف ان تتيح لك تخزين البيانات لاعادة استخدامها مره اخرى في البرنامج.

🔹️وعند تعريفك لمتغير جديد في البرنامج فانت ستقوم بربط اسم محدد مثل name او age بقيمة محددة من نوع محدد.

🔹️ تسمية المتغيرات
لديك كامل الحرية في تسمية المتغيرات ماعدا بعض القيود مثل التالية:

🔹️ لا تبدآ برقم

🔹️ لا تتضمن مسافات

🔹️ لا تتضمن رموز عمليات رياضية

🔹️ لا تستخدم الكلمات التي تستخدمها لغه سويفت كجزء منها

يجب آن تلتزم بافضل المممارسات في تسمية المتغيرات بحيث تضمن كتابة كود سهل القراءة والفهم، خاصة اذا كنت تعمل في فريق برمجي. اذا اردت اضافة متغير لتخزين اسم فستكون تسميته name مناسبه ومنطقيه اكثر من تسميته n فقط! ولو اردت كتابة اسم متغير بكلمات متعددة

فاستخدم اسلوب camel case بحيث اول كلمه من الاسم المتعدد تكون بحروف صغيره ثم اول حرف يكون كبير لاي كلمه اخرى مثل userOneName....
وسوف نكمل بقية المعلومات عن المتغيرات والثوابت في المنشور القادم الجزء الثالث 2....

نرجوا منكم التفاعل والتعليق لان صفحتنا محضورة من التعليق، وشكرًا لكم
3👍2
📌 موقع رهيب للكويزات ولاختبار نفسك بالعديد من لغات البرمجة 🔥
يحتوي على العديد من اللغات والتقنيات مثل
HTML
CSS
JAVASCRIPT
JSON
والكثير 🚀
https://quizzes.madza.dev
6👍1
موقع عليه اشهر Layout مكتوبه HTML و CSS

لايك وريتويت ليستفيد الجميع💻💙

Link : csslayout.io/patterns/
1👍1
موقع رهيب يبسط لك الخوارزميات باسهل طريقة 😍
ويوضح لك كيف تعمل كل خوارزمية

https://www.toptal.com/developers/sorting-algorithms
🔥3👍1
الفرق مبين HTML و CSS و JS من الاخر 😁🤝⬇️
👍4😁42