كن مطوراً للويب في 180 يوماً - خارطة طريق
banner
2019-11-11 , 05:30 مساءً
MoATh511xD’s Avatar
MoATh511xD

مشارك

المشاركات:336
التسجيل:May 2015
MoATh511xD
سؤال لو كنت أبي أصمم موقع أفلام هل فيه إطارات محددة ولا كلها تؤدي نفس الغرض أو في بعضها له أفضليه بتخصص تصميم مواقع الافلام ... و أيضا المتجر لو أبي اصمم متجر ألكتروني
2019-11-11 , 05:30 مساءً
2019-11-11 , 05:51 مساءً
Norway’s Avatar
Norway

Xbox Elite Team

المشاركات:5520
التسجيل:Oct 2013
Norway
MoATh511xD كتب:
سؤال لو كنت أبي أصمم موقع أفلام هل فيه إطارات محددة ولا كلها تؤدي نفس الغرض أو في بعضها له أفضليه بتخصص تصميم مواقع الافلام ... و أيضا المتجر لو أبي اصمم متجر ألكتروني


اتوقع في مشاريع مفتوحة المصدر :11: لكن لا اعلم عن اسماءها :11:

سؤال هل هناك سكربت مشابه لليوتيوب مفتوح المصدر ؟ او يصلح لانشاء مواقع افلام ؟
مسلسلات مثلاً تقوم بجدولتها بقوائم تشغيل تلقائية :11:

:11:
:11:
:11:
2019-11-11 , 05:51 مساءً
2019-11-12 , 10:39 صباحاً
بو هيثم’s Avatar
بو هيثم

مشارك

المشاركات:490
التسجيل:Oct 2004
بو هيثم
MoATh511xD كتب:
سؤال لو كنت أبي أصمم موقع أفلام هل فيه إطارات محددة ولا كلها تؤدي نفس الغرض أو في بعضها له أفضليه بتخصص تصميم مواقع الافلام ... و أيضا المتجر لو أبي اصمم متجر ألكتروني



تصمم غير عن انك تبرمج،


عموما موقع الفيديو هو ادخال واخراج والذكاء في مواقع الفيديو هو الية التعامل مع الفيديو حال الرفع، مثال اليوتيوب:


المستخدم يرفع الفيديو خام او باعلى جودة > تبدا المعالجة باستديو المحتوى باليوتيوب > ضغط الفيديو مع عدم المساس بجودة الفيديو > رابط الفيديو


هذي الامور كلها تحدث backend للفيديو لا يعلم عنها المستخدم عادة.


بخصوص الاطارات تقدر تستعمل اي اطر عمل، لكن يفضل انك تستعمل لغه باستطاعتها التعامل مع ملفات الفيديو بدون تعقيد.


ملاحظة: يوتيوب، يوديمي، انستاجرام واغلب مواقع الفيديو الاخرى مبنية بلغة بايثون باطار عمل جانغو.


بخصوص المتجر انت تحتاج تعرض منتج وتحتاج سله وتحتاج ربط بين المتجر وبين مقدم بوابة الدفع، ماانصح تبرمج متجر من الصفر الا لو كان متجرك جدا كبير، غير ذلك ابدا مع السكربتات المشهورة مثل ماجنتو للمتاجر الكبيره، اوبن كارد متوسطة او صغيره
2019-11-12 , 10:39 صباحاً
2019-11-12 , 10:40 صباحاً
بو هيثم’s Avatar
بو هيثم

مشارك

المشاركات:490
التسجيل:Oct 2004
بو هيثم
Norway كتب:
اتوقع في مشاريع مفتوحة المصدر :11: لكن لا اعلم عن اسماءها :11:

سؤال هل هناك سكربت مشابه لليوتيوب مفتوح المصدر ؟ او يصلح لانشاء مواقع افلام ؟
مسلسلات مثلاً تقوم بجدولتها بقوائم تشغيل تلقائية :11:

:11:
:11:
:11:



قلتها بالموضوع ابحث دائما ب github ستجد الكثير عمل سابقا بافكار شبيهة بفكرتك باستطاعتك النظر للكود وفهم الخوارزميات والتعلم منها. او حتى تحميل الكود وتجربته وتطويره
2019-11-12 , 10:40 صباحاً
2019-11-12 , 05:54 مساءً
commanderA’s Avatar
commanderA

**

المشاركات:5514
التسجيل:Oct 2016
commanderA
حاولت اتعلم بس ما لقيت الشغف بالتعلم أبدا بالضجر مافي اشياء اساسيه
يعني حاولت اعرف شنو ميزة hello world في بايثون ما لقيت جواب احسن بس هياط


الزبده ما لقيت شي يشدني للتعلم . خلني على فوتوشوب وفيديو افضل
موضوعك ارشاد جميل شكرا لك
2019-11-12 , 05:54 مساءً
2019-11-12 , 08:54 مساءً
بو هيثم’s Avatar
بو هيثم

مشارك

المشاركات:490
التسجيل:Oct 2004
بو هيثم
commanderA كتب:
حاولت اتعلم بس ما لقيت الشغف بالتعلم أبدا بالضجر مافي اشياء اساسيه
يعني حاولت اعرف شنو ميزة hello world في بايثون ما لقيت جواب احسن بس هياط


الزبده ما لقيت شي يشدني للتعلم . خلني على فوتوشوب وفيديو افضل
موضوعك ارشاد جميل شكرا لك



حياك وبياك اخي الكريم،


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


بخصوص hello world هذي مجرد كلمه تستعمل في كل اللغات تقريبا وهي تقريبا رمز فقط بالكتابه، يعني مو كود برمجي اساسا اشرحها لك بابسط من كذا بطريقة عمليه


انا كتبت الكود هذا


name = "Hello World"
print name


كذا كاني قلت للبرنامج يطبع لي هيلو ورلد لكن الاصل انت مابتكتب ببرنامجك هيلو ورلد هنا الخدعه انت تجرب البرنامج بهذي الجمله او اي كلمه، ثم اذا اشتغل وكتب الكلمه تكمل كودك يعني بمثالنا


name = "Ahmed"
Job = "programmer"
etc..
2019-11-12 , 08:54 مساءً
2019-11-12 , 08:57 مساءً
commanderA’s Avatar
commanderA

**

المشاركات:5514
التسجيل:Oct 2016
commanderA
بو هيثم كتب:
حياك وبياك اخي الكريم،


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


بخصوص hello world هذي مجرد كلمه تستعمل في كل اللغات تقريبا وهي تقريبا رمز فقط بالكتابه، يعني مو كود برمجي اساسا اشرحها لك بابسط من كذا بطريقة عمليه


انا كتبت الكود هذا


name = "Hello World"
print name


كذا كاني قلت للبرنامج يطبع لي هيلو ورلد لكن الاصل انت مابتكتب ببرنامجك هيلو ورلد هنا الخدعه انت تجرب البرنامج بهذي الجمله او اي كلمه، ثم اذا اشتغل وكتب الكلمه تكمل كودك يعني بمثالنا


name = "Ahmed"
Job = "programmer"
etc..



اها وصلت يعني بشكل مختصر تشوف البرنامج او الويب شغال معاك او لا

وصلت
2019-11-12 , 08:57 مساءً
2019-11-12 , 09:40 مساءً
MustafaKurdi’s Avatar
MustafaKurdi

فعال

المشاركات:1272
التسجيل:Jan 2018
MustafaKurdi
موضوع أقل ما يقال عنه رائع
ترتيب وتنسيق فوق الممتاز ومحتوى علمي مذهل ومرتب
والحقيقة أنه جاء في وقت انا في أمس الحاجة إليه فشكرا جزيلا
2019-11-12 , 09:40 مساءً
2019-11-12 , 10:32 مساءً
Norway’s Avatar
Norway

Xbox Elite Team

المشاركات:5520
التسجيل:Oct 2013
Norway
بو هيثم كتب:
قلتها بالموضوع ابحث دائما ب github ستجد الكثير عمل سابقا بافكار شبيهة بفكرتك باستطاعتك النظر للكود وفهم الخوارزميات والتعلم منها. او حتى تحميل الكود وتجربته وتطويره


جميل جداً و الاجمل ان Github مفتوح المصدر اغلب محتواه بمعني يمديك تقتبس و تعدل و تسوي Fork براحتك

:11:
:11:
:11:
2019-11-12 , 10:32 مساءً
2019-11-15 , 08:40 مساءً
MoATh511xD’s Avatar
MoATh511xD

مشارك

المشاركات:336
التسجيل:May 2015
MoATh511xD
بعض من الأشياء الي تعلمتها في طريقي بتطوير الويب
عن طريق أحدى قنوات اليوتيوب الأكثر من رائعة
https://youtu.be/v1PeTDrw6OY



[CODE]





Awesome Search Box



[/CODE]
و أحفظ هذا بملف بأسم : style.css
[CODE]body {
margin: 0;
padding: 0;
background: #e84118;
}

.search-box {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #2f3640;
height: 40px;
border-radius: 40px;
padding: 10px;
}

.search-box:hover > .search-txt {
width: 240px;
padding: 0 6px;
}

.search-box:hover > .search-btn {
background: white;
color: black;
}

.search-btn {
color: #e84118;
float: right;
width: 40px;
height: 40px;
border-radius: 50%;
background: #2f3640;
display: flex;
justify-content: center;
align-items: center;
transition: 0.4s;
color: white;
cursor: pointer;
}

.search-btn > i {
font-size: 30px;
}

.search-txt {
border: none;
background: none;
outline: none;
float: left;
padding: 0;
color: white;
font-size: 16px;
transition: 0.4s;
line-height: 40px;
width: 0px;
font-weight: bold;
}[/CODE]
2019-11-15 , 08:40 مساءً
2019-11-17 , 10:53 صباحاً
بو هيثم’s Avatar
بو هيثم

مشارك

المشاركات:490
التسجيل:Oct 2004
بو هيثم
MoATh511xD كتب:
بعض من الأشياء الي تعلمتها في طريقي بتطوير الويب
عن طريق أحدى قنوات اليوتيوب الأكثر من رائعة
https://youtu.be/v1PeTDrw6OY



[CODE]





Awesome Search Box



[/CODE]و أحفظ هذا بملف بأسم : style.css
[CODE]body {
margin: 0;
padding: 0;
background: #e84118;
}

.search-box {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #2f3640;
height: 40px;
border-radius: 40px;
padding: 10px;
}

.search-box:hover > .search-txt {
width: 240px;
padding: 0 6px;
}

.search-box:hover > .search-btn {
background: white;
color: black;
}

.search-btn {
color: #e84118;
float: right;
width: 40px;
height: 40px;
border-radius: 50%;
background: #2f3640;
display: flex;
justify-content: center;
align-items: center;
transition: 0.4s;
color: white;
cursor: pointer;
}

.search-btn > i {
font-size: 30px;
}

.search-txt {
border: none;
background: none;
outline: none;
float: left;
padding: 0;
color: white;
font-size: 16px;
transition: 0.4s;
line-height: 40px;
width: 0px;
font-weight: bold;
}[/CODE]



انت رائع اخي الكريم،


البدأ بتعلم تصميم الاشياء الصغيره افضل بكثير من البدأ بتعلم تصميم موقع كامل،


اكمل بهذه الطريقة وهذا الحماس،


حاول ان تنهي كورس html, css باسرع مايمكن لان الجافا سكربت سياخذ من وقتك بعض الوقت، ركّز بالجافا سكربت عوضا عن html, css .. كما قلت سابقا جافاسكربت هي معيار قوة الموقع، وبالتالي هي معيار قوتك في تصميم واجهات المستخدم
2019-11-17 , 10:53 صباحاً
2019-11-19 , 11:42 صباحاً
TCX gamer’s Avatar
TCX gamer

مبدع

المشاركات:2297
التسجيل:May 2016
TCX gamer
node صعبة ومبرمجينها قليل ف اسعارهم مرتفعه - ruby لغة قديمة وخلاص انتهت
2019-11-19 , 11:42 صباحاً
2019-11-19 , 11:59 صباحاً
بو هيثم’s Avatar
بو هيثم

مشارك

المشاركات:490
التسجيل:Oct 2004
بو هيثم
TCX gamer كتب:
node صعبة ومبرمجينها قليل ف اسعارهم مرتفعه - ruby لغة قديمة وخلاص انتهت



حياك وبياك ياجميل،


اخالفك في هذا الرأي


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


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


عموما هي اساسيات معينة بالبرمجه اذا عرفتها بتقدر تتعلم اي لغه مثل كيف تسوي لوب وايش فايدة اللوب، كيف تعرف المتغيرات وتستعملها واذا تعمقت كيف تكتب كود اوبجكت اورينتد.


لغة روبي ماانتهت وليست قديمة بالعكس اطارها روبي اون رايلز الى الان يستعمل وبقوة في كبرى المواقع الالكترونية،




عن نفسي دائما وابدا انصح اي شخص يبي يدخل في البرمجة في هذه الايام التوجه والتركيز نحو الجافا سكربت.


اذا اردت معرفة المتعه بالجافا سكربت،
شاهد هذا الشخص دائما ما يبث بشكل مباشر ويكتب الكود باي فكرة يطرحها عليه متابعيه.


ثم يبدا درس معهم بكتابة الفكرة التي اقترحوها.
https://www.youtube.com/watch?v=c_NHSIF7vG0


ان كانت لغتك الانجليزية متوسطة فانصح بقوة بمتابعة هذا الشخص والتطبيق والتعلم معه.
2019-11-19 , 11:59 صباحاً
2019-11-24 , 02:45 مساءً
commanderA’s Avatar
commanderA

**

المشاركات:5514
التسجيل:Oct 2016
commanderA
بو هيثم

لدي استفسار عام وما حبيت اسوي موضوع احس انه سؤال تافه

الحين الصوره الي وضعتها انت ( الاب توب ) ليش مطور الويب يفتح برنامج سيرفر وشنو ينطر ؟

يعني اي مطور اشوف جربت شوي بايثون ولهم برنامج خاص شنو فايدة البرنامج
والمطور شنو يسوي بالبرنامج هذا بالضبط . يعني لما اكون مطور منزل برنامج سيرفر شنو الاشياء الي يسويها المطور

يعني اشوف الاغلب يشغل برنامح سيرفر ويكون امامه ويتابع . شنو ينطر ؟
2019-11-24 , 02:45 مساءً
2019-11-24 , 03:11 مساءً
بو هيثم’s Avatar
بو هيثم

مشارك

المشاركات:490
التسجيل:Oct 2004
بو هيثم
commanderA كتب:
بو هيثم

لدي استفسار عام وما حبيت اسوي موضوع احس انه سؤال تافه

الحين الصوره الي وضعتها انت ( الاب توب ) ليش مطور الويب يفتح برنامج سيرفر وشنو ينطر ؟

يعني اي مطور اشوف جربت شوي بايثون ولهم برنامج خاص شنو فايدة البرنامج
والمطور شنو يسوي بالبرنامج هذا بالضبط . يعني لما اكون مطور منزل برنامج سيرفر شنو الاشياء الي يسويها المطور

يعني اشوف الاغلب يشغل برنامح سيرفر ويكون امامه ويتابع . شنو ينطر ؟



حياك وبياك اخي الكريم،


سؤالك ابداً مو تافه، وينم عن رغبة بالمعرفة، هذه الرغبة تاتي منها النجاح دائما، بحيث تسال عن كل شيء حتى سفاسف الامور..


طيب اجابة على استفسارك.


اذا كنت تقصد الصورة ببداية الموضوع فهذا مو سيرفر، هذا برنامج visual studio code وهو محرر نصوص متقدم للمبرمجين.




لكن حسب فهمي انت سؤالك في موقع اخر من الحديث عن الصورة.
في لغات البرمجة فيه لغات تسمى scripting language مثل البايثون والجافا سكربت..الخ
مهمة كل اللغات البرمجية تحويل النصوص اللي تكتبها الى 01 اصفار واحاد، لان هي اللي يفهمها الجهاز.


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



بخصوص البرنامج الخاص لكل لغة مو شرط، يعني انا في البايثون اشتغل على pycharm في الجافا سكربت اشتغل على vs code بخصوص ليش هي مسالة تفضيليه باستطاعتي العمل بالبايثون على vs code لكن ارتاح مع pycharm بحكم الادوات المتاحة لي و تسهيل كتابة الكود فبمجرد تكتب حرف او حرفين يفهم ايش تبي تكتب يكمل لك الجمله يسمونها snippest



اكيد موجود ب vs code لكن هي مسالة راحه اولا واخيرا.
2019-11-24 , 03:11 مساءً
2019-11-24 , 03:14 مساءً
بو هيثم’s Avatar
بو هيثم

مشارك

المشاركات:490
التسجيل:Oct 2004
بو هيثم
بو هيثم كتب:
حاليا اعمل على مشروع django هو بمثل فكرة medium تقريبا،


حيث يوجد به يوزرات حيث كل يوزر لديه مقالات خاصه به، ولديه تقييم من قبل الزوار


انهيت الكثير منه حاليا


تراودني حاليا بتغيير طريقة برمجة الموقع حيث يكون الفرونت اند react والباك اند django


لعامل السرعه وجعل التطبيق Single web application لكن سياخذ منّي بعض الوقت


صورة للمشروع
Image


الصورة بحجم كبير
انقر هنا



واذا كنت تقصد في هذه المشاركة الصورة، هذا سيرفر يسويه لك django بحيث تشوف كل التعديل اللي تسويه بشكل مباشر ولو تلاحظ بالكلام اللي تحت GET مكتوب بالبدايه ومعناها ان يقرا المعلومة من السيرفر فيه شي ثاني يجي يسمى POST معناها ان تكتب انت الى السيرفر.


فتشوف الادخال والاخراج لبرنامجك وتبدا تصحح كل مايشكل عليك.
2019-11-24 , 03:14 مساءً
2019-11-24 , 03:32 مساءً
المهـــند’s Avatar
المهـــند

مبدع

المشاركات:3600
التسجيل:Nov 2006
المهـــند
خلني اتكلم عن سوق العمل بحكم اني اعمل في مجال تطوير الويب والتطبيقات

تحتاج تتعلم الاتي بالنسبة لBack-end:
Node JS
ASP.net
PHP- optional اشوفها اختيارية لان كثير من الشركات بدت تتخلى عنها

ضروري تتعلم auth وال CRUD operation في كل وحدة منها ، وضروري يتعلم الـ API المستخدمة وشائعة في الماركت الي هي RESTful و SOAP

auth = مصادقة الدخول
CRUD = العمليات الاساسية الي هي البحث والادخال والحذف والتحديث من قاعدة البيانات

ولازم طبعا تتعلم معها السكربت حق قواعد البيانات الاكثر شيوعا مثل SQL Server و MySQL وبعض الشركات الان بدت تسخدم Mongo DB لكن ماهو شائع مثل SQL

بالنسبة للواجهات او Front-end تحتاج:
Angular
React web

هذي الي تقدر تصمم عليها تطبيقات تفاعلية تتواصل مع الBack-end

بالنسبة للتطبيقات على المنصات المتعددة، اشهر واحد هو حق مايكروسفت:
Xamarin

يعني يسمح لك تصمم التطبيق على برنامج واحدة وتشغله على اكثر من نظام تشغيل

فيه منتج ثاني من قوقل اسمه Flutter بس الكل متخوف منه كون قوقل مشهور عنها انها تسحب على منتجاتها اذا ما حققت النجاح المنشود

او بالنسبة للتطبيقات الـ Native او المصممة على المنصات الأم للتطبيقات تحتاج:
XCode لتطبيقات الـ iOS
Android Studio لتطبيقات الاندرويد

يعني تصمم التطبيق على اللغة الام حقت نظام التشغيل وهالشئ يعطيك اداء عالي وفاعلية لكل الخصائص عالية

هذي هي اللغات المطلوبة حاليا في الماركت على مستوى العالم خصوصا تطبيقات الـ Enterprise

الي يتعلم هاللغات حاليا يعتبر Full Stack Developer وهالشئ مطلوب ونادر جدا في الماركت السعودي على الاقل ولا يقل راتبه الشهري عن 15 الف ريال
2019-11-24 , 03:32 مساءً
2019-11-24 , 07:57 مساءً
commanderA’s Avatar
commanderA

**

المشاركات:5514
التسجيل:Oct 2016
commanderA
بو هيثم كتب:
حياك وبياك اخي الكريم،


سؤالك ابداً مو تافه، وينم عن رغبة بالمعرفة، هذه الرغبة تاتي منها النجاح دائما، بحيث تسال عن كل شيء حتى سفاسف الامور..


طيب اجابة على استفسارك.


اذا كنت تقصد الصورة ببداية الموضوع فهذا مو سيرفر، هذا برنامج visual studio code وهو محرر نصوص متقدم للمبرمجين.




لكن حسب فهمي انت سؤالك في موقع اخر من الحديث عن الصورة.
في لغات البرمجة فيه لغات تسمى scripting language مثل البايثون والجافا سكربت..الخ
مهمة كل اللغات البرمجية تحويل النصوص اللي تكتبها الى 01 اصفار واحاد، لان هي اللي يفهمها الجهاز.


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



بخصوص البرنامج الخاص لكل لغة مو شرط، يعني انا في البايثون اشتغل على pycharm في الجافا سكربت اشتغل على vs code بخصوص ليش هي مسالة تفضيليه باستطاعتي العمل بالبايثون على vs code لكن ارتاح مع pycharm بحكم الادوات المتاحة لي و تسهيل كتابة الكود فبمجرد تكتب حرف او حرفين يفهم ايش تبي تكتب يكمل لك الجمله يسمونها snippest



اكيد موجود ب vs code لكن هي مسالة راحه اولا واخيرا.


شرحك وافي

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

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

1- ابي مصدر يعطيني موقع فاضي وابدي
2- html اتوقع اهو و body حق الصفحه نفسها
3- طريقة اضافة البرنامج و الموقع الي راح اسويه اربطهم مع بعض لما اسوي امر في برنامج بايثون على طول يتفعل هذي اتوقع ربط وانا ماعرف يكفي اسم البرنامج او الطريقه اكون شاكر
2019-11-24 , 07:57 مساءً
2019-11-24 , 10:15 مساءً
بو هيثم’s Avatar
بو هيثم

مشارك

المشاركات:490
التسجيل:Oct 2004
بو هيثم
commanderA كتب:
شرحك وافي

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

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

1- ابي مصدر يعطيني موقع فاضي وابدي
2- html اتوقع اهو و body حق الصفحه نفسها
3- طريقة اضافة البرنامج و الموقع الي راح اسويه اربطهم مع بعض لما اسوي امر في برنامج بايثون على طول يتفعل هذي اتوقع ربط وانا ماعرف يكفي اسم البرنامج او الطريقه اكون شاكر



ماتحتاج اي موقع تجريبي وماتحتاجها ابدا في هذي المرحله،


جهازك يعتبر سيرفر اساسا، بعد ماتخلص مشروعك على جهازك تبدا في مرحلة تسمى deployment واللي هي ترفع كودك في السيرفر.


مثلا
في النود بمجرد ماتشغل مشروعك وتكتب npm start

المشروع بيشتغل في جهازك وفي المتصفح تبعك وتبدا تطور فيه


في البايثون او الجانغو تكتب
python manage.py runserver

ويشتغل المشروع بجهازك.


بعد ماتخلص مشروعك بشكل كامل تبدا تبحث او تدرس طريقة رفع موقعك على سيرفر او على aws او قوقل كلاود او .. الخ


لا تعقد الامور بالبدايه ابدا من الاسفل ابحث عن كورس واتبع الترتيب بالموضوع


باذن الله ستصلفي غضون المدة اللي تكلمت فيها.


لو لغتك الانجليزية كويسة فبتوصل بشكل اسرع لو مو كويسة موجود محتوى رائع باليوتيوب تابع فيه الى ماتوصل للمواضيع المتقدمه وقتها بتكون فاهم المصطلحات البرمجيه وبتقدر تتابع الفيديوهات الاجنبيه حتى لو مو فاهم منهم


بخصوص سؤالك الثاني..
صحيح هذا HTML وانصحك تبدأ فيه


سؤالك الثالث

مافهمتك كيف تربطهم مع بعض؟ اذا تقصد تشتغل لايف، فهو بمجرد ماتتصل بالسيرفر يكون مربوط. انت تكمل المشروع بجهازك كامل ثم ترفعه على مواقع


نصيحتي لك لا تشتت نفسك في هذي المواضيع حالياً
ابدا بالترتيب بالموضوع وفي كل موضوع بيكون فيه شرح مستفيض لكيف تتعامل مع سطر الاوامر وكتابة الاوامر ..الخ
2019-11-24 , 10:15 مساءً
2019-11-24 , 11:30 مساءً
حسام وليد’s Avatar
حسام وليد

مشارك

المشاركات:602
التسجيل:Apr 2014
حسام وليد
[QUOTE]فيه منتج ثاني من قوقل اسمه Flutter بس الكل متخوف منه كون قوقل مشهور عنها انها تسحب على منتجاتها اذا ما حققت النجاح المنشود[/QUOTE]

من خلال تجربتي معاه في 2018 اذا كنت مبتدئ انصح بتعلم اساسيات reactjs وتكون عندك خلفية في javascript es6 ومن ثم العمل عليه لانه شوي متقدم ومستوحى منهن ودروس تعلم لغة dart تشوشك وبقيك حاير في بعض الاحيان
2019-11-24 , 11:30 مساءً