Salsa

732 427 ألف مشاهدات المحتوى عضو منذ
Salsa تطوير الويب

سؤالك غير مفهوم

سؤالك غير مفهوم
Salsa تطوير الويب

تفضل

تفضل https://jsbin.com/daxihiy/edit?css,output
Salsa تقنية

افكر بتصميم مجتمع شبيه ب حسوب IO يختص بمجال الهاك و الحماية

قمت بصناعة موقع شبيه لحسوب و لازلت أعمل على تطويره و أظنه يصلح كمنصة للسكيورتي أيضا

> افكر بتصميم مجتمع شبيه ب حسوب IO يختص بمجال الهاك و الحماية قمت بصناعة موقع شبيه لحسوب و لازلت أعمل على تطويره و أظنه يصلح كمنصة للسكيورتي أيضا https://io.hsoub.com/webdev/118040-%D9%85%D9%86%D8%B5%D8%A9-%D8%AD%D9%88%D8%A7%D8%B1-%D9%85%D9%82%D8%B1%D9%85%D8%B4-%D8%B4%D8%A8%D9%8A%D9%87%D8%A9-%D8%A8%D8%AD%D8%B3%D9%88%D8%A8-%D9%88-medium-%D8%B1%D8%A7%D8%A8%D8%B7-%D8%A7%D9%84%D9%85%D8%B9%D8%A7%D9%8A%D9%86%D8%A9-%D9%82%D8%B5%D8%A9
Salsa برمجة

و فيك البركة

تفضل هنا تجد كتب بالزيادة

و فيك البركة تفضل هنا تجد كتب بالزيادة https://github.com/salsa-project/Books
Salsa برمجة

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

لذلك من أفضل ما جربته و رأيت حقيقة فعاليته :

1- البحث عن كتابة الكود و لكن بطرق مختلفة .

2- الإلمام بآخر تحديثات اللغة .

3- متابعة مبرمجين لهم سنوات من الخبرة و يقدمون نصائح لتحسين جودة الكود .

4- القراءة عن أنماط التصميم Design Patterns (يوجد 23 على الأقل) و هذه الأنماط هي ملخص خبرات مبرمجين مع برمجيات كبيرة و جل المشاكل التي تم حلها تم توظيفها في تلك الأنماط .

5- أنصحك أيضا بالقراءة عن Solid principles و Dry .

أولا هناك الكثير من الطرق لرفع مستوى و جودة تكويدك منها عبر تراكم الخبرات ومنها من هو في الأفاق التي هي بعيدة عن مستواك حاليا و تطمح للوصول إليها و لكن سبق إليها الخبراء و لخصوها لنا في بضعة أسطر . لذلك من أفضل ما جربته و رأيت حقيقة فعاليته : 1- البحث عن كتابة الكود و لكن بطرق مختلفة . 2- الإلمام بآخر تحديثات اللغة . 3- متابعة مبرمجين لهم سنوات من الخبرة و يقدمون نصائح لتحسين جودة الكود
Salsa ريادة الأعمال

إضافة التصدير إلى ال PDF يمكن عملها على ال client side يمكنك إستخدام هذه المكتبة JSpdf

إضافة التصدير إلى ال PDF يمكن عملها على ال client side يمكنك إستخدام هذه المكتبة JSpdf https://github.com/MrRio/jsPDF
Salsa تطوير الويب

و عليكم السلام

تفضل هذا مقال كتبته قبل مدة يجيب خصيصا على تساؤلك

و عليكم السلام تفضل هذا مقال كتبته قبل مدة يجيب خصيصا على تساؤلك https://io.hsoub.com/webdev/98854-%D9%86%D8%B5%D8%A7%D8%A6%D8%AD-%D9%84%D9%84%D9%85%D9%82%D8%A8%D9%84%D9%8A%D9%86-%D8%B9%D9%84%D9%89-%D8%AA%D8%B9%D9%84%D9%85-%D8%A7%D9%84%D8%A8%D8%B1%D9%85%D8%AC%D8%A9
Salsa ريادة الأعمال

هل يمكنك إضافة تصدير المقال على شكل PDF ؟

هل يمكنك إضافة تصدير المقال على شكل PDF ؟
Salsa تطوير الويب
  • هل لديك ملف config معدل تعمل به ؟ الرابط ؟

  • كيف تعاملت مع الأبعاد الغير موجودة مثل أبعاد top, right, left, bottom ... إلخ

  • هل حجم الملف ال css النهائي صغير الحجم مقارنة بحجم ملف css ذو تكويد عادي لنفس الموقع مثلا ؟

  • الكلاسات المحدودة فهل تحدك من ناحية التصميم خصوصا الأبعاد و الألوان ؟

  • ما رأيك في سرعة التطوير بإستخدامه مقارنة بالتطوير بال vanilla css ؟

- هل لديك ملف config معدل تعمل به ؟ الرابط ؟ - كيف تعاملت مع الأبعاد الغير موجودة مثل أبعاد top, right, left, bottom ... إلخ - هل حجم الملف ال css النهائي صغير الحجم مقارنة بحجم ملف css ذو تكويد عادي لنفس الموقع مثلا ؟ - الكلاسات المحدودة فهل تحدك من ناحية التصميم خصوصا الأبعاد و الألوان ؟ - ما رأيك في سرعة التطوير بإستخدامه مقارنة بالتطوير بال vanilla css ؟
Salsa جافا سكربت

السلام عليكم و رحمة الله .. أولا أنتي إستخدمتي أمر "use strict" أي الوضع الصارم , بمعنى أن أي خطأ في الكود سيوقف تشغيل السكريبت .. مثل خطؤك في السطر رقم 6 .

myAge = 6

أولا عرفي المتغير قبل إعطائه قيمة :

var myAge = 6

هذا مثالك online

السلام عليكم و رحمة الله .. أولا أنتي إستخدمتي أمر "use strict" أي الوضع الصارم , بمعنى أن أي خطأ في الكود سيوقف تشغيل السكريبت .. مثل خطؤك في السطر رقم 6 . myAge = 6 أولا عرفي المتغير قبل إعطائه قيمة : var myAge = 6 هذا مثالك online https://jsbin.com/kererawuva/edit?html,js,console,output
Salsa تطوير الويب

تبارك الله .. قمة , الفكرة غير مألوفة بتاتا .. تمت إضافة الموضوع للمفضلة ..

مع أني لم أجد لها تطبيق واقعي لكنها تبقى فكرة خارج الصندوق .. و أظنها مثل الخزانة التي لن يفتحها أحد .

تبارك الله .. قمة , الفكرة غير مألوفة بتاتا .. تمت إضافة الموضوع للمفضلة .. مع أني لم أجد لها تطبيق واقعي لكنها تبقى فكرة خارج الصندوق .. و أظنها مثل الخزانة التي لن يفتحها أحد .
Salsa تطوير الويب

بالنسبة للposition فهي تحوي عدة خيارات :

كمثال سنفترض أن لدينا صورة و نص في الصفحة :

هذا مجرد نص لنجعله كمثال لشرح القيم بالأسفل

Static : هذا الخيار هو الإفتراضي لكل العناصر الموجودة على صفحة ال html , بمعنى أنه أي عنصر تنشؤه سيكون static , معنى static الوضيفي هو أن العناصر تكون مثل السائل لا تترك فراغات بينها و لا تصعد فوق بعضها البعض .. في مثال الصورة و النص بالأعلى ستجد أن العنصرين ملتصقين بجانب بعضهما و لم تصعد أي منهما فوق الأخرى .. أيضا قيم ال left, right, bottom , top لا تشتغل على العناصر التي قيمة ال position هي static .. أيضا ال margin و float تشتغل عليه بشكل عادي .

Absolute : هذا الخيار يجعل العنصر يتخلى عن مكانه بمقابل أنه يصبح فوق الصفحة .. لشرح هذه النقطة تذكر أننا قلنا أن static مثل السوائل لا تترك فراغات بينها و بين العناصر , فالآن لما نعطي النص خيار position:absolute; فستجد أن الصورة أصبحت فوق النص و السبب هو أن العناصر التي فوق الصفحة ستعامل ذلك العنصر الذي قيمة وضعيته absolute على أنه غير موجود في الصفحة .. و أيضا القيم top, right , bottom , left تشتغل عليه و القيم margin و float لا تشتغل عليه .

Relative : مثل ال absolute غير أنها تحتفظ بمكانها الأصلي (الأولي) , عكس ال absolute التي تتخلى عن مكانها .

Fixed : تشبه ال absolute إلا في شيئ واحد و هو أن وضعيتها تكون بالنسبة للنافذة و ليس مثل ال absolute التي وضعيتها تكون بالنسبة للصفحة .. يعني أن العنصر سيتمركز بالنسبة لطول شاشة جهازك .

Sticky : هذه قم بالبحث عنها .

بالنسبة للposition فهي تحوي عدة خيارات : كمثال سنفترض أن لدينا صورة و نص في الصفحة : هذا مجرد نص لنجعله كمثال لشرح القيم بالأسفل Static : هذا الخيار هو الإفتراضي لكل العناصر الموجودة على صفحة ال html , بمعنى أنه أي عنصر تنشؤه سيكون static , معنى static الوضيفي هو أن العناصر تكون مثل السائل لا تترك فراغات بينها و لا تصعد فوق بعضها البعض .. في مثال الصورة و النص بالأعلى ستجد أن العنصرين ملتصقين بجانب بعضهما و
Salsa تطوير الويب

السلام عليكم و رحمة الله

ما هي المشاكل التي واجهتك عند تعلم ال css و التي تريد أن تفهمها ؟

السلام عليكم و رحمة الله ما هي المشاكل التي واجهتك عند تعلم ال css و التي تريد أن تفهمها ؟
Salsa انصحني

أرشح لك الأبنتو فهو خفيف و معظم البرامج الموجودة على الويندوز موجودة على الأوبنتو أيضا خصوصا برامج التطوير مثل محررات النصوص المشهورة atom , vs , bruckets , sublim .. إلخ

برامج التصميم photoshop , gimp , akira , inkscape , blender ..إلخ

محركات الألعاب مثل unity .. إلخ

و قبل كل ذلك يمكنك تجربة الأوبنتو قبل تثبيته على الكومبيوتر , و ذلك عند الدخول على وضع التثبيت سترى خانة مكتوب عليها Try Ubuntu .. بمجرد الضغط عليها سيفتح لك الأوبنتو , و هناك قم بتجربته بنفسك قبل تثبيته ثم قرر إن كان يساعدك .

أيضا ما دمت ستنتقل إلى نظام لينكس فيفضل أن تكون لك دراية بسيطة بأوامره لإستخدامها حين تحتاجها على ال Terminal :

أولا فالنفرض أننا على سطح المكتب و هناك يوجد مجلد إسمه folder1 و بداخل هذا الأخير مجلدات أخرى مثلا : f2 , f3 , f4 ..إلخ

للولوج بال terminal إلى داخل المجلد نقوم بطباعة الأمر :

cd folder1

الآن أنت بداخل المجلد folder1 , يمكنك أيضا الولوج إلى المجلدات التي بداخله بنفس الأمر :

cd f2

للعودة للوراء أي للمجلد الذي قبله :

cd ..

لإنشاء مجلد جديد (عوض dirName بالإسم الذي تريده) :

mkdir dirName

لإنشاء ملف جديد (عوض fileName بالإسم الذي تريد) :

touch fileName

لعرض محتوى ملف تاكست (عرض فقط) :

cat fileName

لتغيير إسم ملف/مجلد :

mv oldName newName

لإرسال ملف/مجلد إلى داخل مجلد آخر (مكان ال pathName ضع مكان المجلد) :

mv fileName pathName

مثلا :

mv style.css src/style

لحذف ملف :

rm -f fileName

لحذف مجلد بداخله العديد من الملفات :

rm -rf dirName

لنسخ ملف ما و لصقه في مكان آخر :

cp fileName pathName

هذا ما حظرني حاليا .. بالتوفيق

أرشح لك الأبنتو فهو خفيف و معظم البرامج الموجودة على الويندوز موجودة على الأوبنتو أيضا خصوصا برامج التطوير مثل محررات النصوص المشهورة atom , vs , bruckets , sublim .. إلخ برامج التصميم photoshop , gimp , akira , inkscape , blender ..إلخ محركات الألعاب مثل unity .. إلخ و قبل كل ذلك يمكنك تجربة الأوبنتو قبل تثبيته على الكومبيوتر , و ذلك عند الدخول على وضع التثبيت سترى خانة مكتوب عليها Try Ubuntu .. بمجرد الضغط عليها سيفتح لك
Salsa تطوير الويب

و عليكم السلام و رحمة الله تعالى و بركاته

أولا نظام الووردبريس يحتوي على عدة قوالب مجانية و مدفوعة موزعة على كل المجالات و بمعظم التعميمات.

نأتي الآن لسؤالك لما يقضي المبرمج عدة شهور في تعلم البرمجة بدل إستخدام قوالب جاهزة و فقط تخصصها لتقارب الموقع الذي يريده :

١ - الووردبريس لا يصلح لجميع المواقع، و في بعض الأحيان الووردبريس يكون هو أسوء خيار لذلك.. خصوصا المواقع التوسيعية scalable.

٢ - الووردبريس يحدك من عدة نواحي، فقوالبه المجانية تأتي محدودة من ناحية القدرة على تعديل ملفات الستايل css. هذا بالنسبة المبرمج فما بالك بغير المبرمج، قوالبه المدفوعة أيضا تحتوي على العديد من القوالب المضمنة قصد تغطية معظم إحتياجات المستخدم و لكن لا تغطيها كافة. ماذا لو أردت إضافة شيء غير موجود في ذلك القالب؟ الحل هو أن تكون مبرمج لتستطيع إضافته.

٣ - و الأهم من ذلك هو أن الذي يتعلم البرمجة يمكنه تصميم أي قالب من دون قيود، عكس الووردبريس الذي سيظطر المستخدم لتعديل على قالب مبرمج من قبل مبرمج لقوالب الووردبريس.

٤ - من يتعلم البرمجة يكون لديه عموما عدة أهداف مثل إنشاء مشروع خاص أو العمل لدى مؤسسة تطلب تقنيات برمجية حديثة.. إلخ

و عليكم السلام و رحمة الله تعالى و بركاته أولا نظام الووردبريس يحتوي على عدة قوالب مجانية و مدفوعة موزعة على كل المجالات و بمعظم التعميمات. نأتي الآن لسؤالك لما يقضي المبرمج عدة شهور في تعلم البرمجة بدل إستخدام قوالب جاهزة و فقط تخصصها لتقارب الموقع الذي يريده : ١ - الووردبريس لا يصلح لجميع المواقع، و في بعض الأحيان الووردبريس يكون هو أسوء خيار لذلك.. خصوصا المواقع التوسيعية scalable. ٢ - الووردبريس يحدك من عدة نواحي، فقوالبه المجانية تأتي
Salsa تطوير الويب

1/ فرق بين BootStrap و Django و هل يمكن ..

ال bootstrap : هو مكتبة css جاهزة و هي خاصة بال front-end . لما تريد تنسيق زر أو فورم مثلا فقط تقوم بوضع class له فقط . . و بالطبع يمكنك الإستغناء عنهم إذا أردت .

ال django : هو framework خاص بالبايثون و الفرايمووركات عموما تقوم بتبسيط الأشياء التي نقوم بها مرارا و تكرارا فتقوم هي بها بدلا عنك .. مثل تهيئة ال http إلخ .. فأنت بعد إستخدامك للفراموورك ستقوم فقط بتحديد ال PORT و ال ROUTES , يعني ستركز فقط على الموقع .

وسؤالي الثاني كيف يمكن جلب البيانات من موقع اخر ووضعه في موقعي ..

نعم بالطبع , و هنالك حالتين لها :

الأولى بطريقة شرعية و هي عندما يوفر لك الموقع API لذلك (و ال API عبارة البيانات معينة يضعها لك مالك الموقع على شكل JSON على ال EndPoint في الرابط مثلا : www.website.com/animals/cats ف ال "cat/" هي ال EndPoint )

و الثانية بطريقة غير شرعية و هي عندما لا يوفر لك الموقع ال API للبيانات التي تريدها , فيمكن برمجة أو إستخدام زاحف SCRAPER جاهز ثم ترسله للصفحات التي تريد و هو يقوم بجلب البيانات المراد لك .

> 1/ فرق بين BootStrap و Django و هل يمكن .. ال bootstrap : هو مكتبة css جاهزة و هي خاصة بال front-end . لما تريد تنسيق زر أو فورم مثلا فقط تقوم بوضع class له فقط . . و بالطبع يمكنك الإستغناء عنهم إذا أردت . ال django : هو framework خاص بالبايثون و الفرايمووركات عموما تقوم بتبسيط الأشياء التي نقوم بها مرارا و تكرارا فتقوم هي بها بدلا عنك .. مثل تهيئة ال http إلخ .. فأنت بعد

هو مكتبة لصنع تطبيقات الويب أحادية الصفحة يستعمل ال jsx التي هي عبارة عن دمج لل html بداخل ال js .

هو مكتبة لصنع تطبيقات الويب أحادية الصفحة يستعمل ال jsx التي هي عبارة عن دمج لل html بداخل ال js .
Salsa تطوير الويب

هناك عدة لغات يمكنك أن تستخدمها لل Back-End مثل : php, node.js , python , ruby ..إلخ

و إن كنت تجيد الجافاسكريبت فأنصحك بال node.js .

هناك عدة لغات يمكنك أن تستخدمها لل Back-End مثل : php, node.js , python , ruby ..إلخ و إن كنت تجيد الجافاسكريبت فأنصحك بال node.js .
Salsa تطوير الويب

و عليكم السلام و رحمة الله تعالى و بركاته

ال node.js عبارة بيئة لتشغيل الجافاسكريبت على السيرفر , و بما أنها بيئة فهي ستوفر لك الأدوات اللازمة لتشغيل السيرفر و التعامل مع الملفات و التعامل مع الطلبات , فأنت هنا يجب أن تتعلم أدوات البيئة .

الآن هنالك ما يسمى بال framework , هدفه تسهيل و تبسيط التعامل مع السيرفر و ذلك لأنه يقوم بالأمور اليديوية عنك و يتركك تركز على أداء و مهام الموقع .

مثلا فرايموورك express.js .. الذي أستعمله أنا و أنصحك به .

و عليكم السلام و رحمة الله تعالى و بركاته ال node.js عبارة بيئة لتشغيل الجافاسكريبت على السيرفر , و بما أنها بيئة فهي ستوفر لك الأدوات اللازمة لتشغيل السيرفر و التعامل مع الملفات و التعامل مع الطلبات , فأنت هنا يجب أن تتعلم أدوات البيئة . الآن هنالك ما يسمى بال framework , هدفه تسهيل و تبسيط التعامل مع السيرفر و ذلك لأنه يقوم بالأمور اليديوية عنك و يتركك تركز على أداء و مهام الموقع . مثلا فرايموورك express.js ..
Salsa تطوير الويب

السلام عليكم و رحمة الله

شيء رائع أنك تطور من مهاراتك في الويب , و من تصميمك أرى أنك تجيد تقسيم الموقع (layout) , بالنسبة للألوان لازال ينقصك بعض التعلم ,بالنسبة للأحجام أيضا , الموقع ليس متجاوب مع الشاشات .

لذى أقترح عليك الآتي :

قم بإختيار أي موقع مثلا واجهة حسوب و هذا رابطها :

و حاول أن تقوم بتكويدها لتكون مطابقة 100% و لا تضف أي شيئ من لمستك الخاصة ... هذه واحدة من الطرق التي ساعدتي كثيرا في تحسين تصميماتي و في مدة وجيزة و الحمد لله .

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

السلام عليكم و رحمة الله شيء رائع أنك تطور من مهاراتك في الويب , و من تصميمك أرى أنك تجيد تقسيم الموقع (layout) , بالنسبة للألوان لازال ينقصك بعض التعلم ,بالنسبة للأحجام أيضا , الموقع ليس متجاوب مع الشاشات . لذى أقترح عليك الآتي : قم بإختيار أي موقع مثلا واجهة حسوب و هذا رابطها : https://io.hsoub.com/ و حاول أن تقوم بتكويدها لتكون مطابقة 100% و لا تضف أي شيئ من لمستك الخاصة ... هذه واحدة من الطرق التي ساعدتي
Salsa برمجة

السلام عليكم و رحمة الله تعالى و بركاته

بما أنك تعلم أن الموقع يتكون من واجهة أمامية (frontend) الواجهة الرسومية , أي الأزرار و النصوص و التقسيمات و الصور و الصفحات ..إلخ , التي تستطيع تعلمها بتعلمك :

  • HTML

  • CSS

  • JAVASCRIPT

و يتكون من واجهة خلفية (Backend) الواجهة الخطوات المنطقية التسلسلية , التي فيها تقع الأكواد التي تخبر ماذا يقوم الزر بعد الضغط عليه مثلا و ما إلى ذلك و لتعلمها إختر إحدى لغات المختصة في الواجهة الخلفية مثل:

  • Php

  • Ruby

  • Python

  • Node.js

  • Golang

  • ... Etc

و بعد أن تتعلم إحدى هذه اللغات و تتعلم كيفية إنشاء سيرفر بها و إستقبال الطلبات (Requests) و توجيه الزائر .. الآن بقي أن تتعلم إحدى قواعد البيانات العلائقية مثل Mysql , أو الغير علائقية مثل Mongodb .. و هكذا يصبح لديك موقع كامل .

الآن بالعودة لسؤالك لكيفية ربط الواجهة الأمامية بالخلفية :

أولا عندما تقوم بإنشاء صفحات الأماميةالثابتة (مثلا صفحة الموضوع مثل هذه التي نحن فيها الآن و مثلا صفحة أخرى تعرض فيها كل المواضيع و صفحة أخرى للبروفايل) , أصبح لدينا الآن مجموعة صفحات لكنها غير مربوطة بالBackend , تقوم بوضعها بداخل مجلد بالواجهة الخلفية مثلا Views ثم تقوم فتح هذه الصفحات و تغيير الأشياء الغير ثابتة بالمتغيرات , مثلا في صفحة الموضوع كان هنالك موضوع عنوانه "طريقة التسجيل في حسوب للمبتدئين" فنضع مكانه متغير ليصبح هكذا "postTitle" ثم مكان إسم الكاتب نضع متغير آخر و ليكن "author" و مكان الموضوع نضع متغير "postBody" و مكان الصورة نضع "postPicture" .. في الأخير عندما يقوم مستخدم بطلب موضوع ما سيصل للسيرفر معلومات عن الطلب بأن مستخدم ما طلب موضوع عنوانه "طريقة التسجيل في حسوب للمبتدئين" و id الموضوع هو رقم 22 , فيقوم السيرفر بالبحث في قاعدة البيانات عن الموضوع رقمه 22 , يأتي بجميع معلوماته أو بعضها و يقوم بإرسالها داخل صفحة الموضوع التي فيها المتغيرات فيقوم بتعويضها و إرسالها للسيرفر .

و في الأخير هذه المراحل أنت من تقوم ببرمجتها و هي سهلة جدا .

السلام عليكم و رحمة الله تعالى و بركاته بما أنك تعلم أن الموقع يتكون من واجهة أمامية (frontend) الواجهة الرسومية , أي الأزرار و النصوص و التقسيمات و الصور و الصفحات ..إلخ , التي تستطيع تعلمها بتعلمك : - HTML - CSS - JAVASCRIPT و يتكون من واجهة خلفية (Backend) الواجهة الخطوات المنطقية التسلسلية , التي فيها تقع الأكواد التي تخبر ماذا يقوم الزر بعد الضغط عليه مثلا و ما إلى ذلك و لتعلمها إختر إحدى لغات المختصة في الواجهة
Salsa تطوير الويب

و عليكم السلام و رحمة الله تعالى وبركاته

جيد أنك تريد إستغلال وقت فراغك في شيئ مفيد , بالنسبة للفروقات بين html و html 5 و css و css 5

فاللغات نفسها و ال html5 ما هي إلا تحديث للإصدار القديم و هذا الأخير حسن أشياء و أضاف وسوم قليلة بهدف تحسين , نفس الأمر بالنسبة لل css .

المغزى من الكلام يمكنك البدأ بأي إصدار خصوصا و أنك مبتدأ فما ستدرسه في ال html هو نفسه ما ستدرسه في ال html5 لكن في هذه الأخيرة ستجد بعض الوسوم الجديدة و هي قليلة .. و نفس الأمر بالنسبة لل css .

و عليكم السلام و رحمة الله تعالى وبركاته جيد أنك تريد إستغلال وقت فراغك في شيئ مفيد , بالنسبة للفروقات بين html و html 5 و css و css 5 فاللغات نفسها و ال html5 ما هي إلا تحديث للإصدار القديم و هذا الأخير حسن أشياء و أضاف وسوم قليلة بهدف تحسين , نفس الأمر بالنسبة لل css . المغزى من الكلام يمكنك البدأ بأي إصدار خصوصا و أنك مبتدأ فما ستدرسه في ال html هو نفسه ما ستدرسه في
Salsa برمجة

لم أفهم

لم أفهم
Salsa تطوير الويب

و عليكم السلام و رحمة الله

الواجهة الخلفية (backend) للموقع يمكن برمجتها بأحد لغات البرمجة المخصصة لذلك :

Php , ruby , python , nodejs ...إلخ

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

بعد ذلك تعلم إحدى قواعد البيانات مثلا: mysql أو mangodb .

و عليكم السلام و رحمة الله الواجهة الخلفية (backend) للموقع يمكن برمجتها بأحد لغات البرمجة المخصصة لذلك : Php , ruby , python , nodejs ...إلخ إختر واحد منها و إبدأ بدراسة الأساسيات حتى إنشاء سيرفر بسيط يقوم بتحويلك بين صفحات الوقع مثلا بعد ذلك تعلم إحدى قواعد البيانات مثلا: mysql أو mangodb .
Salsa تطوير الويب

و عليكم السلام و رحمة الله تعالى و بركاته

أولا الجافاسكريبت تشتغل في أي حاسوب .

أي برنامج تصفح (كروم أو فايرفوكس ..) بالإضافة لمحرر لكتابة الأكواد عليه (notepad , atom , vStudio ..) كاف لذلك .

بما أنك تعلمت طريقة إنشاء صفحات html و ربط ملف css بداخلها .. فالأمر نفسه مع الجافاسكريبت , قم بفتح ملف الhtml ثم قبل نهاية رمز قم بفتح ترميز و غلقه و أي كود جافاسكريبت يكتب بداخل ذلك الترميز فسيشتغل .

و عليكم السلام و رحمة الله تعالى و بركاته أولا الجافاسكريبت تشتغل في أي حاسوب . أي برنامج تصفح (كروم أو فايرفوكس ..) بالإضافة لمحرر لكتابة الأكواد عليه (notepad , atom , vStudio ..) كاف لذلك . بما أنك تعلمت طريقة إنشاء صفحات html و ربط ملف css بداخلها .. فالأمر نفسه مع الجافاسكريبت , قم بفتح ملف الhtml ثم قبل نهاية رمز قم بفتح ترميز و غلقه و أي كود جافاسكريبت يكتب بداخل ذلك الترميز فسيشتغل .