تعلم برمجة المواقع🚀
6.63K subscribers
55 photos
2 videos
19 files
545 links
قناة للبرمجة والمبرمجين ...
تحتوي على مقالات للمبرمجين.
كتب وملفات pdf مجانية للمبرمجين.
نصائح للمبتدئين والمحترفين في البرمجة ...
أفضل الدورات في مجال البرمجة مجانا..
Download Telegram
مصطلحات برمجية هامة لكل مبرمج 💛♥️ :

مبرمج 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
تعرف ليش نستخدم هذا السطر عند كتابة كود CSS 🤔

* {
      padding: 0;
      margin: 0;
      box-sizing: border-box;
}

شاركني إجابتك  🚀👇
🔥42👍1
‏بناء المشاريع واحده من أفضل الطرق لتعلم و إحتراف تصميم المواقع💙

مستودع في github
يحتوي على 50 مشروع بسيط في
html , css , javascript
يمكنك القيام بها لتطوير مستواك في الويب💻💙

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

Link :github.com/bradtraversy/5‎…
4👍1🔥1
‏- ملخص لجميع الدوال الخاصة بالarray في JavaScript.
5🔥3👍1
الـconst يستعمل في حال كانت قيمة المتغير معروفة الأن
الـfinal يستعمل اذا كانت قيمة المتغير غير معروفة حاليا

الـconst لا يقبل التعديل على المتغير و القيمة
الـfinal لا يقبل التعديل على المتغير لكن يقبل التعديل على القيمة

ال var  يمكن اعادة تعريفه او التعديل على قيمته
3👍1
‏موقع Code well

يوفر لك نماذج تصاميم حقيقيه
من الممكن التدريب عليها
لتطوير مستواك في html and css 🤩

Link: https://www.codewell.cc/
5👍2