‏س / ما العناصر التي يجب أن اضيفها في نظام التصميم الخاص بي ؟

الإجابة بكل بساطة كل شيء ربما تحتاج البدء بـ

- نوع الخط Font family
- حجم خطوط العناوين والنصوص Font size
- سماكة أو ثخن الخط Font weight
- ارتفاع الخط Line height
- الألوان Colors

‏- الهوامش الخارجية والداخلية Margin / Padding
- العرض والارتفاع
- الظلال shadows
- الحواف radius
- الحقول والأزرار Buttons & Inputs
- الأيقونات

باختصار أنا متأكد أن كل عناصر تصميمك ترغب في التواجد في النظام

والآن أخبرونا هل تستخدموا أنظمة التصميم في أعمالكم ؟

نصائح لل front end
‏قبل البدء بأي مشروع اتبع مايلي
‏١-اجعل تصميمك مناسب لشاشات الجوال قبل ان تفكر ان تجعلها مناسبة لشاشات الكمبيوتر
‏٢- اجعل حجم النص كبيرآ بما يكفي لقراءته من اصغر شاشة الى اكبر شاشة
‏٣- استخدم وحدة القياس em بدلا من px

‏٤-استخدم النسب المئوية لملائمة حجم الشاشة بدلآ من الأعداد الثابتة
‏٥- قم بازالة العناصر الغير ضرورية حتى يصبح تطبيقك سريعا وخفيفآ
‏٦- استخدم حجم الزر الصحيح لاتجعل أزرارك صغيرة اجعلها كبيرة بما يكفي لعرضها بشكل واضح في اصغر الاجهزةنصائح لل front end
‏قبل البدء بأي مشروع اتبع مايلي
‏١-اجعل تصميمك مناسب لشاشات الجوال قبل ان تفكر ان تجعلها مناسبة لشاشات الكمبيوتر
‏٢- اجعل حجم النص كبيرآ بما يكفي لقراءته من اصغر شاشة الى اكبر شاشة
‏٣- استخدم وحدة القياس em بدلا من px

‏٤-استخدم النسب المئوية لملائمة حجم الشاشة بدلآ من الأعداد الثابتة
‏٥- قم بازالة العناصر الغير ضرورية حتى يصبح تطبيقك سريعا وخفيفآ
‏٦- استخدم حجم الزر الصحيح لاتجعل أزرارك صغيرة اجعلها كبيرة بما يكفي لعرضها بشكل واضح في اصغر الاجهزة

كل ما تحتاج معرفته عن لغة javascript❗

نبذة عن لغة javascript

تعتبر أحد أكثر اللغات استخداماً وشهرة
حيث تعد من اللغات الاساسية
والتي لايمكن الاستغناء عنها في تطوير مواقع الويب


مميزات لغة javascript

. سهلة التعلم وكثيرة الإستخدامات

. لا تحتاج سوى محرر نصي فقط لتجربتها

. تمتلك شعبية كبيرة ويتم تحديثها سنوياً

. تعتبر لغة اساسية لاحتراف تطوير المواقع

. تدعمها كافة المتصفحات

. تمتلك الكثير من المكتبات وأطر العمل

. سريعة التنفيذ كونها تعرض من المتصفحات مباشرة

استخدامات javascript

. تطوير الويب

. أنترنت الأشياء

. ألعاب المتصفح

أفضل المصادر لتعلم javascript

قنوات تقدم كورسات كاملة

🟢Elzeroo web School

🟢Hassouna Academy

🟢Unique coderz Academy

🟢Coder shiyar

مواقع تقدم كورس مجاني

🟡Harmash. Com

🟡Teracourses. Com

🟡Code Academy. Com

🟡W3school. Com

شباب انتوا جميعكم ما تساعدونا بنشر القناة والتوصية بيها فكيف تخلونا نستمر وياكم بلا مقابل منكم فيدوا غيركم وفيدوا نفسكم وفيدونا #مساعدتكم_ويانه_حتى_نستمر_وياكم_بالافضل_ان_شاء_الله

مصطلحات تقنية قوه ان شاء الله تستفيدو منها

هاذيه الصوره لي ولكم ههههه كيف ابدا اتعلم البرمجه كنت اتعلم كل ساعه للغه لا ما يشتت الفكر واضيع كل المعلمات التعليم الصح الواحد يبدع في للغات واحده حتئ وان كلف وقت كثير او ايام او اسابيع او أشهر اهمشي تنجز مهمه وعت رتاح غار إذا كنت كل شويه لغه تضيعك كامل المعلومات

العفو منكم الجوال حقي يعلق 😢😢

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

بدون شرح واضح في الصوره

بفضل الله والحمدلله حصلت علا الترتيب الأول با معدل 98,29
في قسم علوم الحاسوب

@ll77_ll99_bot

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

شو هاذا نورتو القناة شكرا شكرا شكرا ربي يسعدكم 😍🤗🤗🤗🥰

اطلب من الجميع نشر القناة لو سمحتو ربي يحفظكم والعفو منكم

.

#مواقع_مفيدة
1_DEVDOS. IO

في هذا الموقع يمكن أن تجد Documentaion لأي لغة برمجية


2_Devhints. IO


في هذا الموقع يتضمن مجموعة واسعة من cheatsheets التي ستساعدك في تعلم البرمجة

3_carbon. now. sh

يقوم بأنشاء صور جميلة للكود الخاص بك

4_webmaker.app

محرر رائع يساعدك على كتابة موقعك او مشروعك دون الحاجة للإنترنت

4_3Osecondsofcode. org

يوجد فيه اكواد برمجية قصيرة لمجموعة متنوعة من اللغات

5_glitch. Com

يساعد في انشاء مشروع الويب التالي في المتصفح بدون إعداد ونشر فوري


6_gtmetrix. com

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

7_transform. tools

تحويلات بسيطة وسهلة لأي شيئ تقريباً
مثل SVGs و JSX و JSON و CSS

8_motion. dev
هي مكتبة رسوم متحركة مبنية على
API web Animations
لأصغر ملف وأسرع اداء