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) مثل جمل الإستعلام والتحديث والحذف والإضافة ..الخ

موقع بطل لمطورين FrontEnd  يوفر لك مجموعة من الانيمشن الجاهزة 🚀
كل اللي عليك تختار الانميشن اللي تبيه وتنسخ الكود HTML , CSS وتستخدمه مجانا 😍

✅ https://uiverse.io

#كنز_لمبرمجي_الويب
موقع لأكواد HTML, CSS. اكواد لبعض المميزات في الموقع مثل ( سلة المشتريات، صفحة تسجيل جديد، قائمة المتابعين ). وايضاً توجد نماذج مواقع كاملة للتحميل مجاناً وتدعم Bootstrap وهي ان الكود يعمل في جميع احجام الشاشات والجوال👏
bootdey.com

🔴 المتغيرات Variabals والثوابت Constant موجودة بهدف ان تتيح لك تخزين البيانات لاعادة استخدامها مره اخرى في البرنامج.

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

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

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

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

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

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

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

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

نرجوا منكم التفاعل والتعليق لان صفحتنا محضورة من التعليق، وشكرًا لكم

📌 موقع رهيب للكويزات ولاختبار نفسك بالعديد من لغات البرمجة 🔥
يحتوي على العديد من اللغات والتقنيات مثل
HTML
CSS
JAVASCRIPT
JSON
والكثير 🚀
https://quizzes.madza.dev

موقع عليه اشهر Layout مكتوبه HTML و CSS ❤

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

Link : csslayout.io/patterns/‎

موقع رهيب يبسط لك الخوارزميات باسهل طريقة 😍
ويوضح لك كيف تعمل كل خوارزمية ✅

https://www.toptal.com/developers/sorting-algorithms

الفرق مبين HTML و CSS و JS من الاخر 😁🤝⬇️

تعرف ليش نستخدم هذا السطر عند كتابة كود CSS 🤔

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

شاركني إجابتك  🚀👇

دورة جافا سكريبت كاملة وبشرح بسيط
https://youtube.com/playlist?list=PLMTdZ61eBnyp1nMM8mGRzpwuu6FNxFy0D

‏بناء المشاريع واحده من أفضل الطرق لتعلم و إحتراف تصميم المواقع💙

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

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

Link :github.com/bradtraversy/5‎…

دورة جافا كاملة من الصفر الى الاحتراف
https://youtube.com/playlist?list=PLMTdZ61eBnyol1gLHHgsiQbcOayNljG4_

‏- ملخص لجميع الدوال الخاصة بالarray في JavaScript.

الـconst يستعمل في حال كانت قيمة المتغير معروفة الأن
الـfinal يستعمل اذا كانت قيمة المتغير غير معروفة حاليا

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

ال var  يمكن اعادة تعريفه او التعديل على قيمته

‏موقع Code well

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

Link: https://www.codewell.cc/

‏اذا كنت تبحث عن خارطة تعلم:

Frontend
Backend
DevOps
Android
Flutter
ASP.NET‎
DBA
Blockchain

انصحك بزيارة الموقع التالي
roadmap.sh‎

الموقع يحتوي على خرائط تعلم وأدلة ومحتويات تعليمية أخرى لمساعدة المطورين في تحديد المسار وتوجيه تعلمهم.

‏حتى تصبح مبرمج مواقع محترف تحتاج تتعلم هذه النقاط:

- لغة HTML
- لغة CSS
- لغة Java Script
- بيئة عمل مثل: React, Vue.js, Angular
- برنامج Visual Studio
- لغة بايثون او PHP للتعامل مع قواعد البيانات

خلال 6 إلى 9 اشهر راح تكون قادر على العمل في برمجة المواقع و تنفيذها 👏🚀

‏موقع free frontend
يوفر اكواد جاهزه في
html css javascript react ...ect

يوفر عليك الوقت و الجهد بشكل كبير جدا 🔥

مثلا يمكنك البحث عن تصميم
login page
و إختيار ال template المناسبه لك.

رابط الموقع
freefrontend.com‎