لغات برمجة الويب
banner
2019-01-07 , 06:34 مساءً
AOQ0’s Avatar
AOQ0

عضو جديد

المشاركات:6
التسجيل:Jan 2018
AOQ0
السلام عليكم

انا مبتدئ و اريد اتعلم لفات البرمجة من الصفر لحين الاحنراف لاصمم ويب

من اين اتعلمها ؟ وكيف

واتعلم ال back end بس اعرف اني لازم اتعلم اول شي ال front end

وشكرا .
Enlarged Image
2019-01-07 , 06:34 مساءً
2019-01-09 , 03:04 صباحاً
BlaCk19’s Avatar
BlaCk19

مبدع

المشاركات:2878
التسجيل:Mar 2011
BlaCk19
راح اكتب لك بشوي تفصيل و اعتذر لو كان ردي مُطول شويتين


تصميم الويب بشكل عام ينقسم إلى قسمين


Front-end = تصميم صفحة الموقع
back-end = السيرفر إللي راح يتخزن فيه موقعك


إذا إحترفت الإثنين راح تكون : Full stack


لغات الـFront-end = هي كالتالي : HTML , CSS , Javascript
لغات الـback-end = هي كالتالي : java , php , ruby , python .. إلخ


هل لازم أتعلمهم كلهم ؟ نعم في الـFront-end , لا في الـBack-end


من وين أبدأ ؟ تبدأ بتعلم HTML ثم css ثم javascript
ليه الترتيب هذا ؟ ناخذ مثال بسيط
HTML يمثل محتوى الصفحة , يعني لو أخذنا مثال " مبنى " الـHTML في المبنى راح يكون الطوب الأحمر


CSS = يمثل شكل الصفحة , يعني على مثالنا " المبنى " الـCSS راح يكون لون المبنى و شكله


Javascript = تخلي الصفحة تتفاعل , على مثالنا " المبنى " الـJS راح يكون توصيل الموية و الكهرباء


أعتقد مثال المبنى يبسطها لك


نرجع للسؤال , من وين أبدأ ؟

إبدأ بتعلم HTML

ثم CSS , وبعدها فيه أدوات تساعدك تكتب CSS بسرعة ( هذه الخطوة إستثنائية , تبي تسويها أو تجاهلها )


لغات تساعدك تكتب CSS أسرع :
1 - Bootstrap : عبارة عن مكتبة ضخمة , بدل ما تصمم إنت من البداية , تاخذ الشكل و تحطه في موقعك ثم تغير الألوان لو إنت حابب


2 - SASS : عبارة عن أداة تساعدك تكتب CSS بشكل أسرع و أنيق , فمثلاً لو كان عندك ملف CSS فيه 1000 سطر , و 400 سطر فيها صفة مُشتركة , لو حابب تغير هالصفة راح تضطر تروح لكل سطر من الـ400 و تغيرها يدوي , الـSASS يساعدك و يعطيك سطر واحد ومن خلال هالسطر تتحكم بالـ400 سطر الثانيين



الآن رقم 3 , تعلم Javascript , بعد ما تفهم كيف عمله , وطريقة ربطه بالموقع عن طريق تعلم شيء إسمه Dom manipulator , إتعلم على المكتبات الخاصة بالجافاسكربت ( بدل ما تصمم شيء من الصفر , تاخذ شغل من شخص ثاني وتعدل عليه )
فيه مكتبات كثيرة جداً للجافاسكربت وكل مكتبة لها مميزات و سلبيات لكن حالياً توب 3 هم كالتالي
React : المُفضل عند المبرمجين
Vue : بسيط و سهل و المبرجمين معجبين فيه
Angular : هو كان المُسيطر و الأفضل بس في الفترة الأخيرة React تفوق عليه


بعد ما تتعلم الـ3 لغات الرئيسية HTML , CSS , Javascript و بعض من مكتباتهم , تقدر تبني صفحات بشكل إحترافي


بعد ما تخلص من هالـ3 , ممكن تتعرف على الإنيميشن ( التحريك ) عن طريق CSS

إبحث بقوقل عن CSS Animation



عدة قواعد عامة :

1 - كل لغة راح تتعلمها راح تكون مليانة تفاصيل و كلمات خاصة عشان تستخدمها , أكثر المبتدئين يحفظوها وهذا غلط
إنت إفهم كل شيء و طريقة عمله , ويوم تبني برنامجك إفتح قوقل و إبحث عن الخاصية إللي تبيها
الحفظ غلط , قوقل هو أكبر سند لك , كل خصائص اللغات موجودة بقوقل و مُرتبة و بالأمثلة كمان , كل إللي عليك تسويه إنك تبحث


2 - لو تجلس من اليوم لين السنة القادمة تتابع دروس , ما عمرك راح تصير مبرمج , المبرمج لازم يصمم و يبني بنفسه بدون دروس ( إتحدى نفسك , بعد ما تنهي جزئية من لغة معينة إسأل نفسك " هل أقدر أسوي كذا و كذا ؟ " إبدأ برمج وإذا علقت إبحث بقوقل صدقني هذه ممكن تسهرك ليالي بس في النهاية راح تنبسط جداً وراح تتعلم كيف تبرمج "



3 - * أهم نصيحة * إذا تعرف أحد من أهلك أو من أصدقاءك مهتمين بالمجال , إتعلم شيء و إشرحه لهم , بعد كم مرة راح يكون شرحك أفضل , راح تفيد صديقك وراح تفيد عقلك بشكل ما تتصوره



4 - * نصيحة لو راح تتعلم Back-end * : غلط إنك تتعلم المبادئ في لغة , ثم تروح لغة ثانية

إنت لو تمرست في لغة واحدة راح تلقى إن معظمها نفس المنطق , نفس الفكرة , المختلف فقط طريقة كتابة البرنامج
ومافي شيء إسمه لغة لها سلبيات و إيجابيات , كل لغة لها إيجابيات و إيجابيات...شوف إللي ترتاح لها و إحترف فيها


5 - إياك و إياك إنك تترك تعلم اللغة و تتجه إلى تعلم المكتبة , إبدأ باللغة أول شيء ثم تعلم كيف تستخدم المكتبة


6 - فكرة البرمجة بشكل مُبسط كالتالي
إنت تعلمت لغة إسمها A , بعدين تقدر تحسنها بلغة إسمها B , وعشان تربطهم مع بعض لازم تتعلم لغة C تربط A و B ( راح تفهم كلامي أكثر يوم تدخل في المكتبات و اللغات الثانية و طريقة الربط بينهم وحتى في البرنامج نفسه راح تتعرف على شيء إسمه OOP )




آخر شيء نسيت أذكره

هاللغات , وين أكتبها ؟ , كلها تكتبها عن طريق برامج مُحررة نص مختصة في هذا المجال
أفضل 3 حالياً :
1 - VSC : من بعد التحديثات الأخيرة وهو المفضل عند الناس
2 - Sublime
3 - Atom


أيا يكن البرنامج إللي تختاره , إبحث باليوتيوب عن إختصارات و إضافات تضيفها بالبرنامج تخليه أفضل و أسرع عشان ترتاح وإنت تبرمج


وين احصل دروس ؟



إذا إنجليزيتك كويسة ابحث في يوتيوب مثلاً " HTML beginner lessons "

وشوف الشخص إللي ترتاح له


لو تبي عربي , في تويتر عند هالحسابات : harmash , كوكبة المبرمجين , عالم البرمجة

أيضاً منصات عربية مثل رواق , و اليوتيوب مليان بعرب ممتازين مثلاً قناة Elzero web school و غيرها


الخاتمة :d :

كل التوفيق لك يارب , وإذا فيه أي سؤال راح أجاوبك على قدر فهمي و أعتذر على الرد الطويل

2019-01-09 , 03:04 صباحاً
2019-01-09 , 04:54 صباحاً
sssss7’s Avatar
sssss7

وسيط في أبو ظبي

المشاركات:819
التسجيل:Jan 2009
sssss7
BlaCk19 كتب:
راح اكتب لك بشوي تفصيل و اعتذر لو كان ردي مُطول شويتين


تصميم الويب بشكل عام ينقسم إلى قسمين


Front-end = تصميم صفحة الموقع
back-end = السيرفر إللي راح يتخزن فيه موقعك


إذا إحترفت الإثنين راح تكون : Full stack


برامج الـFront-end = هي كالتالي : HTML , CSS , Javascript
برامج الـback-end = هي كالتالي : java , php , ruby , python .. إلخ


هل لازم أتعلمهم كلهم ؟ نعم في الـFront-end , لا في الـBack-end


من وين أبدأ ؟ تبدأ بتعلم HTML ثم css ثم javascript
ليه الترتيب هذا ؟ ناخذ مثال بسيط
HTML يمثل محتوى الصفحة , يعني لو أخذنا مثال " مبنى " الـHTML في المبنى راح يكون الطوب الأحمر


CSS = يمثل شكل الصفحة , يعني على مثالنا " المبنى " الـCSS راح يكون لون المبنى و شكله


Javascript = تخلي الصفحة تتفاعل , على مثالنا " المبنى " الـJS راح يكون توصيل الموية و الكهرباء


أعتقد مثال المبنى يبسطها لك


نرجع للسؤال , من وين أبدأ ؟

إبدأ بتعلم HTML

ثم CSS , وبعدها فيه أدوات تساعدك تكتب CSS بسرعة ( هذه الخطوة إستثنائية , تبي تسويها أو تجاهلها )


لغات تساعدك تكتب CSS أسرع :
1 - Bootstrap : عبارة عن مكتبة ضخمة , بدل ما تصمم إنت من البداية , تاخذ الشكل و تحطه في موقعك ثم تغير الألوان لو إنت حابب


2 - SASS : عبارة عن أداة تساعدك تكتب CSS بشكل أسرع و أنيق , فمثلاً لو كان عندك ملف CSS فيه 1000 سطر , و 400 سطر فيها صفة مُشتركة , لو حابب تغير هالصفة راح تضطر تروح لكل سطر من الـ400 و تغيرها يدوي , الـSASS يساعدك و يعطيك سطر واحد ومن خلال هالسطر تتحكم بالـ400 سطر الثانيين



الآن رقم 3 , تعلم Javascript , بعد ما تفهم كيف عمله , وطريقة ربطه بالموقع عن طريق تعلم شيء إسمه Dom manipulator , إتعلم على المكتبات الخاصة بالجافاسكربت ( بدل ما تصمم شيء من الصفر , تاخذ شغل من شخص ثاني وتعدل عليه )
فيه مكتبات كثيرة جداً للجافاسكربت وكل مكتبة لها مميزات و سلبيات لكن حالياً توب 3 هم كالتالي
React : المُفضل عند المبرمجين
Vue : بسيط و سهل و المبرجمين معجبين فيه
Angular : هو كان المُسيطر و الأفضل بس في الفترة الأخيرة React تفوق عليه


بعد ما تتعلم الـ3 لغات الرئيسية HTML , CSS , Javascript و بعض من مكتباتهم , تقدر تبني صفحات بشكل إحترافي


بعد ما تخلص من هالـ3 , ممكن تتعرف على الإنيميشن ( التحريك ) عن طريق CSS

إبحث بقوقل عن CSS Animation



عدة قواعد عامة :

1 - كل لغة راح تتعلمها راح تكون مليانة تفاصيل و كلمات خاصة عشان تستخدمها , أكثر المبتدئين يحفظوها وهذا غلط
إنت إفهم كل شيء و طريقة عمله , ويوم تبني برنامجك إفتح قوقل و إبحث عن الخاصية إللي تبيها
الحفظ غلط , قوقل هو أكبر سند لك , كل خصائص اللغات موجودة بقوقل و مُرتبة و بالأمثلة كمان , كل إللي عليك تسويه إنك تبحث


2 - لو تجلس من اليوم لين السنة القادمة تتابع دروس , ما عمرك راح تصير مبرمج , المبرمج لازم يصمم و يبني بنفسه بدون دروس ( إتحدى نفسك , بعد ما تنهي جزئية من لغة معينة إسأل نفسك " هل أقدر أسوي كذا و كذا ؟ " إبدأ برمج وإذا علقت إبحث بقوقل صدقني هذه ممكن تسهرك ليالي بس في النهاية راح تنبسط جداً وراح تتعلم كيف تبرمج "



3 - * أهم نصيحة * إذا تعرف أحد من أهلك أو من أصدقاءك مهتمين بالمجال , إتعلم شيء و إشرحه لهم , بعد كم مرة راح يكون شرحك أفضل , راح تفيد صديقك وراح تفيد عقلك بشكل ما تتصوره



4 - * نصيحة لو راح تتعلم Back-end * : غلط إنك تتعلم المبادئ في لغة , ثم تروح لغة ثانية

إنت لو تمرست في لغة واحدة راح تلقى إن معظمها نفس المنطق , نفس الفكرة , المختلف فقط طريقة كتابة البرنامج
ومافي شيء إسمه لغة لها سلبيات و إيجابيات , كل لغة لها إيجابيات و إيجابيات...شوف إللي ترتاح لها و إحترف فيها


5 - إياك و إياك إنك تترك تعلم اللغة و تتجه إلى تعلم المكتبة , إبدأ باللغة أول شيء ثم تعلم كيف تستخدم المكتبة


6 - فكرة البرمجة بشكل مُبسط كالتالي
إنت تعلمت لغة إسمها A , بعدين تقدر تحسنها بلغة إسمها B , وعشان تربطهم مع بعض لازم تتعلم لغة C تربط A و B ( راح تفهم كلامي أكثر يوم تدخل في المكتبات و اللغات الثانية و طريقة الربط بينهم وحتى في البرنامج نفسه راح تتعرف على شيء إسمه OOP )




آخر شيء نسيت أذكره

هاللغات , وين أكتبها ؟ , كلها تكتبها عن طريق برامج مُحررة نص مختصة في هذا المجال
أفضل 3 حالياً :
1 - VSC : من بعد التحديثات الأخيرة وهو المفضل عند الناس
2 - Sublime
3 - Atom


أيا يكن البرنامج إللي تختاره , إبحث باليوتيوب عن إختصارات و إضافات تضيفها بالبرنامج تخليه أفضل و أسرع عشان ترتاح وإنت تبرمج


وين احصل دروس ؟



إذا إنجليزيتك كويسة ابحث في يوتيوب مثلاً " HTML beginner lessons "

وشوف الشخص إللي ترتاح له


لو تبي عربي , في تويتر عند هالحسابات : harmash , كوكبة المبرمجين , عالم البرمجة

أيضاً منصات عربية مثل رواق , و اليوتيوب مليان بعرب ممتازين مثلاً قناة Elzero web school و غيرها


الخاتمة :d :

كل التوفيق لك يارب , وإذا فيه أي سؤال راح أجاوبك على قدر فهمي و أعتذر على الرد الطويل





ماشاءالله عليك شكرا لك انت كتابتك للرد روحه برمجه شكرا لك
2019-01-09 , 04:54 صباحاً
2019-01-09 , 07:16 مساءً
BlaCk19’s Avatar
BlaCk19

مبدع

المشاركات:2878
التسجيل:Mar 2011
BlaCk19
sssss7 كتب:
ماشاءالله عليك شكرا لك انت كتابتك للرد روحه برمجه شكرا لك



حبيت بس أفيده بفكرة عامة حول الموضوع :d , لإن أي شخص جديد بها المجال سهل يتلخبط و يتعلم أكثر من لغة في نفس الوقت , وللأسف أكثر الناس ما تقول لك " ليه لازم تتعلم هذه اللغة قبل هذه "
2019-01-09 , 07:16 مساءً
2019-01-10 , 10:42 صباحاً
AOQ0’s Avatar
AOQ0

عضو جديد

المشاركات:6
التسجيل:Jan 2018
AOQ0
:5:شكرا والله يعطيك الف عافية ماكنت اعرف من وين ابدا
2019-01-10 , 10:42 صباحاً
2019-01-11 , 08:08 مساءً
محب الوي’s Avatar
محب الوي

فعال

المشاركات:1578
التسجيل:Jun 2011
محب الوي
مع فائق تقديري واحترامي لك اخي السائل , اتمنى لك كل التوفيق والنجاح
لك خذ ردي كإنتقاد بناء
لن تتعلم البرمجة ابدا !
لان البرمجة ليست مادة علمية , ولا تقدم على صحن من ذهب , لا يوجد خطوات واضحة للتعلم
راح تضطر تبحث عن المعلومة
هذي اهم مهارة تحتاجها لو حابب تتعلم اي شي عن او عبر الانترنت
والمهارة هذي انت للأسف ما عندك اياها ابدا , ولا كان شفت الموضوع الي كان قبل موضوعك بالضبط !
حاول تعرف كيف تبحث عن المعلومة اولا , ثم عليك بالبرمجة
2019-01-11 , 08:08 مساءً