التشتت فى البداية كمطور ويب .. ما البداية الصحيحة؟! خاصة فى الأدوات !
- Ahmed7
- 2017-04-06T16:09:32+00:00
- 2017-11-04T16:29:28+00:00
السلام عليكم, منذ فترة قررت أن أنتقل من مجال الجرافيك لمجال تطوير الويب أو بمعنى أصح والأدق الربط بينهم ، المشكلة انى فى صراع مع البرمجيات الاحتكارية واسعارها ووضعنا كدول عالم ثالث ولن أتطرق للسياسة وان كانت هى المحور، وقد درست الموضوع وقرأت فى المحتوى الغربى والعربى .. وتوصلت لإجتهاد ذاتى أحتفظ به لنفسى ان أصبت أصبت لنفسى وان أخطأت أخطأت فى حق نفسى , حتى يأتى الوقت المناسب لنشره ..
-
الخلاصة أسف على الإطالة فى هذه المقدمة، ولكن القصد هنا .. انا فى حالة من التشتت ولا أعلم البداية من النهاية .. فى البداية كانت الصعوبة فى اختيار اللغة التى أبدأ بها ولكنى قد رسيت على
1-Html -Css
2-java script
3- PHP و الخ
-
السؤال الأول لا أريد ان أدرس كل اللغات أريد فقط ما يجعلنى قادر على بناء موقع شامل ومتكامل ! فأرجو من المحترفين ان يضعوا لي الإطار المناسب !!!! لاأريد أن اقضى عمرى فى التعلم دون التميز على الأقل فى لغة!
-
السؤال الثانى الأهم والأهم والأهم .. أريد أن أبتعد عن "دريم ويفر " بشكل نهائي ..لأنى قد لاحظت ان هناك من البرمجيات المفتوحة المصدر مايؤدى الغرض دون تنازلات .. ولكن المشكلة كل مطور محترف يشهد للمحرر أو ال IDE الذى يستخدمه فتوقفت .. لا أعلم أيهم الأنسب أيهم الذى يجعلنى لا أفكر فى استخدام الدريم ويفر .. أعلم هناك من يتفهم أهمية هذا الموضوع وأنه أزلى لذا أرجو منه الإجابة بشكل مباشر وصريح .. مع العلم أنه يوضح لمبتدىء
-
أظن موضوع مثل هذا اذا حسم فى البداية سيصبح الطريق واضحاً" لكل شخص يفكر أن يخطو فى هذا المجال ، وسيكون مرجعاً مستقبلاً لكل من يبحث فى هذه النقطة لأن المحور هو البداية الصحيحة.. وسأشعر بالرضا اذا قام شخص بالبحث وهو قلق ويائس ثم وصل الى هذا الموضوع .. قمت بإضافة هذه الفقرة لأنه تم الرد بما يفيد بطريقة مباشرة وواضحة.. والفضل ليس لى بل لكل من ساهموا فى الإفادة . وأدام الله الخير بيننا ووفقنا لما يرضاه..
يمكنني مساعدتك من الصفر حتى تصل لنقطة الإحتراف.
بدايةً عليك بإختيار محرر أكواد بسيط، وبما أنك لا تفضل IDE، فأقترح عليك واحد من هذه:
1- Sublime Text
2- Brackets
3- Notepad++
4- Atom
وأنا أنصحك ببرنامج Atom هو محرر مليء بالخيارات، ولن تستخدمها كلها طبعًا، نصحتك به لأنه يدعم اللغة العربية، ومفتوح المصدر.
______
السؤال الأول لا أريد ان أدرس كل اللغات أريد فقط ما يجعلنى قادر على بناء موقع شامل ومتكامل !
حسنًا عليك بالتطبيق، عليك بعدم متابعة الدروس وقول أنك درست اللغة الفلانية، عليك بالتطبيق والتطبيق الكثير.
تابع هذه الصفحة وأفهمها جيدًا (إختار المسار الذي تريده، سواء تصميم أو برمجة):
http://elzero.org/learning-...
مطور الويب يحتاج التالي غالبًا، إن إستطعت توفير هذه الاشياء فأنت مطور ويب جيد:
1- لغة HTML/CSS
2- لغة JavaScript
3- لغة برمجة من جهة السيرفر، يمكنك إختيار أي لغة برمجية، حتى انه يمكنك اختيار JS (جافاسكربت) بإستخدام تقنية الـNodeJS يمكنك البرمجة من جهة السيرفر أيضًا، أو يمكنك اختيار لغة مشهور كالـPHP، الأمر في النهاية يعتمد على أنواع المواقع أو المشاريع التي تريد عملها.
______
أي شيء تريد أن تعرفه إن شاء الله سأكون معك
أولاً اقدر جداً سرعة الرد ...
-
ثانياً .. Brackets و Atom ، فعلاً من بين كل ما قرأته لا أعلم لماذا انجذبت لهم , وقرأت أيضاً عن الاضافات ! وقمت بتحميلهم، ولكنى كلما قرأت أكثر كلما زاد تشتيتى فأذهب لتحميل NetBeans و eclipse ..! وأري واجهة مستخدم ليست مشجعة لى كمبتدىء ! واشعر بالصغر لأنى مازلت أتطور فى "HTML+CSS"
لكن الأهم .. هل يغنينى ذلك عن دريم ويفر لأن هذه هى النقطة المهمة ..
-
ثالثاً
1-HTML
2-JAVA SCRIPT
3- لغة برمجة من جهة السيرفر .. مثل PHP مثلاً !؟! او ما معنى الجملة أساساً؟!
-
واذا قمت بتعلم الثلاث لغات حينها أكون فعلاً مطور ومهيأ لهذا اللقب " وكما قلت سابقا ً أريد فقط أن أؤدى الغرض من المجال لأنى أريد ربطه بمهاراتى فى الجرافيكس .. وأريد التميز ليس أن أكثر من العدد وأصبح جاهل مدعى لا أكثر ..
أولاً اقدر جداً سرعة الرد ...
في الخدمة صديقي.
هل يغنينى ذلك عن دريم ويفر لأن هذه هى النقطة المهمة ..
نعم سيغنيك، صدقني كل ما ستحتاج إليه في هذه المرحلة من حياتك هو فقط واجهة فارغة تكتب فيها بعض الأكواد، هذه البرامج التي تتشتت بها أو تنجذب إليها موجهة بشكل أساسي للمحترفين الذي لهم سنوات من الخبرة، أو على الاقل سنتين، ببساطة هذه البرامج توفر أدوات جاهزة لتنفيذ البرامج بشكل سريع لتوفير الوقت، وأنت لن تحتاج إلى هذه الاشياء الآن.
لغة برمجة من جهة السيرفر .. مثل PHP مثلاً !؟! او ما معنى الجملة أساساً؟!
ما أقصده بجملة "من جهة السيرفر" أن هذه اللغة تتواصل مع السيرفر (جهاز الحاسوب الموجود فيه الموقع أو البرنامج)، وهذه اللغة تتواصل مع هذا السيرفر وتطلب منه عرض الصفحة الفلانية، وتحديث هذه المعلومات في الصفحة، وإضافة معلومات جديدة في قاعدة البيانات..الخ.
واذا قمت بتعلم الثلاث لغات حينها أكون فعلاً مطور ومهيأ لهذا اللقب
نعم إذا قمت بتعلم HTML/CSS بالإضافة للغة JavaScript ستكون مطور ويب، وستكون قريب من مطوري الواجهات الأمامية (تصميم الصفحات) أكثر من أن تكون مطور ويب واجهات خلفية أو (مبرمج المهام في الموقع).
الموضوع ليس سهل ولا يمكنك أن تصبح مطور ويب في 6 أشهر أو سنة، ستحتاج بين 2 إلى 3 سنوات لتصبح على علم كافي بتطوير الويب، وبعدها سيكون لك القدرة على تعلم أي تقنية جديدة تظهر في الويب بكل سهولة لأن لديك الأساسيات وعملت بعض التطبيقات على مختلف المواضيع.
السؤال الأول لا أريد ان أدرس كل اللغات أريد فقط ما يجعلنى قادر على بناء موقع شامل ومتكامل ! فأرجو من المحترفين ان يضعوا لي الإطار المناسب !!!! لاأريد أن اقضى عمرى فى التعلم دون التميز على الأقل فى لغة!
طريقك هو أن تتعلم ما يلي :
1- HTLM
2= CSS
3- JAVASCRIPT
4- هنا الخيارات متعددة وكثيرة (php - ruby - python - node.js - asp.net )
في حال كان هدفك سوق العمل فانصحك أن تتعلم php بسبب كثرة الطلب عليها في السوق ووجد نظم اداراة محتوى مثل ووردبريس وجوملا ودروبال وغيرها يكثر الطلب عليها في السوق وتستطيع تطوير قوالب واضافات من خلالها
من جهة اخرى إن كنت تريد إنجاز مشاريع خاصة بك أو لنفسك تعلم روبي لتواجد إطار العمل الغني عن التعريف Ruby On Rails، إطار عمل يتمتع بكثير من المزايا التي لن تجدها في غيره والتي تسهل عليك العمل وتختصر عليك اللكثير من الوقت والجهد لعمل مواقع ومشاريع كبيرة خاصة بك
الأمثلة كثيرة على المواقع التي بنيت بالروبي أو ريلز شاهد الرابط التالية للتعرف عليها :
أولاً شكراً لإهتمامك بالموضوع ...
-
ثانياً جيد أنك ذكرت ما يتطلبه سوق العمل "PHP" هى على خطتى المستقبلية فى التعلم..
ولكن بما انك ذكرت asp.net .. أريد أن استفسر عن visual studio وخصوصاً بعد ما اصبح متاح للطلاب او المجتمع .. لماذا لم أجد أحد من مطوري الويب يذكره ؟! وهل يمكن برمجة به كل اللغات حتى html !! .. بما انه IDE متكامل ومن شركة مثل مايكروسوفت .. وهل يمكن برمجة الويب بلغة مثل فيجوال بيزك التى كانت الخيار الأول لبرمجة التطبيقات وستبقى الخيار الأول ..
visual studio أحد المحررات الممتازة المتوفرة في الساحة بلا شك وتستطيع أن تكتب به بلغات مختلفة لكن شخصياً افضل العمل على atom في النهاية اختيار المحررات يبقى اختيار شخصي فقط جرب واستخدم المحرر الذي ترتاح معه
أما بالنسبة للغة فيجوال بيزك فلا استطيع أن اعطيك رأيي بها لأنه ليس لي فيهاا أي خبرة ولا اعرف عنها سوى اسمها فقط
كل الي قالو الاخوان هوه صحيح انا استعملت atom وsublime 3 واحب Atom اكثر, احذرك ان Atom احينا يحصل فيه بطء لمن تبدء تعمل بفريموركس مثل Angular 2 ولكنه ممتاز. بنسبه للغات تحتاج ان تتعلم Html css ولكن اتطقن JS وخاصتا مكتبت Jqery ( طبق لان يمكن ان تتعلم Jqery للسنين ولن تقنها 100%) وبعدها صمم موقع وأبدع. بعدها ابدء بتعلم على modular js و JS framworks لان سوفه تسهل عليك العمل عندما يكون مشروعك كبير.
شكراً للمشاركة برأيك ..
-
نعم أوافقكAtom رائع وايضاً brackets .. أما بالنسبة لsublime فقد جربته كما ذكرت فوق انى كنت مشتت ولا أتقدم للأمام .. ولكن أعتقد أنه لايتسحق التقدم على Atom أو brackets فهو لايدعم العربية وأنا أكره هذه النقطة فى أى برنامج أو خدمة عموماً أعتبرها إساءة مع انى قرأت أنه يمكن اضافة اضافه له لدعم العربية لكن لما التعقيد.. بالإضافة لأنه يتطلب التسجيل والدفع كما رأيت وقرأت ويظهر لك نافذة بذلك على أية حال لم أقتنع به حتى لو كان مجانياً بشكل كامل.. طبعاً أنا مبتدىء لا أستطيع أن أقول أنى أصح رأي لكنى أود المشاركة به ومنكم أستفيد.
صراحة من دون اكثار الخيارات
محرر sublime text 3 هو الأفضل : لا يتوقف عن العمل و مريح للعين
عليك ب"احتراف" لغة php و العمل على الاقل على مشروعين تجريبيين في الويب
تعلم مبادئ الجافاسكريبت و تعمق قليلا
افهم ما ينسى عادة في css
وليس ان تحفظ color: #fff
في اشياء في css يجب التركيز عليها كي لا يتخلط الفهم
بعدها عليك بتجربة اطارات العمل و المكتبات :
php : codeigniter
css : sass
hml responsive design : bootstrap
javascript: jquery
شكراً للمشاركة برأيك ..
-
أقدر النصائح وأتفهمها .. وخصوصاً الجزء الخاص بحفظ ما ليس على حفظه فمثلاً لن أترك ال css كلها وأركز على الألوان !!، مدرك هذا من البداية الحمدلله، ...
-
ولكن لدى ملاحظة على sublime text 3 لم أقتنع به ولاأظنه يستحق التقدم على Atom او brackets .. لايدعم العربية "وهذه أعتبرها إساءة فى أى برنامج او خدمة عموماً" رغم أنه يمكن اضافة اضافة له لدعم العربية لكن قرأت أنها ليست متكاملة ، وان كانت كذلك لما التعقيد ! .. كما انه يتطلب الدفع لتحصل على ترخيص ! حتى لو كان مجانياً بالكامل لم أتقبله .. طبعاً أنا لست محترفاً لأجزم أني أصح رأي ولكن أحب أن أتشارك الرأي ..
لم أضع فى عين الاعتبار هذا الأمر لأنهم عبارة عن محررات نصوص فقط .. بالمقارنة اذا كنت تتعامل مع برامج الجرافيك " وهى تستهلك وتتطلب الموارد بمعنى الكلمة" كما انى لم أصل حتى الأن لاستخدام IDE فلم أفكر فى ذلك ..
-
ولكن بالنسبة لذلك قمت بالمقارنة منذ قليل فى هذه النقطة النتيجة متقاربة فى فى الاستهلاك بل وجدت sublime يستهلك أكثر من الذاكرة أينعم ليس بالفارق الكبير لكن أظن أنه لايتسحق أن تذكر له كإيجابية ..! ولكن هذا لايفسد للود قضية..
بناء موقع ذو جودو عالية يستلزم متابعة التقنيات الحديثة
تعلم angular 2 في الفرونت أند و اختر ما يحلو لك في الـ back end
مثلما أشار أحد الأخوه سوق العمل مليء بـ php
لكن إن أردت أن تحول أفكارك إلى شيء ما فعلك بـأحدى هؤلاء
Node.js : لن تحتاج لتعلم لغة أخرى بجانب جافا سكربت لأنها ببساطة ستعمل في السيرفر سايد و الكلاينت سيايد
Django/python : دروب بوكس, كيورا,انستاجرام,Reddit,جوجل, يوتيوب( مكتوب ببايثون لست متأكد من الفريمورك)
Ruby on rail : محبوها يدعون أنه توفر عليك خمس أضعاف الوقت الذي تكتب به مشروعك ب php و لا أشك في ذلك فهي مشهورة بانتاجتها
آنجيلار 2 هو إطار عمل لبناء صفحات ويب (فرونت إند) باستعمال تايب سكربت (جافا سكربت مع بعض الاضافات)
Node.js تستعمل جافا سكربت كلغة سيرفر
rubby+php ؟ اختر واحدة فقط .
من كثرة ذكر Node.js قمت بالبحث ومشاهدة فيديو تعريفى له فأصبحت أدرك ما يعنى بالإضافة أن جافا سكريبت هى خطوتى القادمة قبل قبل كل شىء ..
أما عن "rubby و php"
من تعليقات الأخوة الخيارات لم تخرج عنهما ومنهم من وضع لى المميزات والعيوب ولكن تأكد أنى لن أرتكب خطأ التعدد دون التميز فكما قلت أنى لاأبحث عن العدد بقدر ما أبحث عن التميز! " بالمصرى مش عايز أضحك على نفسى يعنى" .. الأمر الأن يتعلق فقط بالشغف والإرادة .. فادع لى بالإستمرارية
يوجد خيارات أخرى مُنافسة (عمليا" ليس هناك شيء اسمه الأفضل هنا)
لكن كما قل لك الأخوه السوق لـ php ستمنح زبونك واحدة من أفضل تجاربه بالعمل على هذا الإطار
أكره php بشدة لكن وردبريس شيء لا يقدر بثمن بالنسبة للزبون
مثلك كنت متشتت لكن الان
ركزت على الجافا سكريبت لأنها واضح انها ستكون هي المستقبل
لدرجة انني قبل فتره كنت اعبث بالاكس . كود الخاص بشركة ابل
ووجدت الابجكتف سي و سويفت وبجانبهما الجافا سكريبت واستغربت
وبعد بحث وجدت ان ابل لديها منصة لتخزين السحابي شبيه بالفايربيس الخاص بقوقل
يعتمد على الجافا سكريبت
اضف الى انه لديها تقنيات متعدده
جيكوري خاصه بالفورنت انت
الانقلر جي اس تو خاصه بالتفاعل مع الباك اند
النود جي اس خاصه بالسيرفر سايد ولديها مكتبه مشهوره اسمها اكسبريس
الجافاسكريب والتي تتامل مع جهة المتصفح كلينت سايد
اضافه الى تقنيات متعدده مثل برمجة برامج سطح المكتب بتقنية NW.js
وايضاً التايب سكريبت التابع لشركة مايكروسفت
اعتقد انها لغة المستقبل وهي اللغة المتكامله
تخيل ( جهة المتصفح - جهة السيرفر - تطبيقات الموبايل - سطح المكتب .......) والكثير الكثير
حالياً انا مركز على تعلم اساسيات الجافا سكريبت واكل العنب . حبه حبه
بالتوفيق لك اخوي واعتذر على عدم كتابة بعض المصطلحات باللغة الانجليزيه لاني مستعجيل بس حبيت افيدك
لأني بحثت بالموضوع ووصلت لقناعه تامه ان الجافا سكريبت لغة المستقبل لا محاله
تقنية node.js هي من تتعامل من جهة السيرفر
اللغة الوحيده بالعالم كلغة مشهوره تتعامل مع المتصفح ولكن لم تكن تتعامل مع السيرفر من قبل
لذلك كانوا يستخدمون لغات مختلفه للتعامل مع السيرفر
لكن الان اختلف الوضع تخيل انك ستتعامل مع المتصفح و السيرفر بلغه واحده شي مبهر
معلومه قد لا يجهلها المتخصص ولكن يجهلها المبتدئ
ميزة تعامل الجافا سكريبت مع المتصفح جعلتها قادره على بناء تطبيقات موبايل
فتخيل انك تبرمج تطبيق بالهيكله والتنسيق بأستخدام html5 و css
وتبرمج التطبيق بالجافا سكريبت من داخل التطبيق مثلما تتعامل مع ذلك لغات مشهوره مثل السويفت داخل تطبيقات الايفون ولكن الاختلاف ان اللغات المتخصصه لبرمجة تطبيقات الموبايل من نفس الشركات المالكه للانظمه مثل الاندرويد وios تسمى نيتف
واما مع الجافاسكريبت و html تسمى كروس بلاتفورم ومع مكتبة ionic اصحبت قريبه جداً للنيتف
هذه دوره node.js
دورة لبرمجة مدونه بأستخدام الجافا سكريبت بتقنية node.js و مكتبة Express
دورة برمجة تطبيق سطح مكتب باستخدام لغة الجافا سكريبت و تقنية nw.js :
http://www.sfahat.com/p/pro...
بالتوفيق لك واعتذر على الاطاله
شاهدت الفيديو التعريفى وقمت بإضافته الدورة الى المفضلة الخاصة بى حتى يحين وقتها طبعاً لاتتوقع منى أن ألم بكل هذا ومازلت فى البداية ولكنى سأبحث أكثر لأنى لن أدعى أنى أعرف كل ما تتحدث عنه..
-
ولكن لدى سؤال بعيد عن كل هذا الربط بين اللغات كنت أظن فى البداية ان كل لغة ليس لها صلة بالأخرى فوجدت مثلاً PHP فى HTML وهكذا ! .. أريد فقط أن أعرف كيف تسير الأمور هنا ولما لايكفيك لغة واحدة او اثنين !
لا اخوي انا ما اقول انك بتلم بجميع لغات البرمجه من بداياتك هذا كلام غير منطقي انا ازودك بالمعلومات المتوفره لدي
ثم ان تعلمك مثلاً للجافا سكريبت او php وإلمامك بها سوف يسهل عليك تعلم اي لغة اخرى
وللعلم الجاف سكريبت قريبه جداً من php
اما اذا تعلمت اي لغة وتعلمت المنطق البرمجي والسنتاك فيسهل عليك اي لغه اخرى
نصيحه لك ولي انا قبلك ركز على لغة واحده برمجيه طبعاً واتقنها ثم تعلم غيرها وسوف يسهل عليك
اي لغه اخرى
حبيت ابين لك شي :
html : هي لغة هيكليه تبني لك الموقع
css : لغة لتنسيق الموقع
فلا تربطها بأي لغه اخرى لأنهما اساس لا بد تعلم من جهة تطوير الويب
اي لغة اخرى هي تأتي بعد الاساس وهو الـ html و css
فقط حتى اوضح لك بصوره اخرى عملية الربط بين تعدد اللغات سواءً كانت الهيكلة html او التنسيق css او البرمجه مثل php
تخيل عندك سياره
الهيكل هو html ( بنية السياره )
البدي الخارجي هو . css ( بألوانه وتنسيقاتها ومظهره الخارجي )
المحرك هو php ( وهو ما يجع السياره تتحرك وتتفاعل مع طلب السائق من تشغيل السياره حتى ضرب البوري )
نصيحه نصيحه نصيحه نصيحه ( طبعاً خلاصة القول المفيد )
بعد تشتت دام سنوات ادركت انه لا محاله لا بد من التركيز على شيء معين حتى تصبح فرد منتج لك ولغيرك
لابد من التركيد على مجال واحد مثل مجال تطوير الويب وتعلم لغات مثل html , css , js ,php, myQsl
فأنا ما تركت لغة ما حاولت ان اتعلمها ما تركت مجال ما حولت الدخول فيه وصدقني راح من عمري اكثر من عشر سنوات
بدون اي فائده بسبب عدم التركيز على مجال واحد
فتاره تجني اتعلم لغة php ثم اتركها واذهب الى الاكس كود ولغة اوبجكتف سي
ثم اعود لمجال لا علاقه له بالبرمجه مثل حاولت ان اتعلم المونتاج وتعلمت لبرنامج فاينل كت برو
ثم اعود لمجال التطوير
دخولي وخروجي في اكثر من مجال اكسبني المعلومه لكن لم يكسنبي الاحترافيه والتخصص في مجال معين
وهذا افقدني الانتاجيه لم اصبح منتج بمعنا لو حاولت ان اعمل موقع ديناميك لم استطع
صدقني انت الان تقول متشتت انتبه من نزغات نفسك للخروج من هذا المجال والدخول الى مجال اخر او تعتقد ان هذا المجال
متشبع ولا يمكن ان انجح به او اكسب منه
يجب عليك المضيء في مجال واحد فقط والتركيز عليه حتى تتقنه ثم تعلم غيره
طبعاً نصيحتي هذه قد لا تنطبق عليه لانك انسان طموح وجدي وتتفهم ان التشتت افه قد تفتك بطموح انت تحبه
ولكني اذكر بنفسي وما حدث لي حتى لا يتكرر هذا الامر
بالتوفيق لك
أتعلم شيئاً هذا بالفعل ما يحدث معى ،مع انى أعلم أنه خطأ لكن كلما قلت يجب أن أجمع بين مجالين فقط كحد أقصي ! ولا أتجاوز هذا الحد ثم ينتابنى شعور بالإندفاع وبعد أن أنتقل من هنا الى هنا يأتينى الوسواس ويخبرنى أنى لم اصل الى أى شىء ولم أحقق الغاية الخاصة بى ! نكرة بمعنى أصح وإني أكون شخص عادى بيدرس أى حاجة روتينية فيها شغلانة حكومية لو لقاها أساساً ويتجوز وياكل وينام وشكراً و دى رسالته فى الحياة* "!! ! لكني الأن أحاول ألا أضيع السنين التى قضيتها فى الجرافيك! ووضعت تطوير الويب كمجال ثانى وأريده حقاً لسبب أكبر من الماديات وأيضا مجال دراستى يحتك بهذا المجال والدراسة لاتعطيك علم بل تعطيك شهادة ! .... وربما أركز على على التصميم أكثر من التطوير اذا استعصى الأمر لكنى الأن لااشعر بذلك وسأحسم الأمر بعد أحترف حقاً html+css .. وأقدر نصيحتك وتذكيرك جداً..
يمكنك استخدام برنامج Notepad++ فهو برنامج صغير الحجم وخفيف ولا يستهلك من موراد الجهاز
ويدعم العديد من لغات البرمجة كـ html و css و javascript و php وغيرها
ويمكنك فتح أكثر من صفحة في وقت واحد
ولتعلم html و css بطريقة سهلة وبسيطة يمكن أن تفيدك هذه المدونة مع العلم أن المدونة تم افتتاحها منذ أسابيع قليلة
مدونة كود ويب
مصادر أجنبية
w3schools
tutorialspoint
المعهد العربي
تعلم إنشاء و برمجة موقعك من البداية للإحتراف
دورة تصميم وتطوير مواقع الويب | Mohammed Alhalabi
دورات Hamid Oumoumen
html
css
جي كويري
جافا سكربت
دورات بالفيديو | مدرسة الويب
html
css3
css
html5
جي كويري
دورات Nour Homsi
دورة كاملة في تصميم مواقع الانترنت من الصفر حتى الاحتراف
تعلم htm و css خطو بخطوة المستوى الأول
تعلم htm و css خطو بخطوة المستوى الثاني
تعلم htm و css خطو بخطوة المستوى الثالث
تعلم htm و css خطو بخطوة المستوى الرابع
شكراً للمشاركة برأيك ..
-
اللينكات المختصرة لم تفتح معى للأسف "this goo.gl shortlink has been disabled." ولكن تأكد أنى وصلت للمحتوى من العنوان .. لامشكلة
-
ولكن لدى ملاحظة على Notepad++ ، لو تفضلت بقراءة التعليقات فى الأعلى .. فقد رسينا على Atom و brackets ..
نوت باد ++ لا أعتقد من وجهة نظرى أنه يستحق الدخول فى السباق ! كما ذكرت ليس لدى الحق لأقول أنى أصح رأى وأنا مبتدىء !!!! ولكنى أحب أن أتشارك الرأي وأعتقد أن الغرض تنفيذ الفكرة فى أقل وقت فلن يعيطنى أحد جائزة اذا قمت بالتعقيد والتصعيب على نفسى به .. لكن هذا لا يفسد للود قضية فمشكلة الأدوات لم أعد مشتت فيها الحمدلله .. وأخذت وقتها بزيادة ..
مرحبا أخي الكريم وعليكم السلام
ما ينبغي عليك إداركه هو التالي
1- HTML ليست لغة برمجة
هي ببساطة لغة تنسيق بيانات لعرضها على المتصفح
وهي لغة ميتة (ميتة بمعنى أنها ثابتة لا يمكنها التفاعل مع المستخدم ولا يمكنها إنشاء بيانات أو تغيير التنسيقات بشكل ديناميكي)
2- CSS هي لغة مساعدة للـ HTML للمساعدة في تنسيق وترتيب البيانات
3- جافاسكربت في أساسها هي لغة تساعد على عمل شيء من التأثيرات والجماليات داخل المتصفح لكنها تطورت واصبحت تستخدم ايضاً في المساعدة على التخاطب مع السرفر بشكل أفضل بكثير من الطرق السابقة عن طريق ما يسمى بتقنية AJAX
كما أن الجافا سكربت تطورت كثيراً في مجال استخدامها كلغة تستخدم من جهة السرفر عن طريقة تقنة Node.js
مما سبق
اذا ما تعملت HTML و CSS فتستطيع انشاء مواقع ثابتة غير تفاعلية يعني البيانات الموجودة في الموقع ثابتة بتنسيقات ثابتة لا تتغير الا بتغيير الكود نفسه
فلن تستطيع عمل منتدى أو موقع مثل حوسب أو مثل فيس بوك أو غيرها من المواقع التفاعلية
طبعاً اذا ما أردت أن تكون مواقعك يمكن الوصول لها عبر المتصفحات من خلال شبكة الويب فحينها ستحتاج إلى ويب سرفر ( سرفر استضافة)
سرفر الاستضافة عبارة عن برنامج يستقبل طلبات من المتصفح ويرسل اجابات للمتصفح
فمثلاً المتصفح سيطلب من السرفر صفحة الموقع الرئيسية والسرفر سيرسل للمتصفح الصفحة بما تحتويه من بيانات
والمتصفح سيقوم بعرض البيانات على نافذة المتصفح بالتنسيقات المحددة في أكواد HTML و CSS
بدون الجافاسكربت :- لن تسطيع تحديث جزء من الصفحة بأي بيانات جديدة وسيكون الخيار الوحيد معك اذا ما أردت بيانات جديدة هو الانتقال الى صفحة جديدة بها البيانات الجديدة
الجافا سكربت تسمح لك باضفاء الكثير من الحياة إلى موقعك
وستكون قادر باستخدام Ajax على تحديث جزء من الصفحة بدون تحديث الصفحة كاملة أو بدون الحاجة للانتقال إلى صفحة جديدة
اذا أردت عمل موقع ديناميكي تفاعلي فتحتاج إلى سرفر استضافة ولغة تخاطب سرفر الاستضافة بحيث يكون السرفر قادر على انشاء البيانات وانشاء صفحات الـ HTML بشكل ديناميكي حسب الحاجة
وهنا الخيارات أمامك كثيرة فلغات السرفر كثيرة منها
PHP
Java
ASP.NET
وغيرها
وكل لغة من هذه اللغات لها ميزاتها وعيوبها
حسب كلامك يبدو أن PHP خيار مناسب لك وشخصيا أرى أن الـ PHP مهمة وضرورية لكل مطور مواقع حتى لو قرر أن يتعلم لغة سرفر أخرى فلا بد أن يكون عنده معرفة على الأقل بأساسيات الـ PHP
عيب الـ PHP الأكبر حسب وجهة نظري هو كثرة الأكواد التي يجب عليك كتابتها للحصول على النتيجة المطلوب
كثير من اللغات تختصر الكثير من الأشياء فيكون الكود أقل وأوضح
شخصيا معجب كثيراً بلغة الجافا وبالتحديد تقنية JSF لا سيمها مع الـ primefaces
لكن عيب الجافا الكبير انها تحتاج سرفر قوي نسبيا اذا ما قارناه بما تحتاجه الـ PHP
ال ASP.NET جميلة لكن أكبر عيب فيها هو انها تحتاج سرفر ويندوز وسرفرات الويندوز غالية وليست بشهرة وانتشار سرفرات اللنكس
اذا كنت تحب Dreamweaver وتريد الابتعاد عنه فقط وفقط بسبب انه غير مجاني
فربما أفضل خيار لك هو Microsoft Expression رائع ويدعم العربية وسهل الاستخدام ومجاني وفيه تقريبا جميع ميزات الدريم ويفر
أتمنى أن تجد فائدة في ردي
محبتي
شكراً للمشاركة برأيك..
-
أعجبنى الرد وخصوصاً أنك لمست العديد من النقاط المهمة !
-
الأن أنا جاد فى أن JavaScript ولو لاحظت أضعها قبل php فى خطتى المستقبلية فى التعلم .. وقد نبهنى أحد الأعضاء الى Node.js .. وسأبحث أكثر فى الموضوع
-
لكن الأن السؤال الأهم والذى أتوقع أن أجد اجابته عندك !!
أتعلم شيئاً أتمنى أن يكون هناك بديلاً مجانياً لكل شىء بدون تنازلات! .. فى مجال الجرافيك وأنا الحمدلله لست مبتدىء به الموضوع معقد جداً لابدائل ! والبدائل تقودك الى اليأس .. لكنى واجهته بذاتى كما ذكرت فى المقدمة ولاداعى للتطرق اليها هنا ..!
ولكن الجيد فى تطوير الويب البدائل تؤدى الغرض فعلاً بالمعنى الحرفى! بعيد عن هذه الإطالة "
-
حدثنى عن visual studio !+ microsoft expression ! فقد كنت أنتظر أن يتحدث أحد عن هذا بعدما أصبح متاح للطلاب والمجتمع .. ! ولما بالكاد يذكره أحد!!!!!
العفو أخي ولا يهمك
بداية للتذكير والتنبيه
الجافاسكربت لغة مستقلة تماما عن لغة الجافا
أحببت تنبيهك لأن كثير من المبتدئين يتوهمون أنها لغة واحدة بسبب التشابه في الاسماء
والصواب الجافا لغة والجافاسكربت لغة
نعم يمكنك استخدام الجافاسكربت لغة تخاطب مع السرفر عبر Node.js وهو خيار ممتاز لكني أحسبه خيار متقدم نوعا ما وربما ليس الخيار الأنسب لكثير من المبتدئين
أشعر أن المبتدئ يناسبه أكثر PHP ببساطة لأنها اقدم وطريقة عملها بدائية وواضحة أكثر مما يسهل عملية فهم ما يدور ويجري بين المتصفح والسرفر
في تطوير الويب أكثر الأدوات البرمجية متوفرة بشكل مجاني والبدائل كثيرة
كما أن البرامج الغير مجانية في أغلب الاحيان يكون وجودها للرفاهية والتسريع فقط لا غير ويمكن الاستغناء عنها كلياً
فمثلاً لكتابة أكواد الـ HTML والـ CSS و الـ javascript لا تحتاج إلى أي محرر متخصص يمكنك ببساطة استخدام المفكرة أو أي برنامج محرر نصوص
لكن طبعا ستضطر الى كتابة كل شيء بنفسك ولن يكون لديك رفاهيات الميزات المتوفرة عند البرامج المخصصة لتحرير أكواد تلك اللغات
على العموم كما أخبرتك
فيما يخص HTML و CSS وحتى الجافاسكربت يوجد كم هائل من البرامج المجانية العملاقة في تسهيل وتبسيط كتابة أكواد هذه اللغات
فيما يخص Microsoft Expression
زمان كانت شركة مايكروسوفت تتنج برنامج اسمه Frontpage وكان يأتي مع حزمة المايكروسوفت أوفس
وهو كان مشابه للدريم ويفر (واظن وقتها الدريم ويفر كان ملك شركة ماكروميديا قبل ان تستحوذ عليها ادوبي فيما بعد)
المهم وقتها كان الفرونت بيج من أشهر البرامج في مجال انشاء المواقع وصفحات الويب (وطبعا لم يكن مجاني)
فيما بعد تم تطويره وتغيير اسمه الى Microsoft Expression
وتم فصله عن حزمة الأوفس لكنه لم يكن مجاني
ثم فجأة قررت مايكروسوفت جعله برنامج مجاني 100%
البرنامج جميل جدا يتميز بالتالي
1- واجهته مألوفة يشبه إلى حد كبير واجهة الورد الاصدار القديم
ولذلك الكثير يتأقلم معه بسرعة
2- يسمح بتحرير ملفات HTML و CSS و js و PHP وغيرها من الملفات
3- يدعم تقريبا جميع ميزات الدريم ويفر
4- يدعم العربية 100% أفضل بكثير من الدريم ويفر في هذه الجزئية
وبشكل عام منتجات مايكروسوفت هي المنتجات الأفضل الداعمة للعربية بشكل سلس وبدون مشاكل
5- مجاني 100%.
لكن من عيوبه أنه متاح فقط للويندوز
فلا يوجد نسخة منه ليونكس وماك
فاذا جهازك مش ويندوز لن يناسبك
ويمكن الاستغناء عن الاكسبرشن واسبتداله ببرامج أخرى كثيرة لها تقريبا نفس الميزات
اذا عندك سؤال محدد حوله تقدر تسألني
هذه قناة بشروح بالانجليزية عن الاكسبرشن بشكل مفصل اذا حابب تشوفها
بخصوص Visual Studio
بصراحة استخدام الفيجول ستديو لغرض تطوير الويب عبر HTML و CSS وجافا سكربت خيار غريب وغير منطقي
لأن الفجيول ستديو برنامج عملاق وكبير جدا ويحتاج جهاز بمواصفات ممتازه حتى يعمل بشكل سريع ومقبول وضخامته بسبب الخدمات التي يوفرها بعيداً عن HTML و CSS و JS
يعني كأنك اشتريت طائرة كوسيلة مواصلات إلى العمل مع إنك فقط تحتاج دراجة أو سيارة بالكثير لذلك
الفيجول ستديو هو الخيار الوحيد لمبرمجي ASP.NET
أما إذا كنت لن تستخدم ASP.NET فلن تحتاجه
كما أن الميزات التي فيه والتي تخص HTML و CSS و JS ليست بهذا الأغراء الذي يجعلك تختاره عوضاً عن غيره
لذلك هذا الخيار غير مناسب لك اذا ما قررت ان تعتمد على Node.js او PHP
طبعا اذا موجود معك الفيجول ستديو من قبل فتمام ممكن تستفيد منه
أما تحميله خصيصا لـ HTML و CSS و JS فمش منطقي
يوجد محرر جديد اسمه Visual Studio code
محرر ممتاز ومجاني وداعم للعربي غير برنامج Visual Studio الي تتكلم عنه
وحتى حجمه صغير
طبعاً كثير يستخدمه من مطورين الويب
وللعلم دورة اكاديمية حاسوب المدفوعه لتطوير الويب استخدموا هذا المحرر في تعليم دورة تطوير واجهات المواقع
شكراً لردك
لم أكن اعرف عن Visual Studio code فلذلك لم أتكلم عنه
وأظن اخونا Ahmed7 كان يسأل عن الفيجول ستديو نفسه
القيت نظرة عليه بموقعهم يبدو جميل لكني لم أجربه فانتم أدرى مني به
ساحمله واجرب استخدامه لفترة
شخصيا استخدم الكثير من المحررات
ويعجبني notepad++ لسرعته وميزات البحث التي فيه وكذلك سهولة فتحه
واستخدم النتبينز كثيرا
كذلك الاكسبرشن استخدمته بكثرة خصوصا اذا احتجت لدعم العربية بشكل كامل
اعتقد ان المحررات ليست مشكله في الاستخدام
بمجرد ان تستخدمها كلها للتجربه تستطيع ان تختار احدهما لتستقر عليه
نعم الأن نظرتى تختلف ، من يومين فقط لو كنت قرأت هذه الجملة لكنت اختلفت معك وأخبرتك أن الأمر صعب وبلام بلام ! لكن فى مجال تطوير الويب فعلاً البرمجيات مفتوحة المصدر تؤدى الغرض بدون تنازلات !! على عكس أى مجال آخر مثل الجرافيك ! بل أعتقد أنه المجال الوحيد!!! ...
-
المهم الأن أن الأولى بالوقت هو تعلم اللغات والتطبيق ..
صحيح
شخصيا لأنني أكثر تعاملي مع لغة الجافا فنتبينز هو المحرر الذي استخدمه بشكل أساسي
وانتتقل إلى المحررات الأخرى اذا ما احتجت لذلك
مثلاً إذا أردت فتح ملف كبير (60-100 الف سطر مثلاً)
ففي كثير من المحررات يحصل بطئ وانتظار وقد يفتح وقد لا يفتح
لكن محرر Notepad++ يحل هذه المشكلة ويفتح الملف بسرعة وبدون اي تعليق
وكذلك احتجت في مرة المرات إلى تحويل ترميز قاعدة بيانات من latin إلى utf8
وبعد محاولات عديدة لم أتمكن من عمل ذلك إلا بمساعدة الـ notepad++ فمزايا الترميز الذي فيه ممتازة ودقيقة
والمقصود قد يكون من المفيد وجود أكثر من محرر معك تستخدمه اثناء الحاجة لما فيه من ميزات
أولاً الجانب الجيد بعد هذه المناقشة أن أمر الأدوات قد حسم بشكل نهائي وأظن تعلم اللغات هو الأولى بالوقت الأن ..
أما عن ال visual studio ، أول خطوة لى فى البرمجة كانت فى فيجوال بيزك " التطبيقات" بعيداً عن الويب ! لكنى اكتشتفت أن مجال التطبيقات لست شغوفاً به وأن وقتى وغايتى لايتناسبان معه ! ، ولكن قد وجدت أن هنالك من مطورين الويب من يستخدمه ليس بالكثير أو بالأصح لم أجد أحد يذكره ! لكن جيد أنك ذكرت Microsoft Expression وأنه مجانى كما انى كنت أرى القسم الخاص بالويب فيه ولكن لم أكن أعلم بالتفاصيل فلم أكن وقتها قد طرقت باباً للويب ,وأيضا ذكر Visual Studio code بواسطة @saadialenzi قمت بزيارة الموقع أيضاً وسأقوم بتحميله ..
اذا كان قصدك انك تريد تحويل تصميماتك لمواقع ويب، وانك تريد تحويل ما ترسم إلى شاشات ويب (بكل بساطة) فاسهل حل لك هو:
تصميم قوالب الووردبريس
وتستطيع اتقان الاساسيات المطبولة خلال سنة من العمل الجاد (وسترى نتيجة أعمالك بفترة قياسية)
والمطلوب منك كالتالي:
1- الأساسيات:
تعلم HTML+CSS+Javascript
2- أطر العمل:
بعدها تستطيع تعلم اطار عمل مثل Bootstrap، والهدف منه تحويل الموقع إلى متجاوب (يعمل على كل أنواع الشاشات من الموبايل إلى الشاشات الكبيرة)
3- تعلم لغة PHP:
وفعلياً لا تحتاج إلى التعمق فيها كثيراً، يكفيك شهر أو شهر شهرين لتعلم كل ما تحتاجه
4- تعلم البرمجة باستخدام منصة الووردبريس
في البداية ستواجه القليل من الصعوبات حتى تفهم آلية عمل منصة الووردبريس، بعدها صدقني ستتعجب من عبقرية المطورين الذين قامو بتطوير الووردبريس
أما عن IDE فتستطيع استخدام Netbeans فهو مجاني 100% وسهل الاستخدام
شكراً للمشاركة برأيك..
-
بالفعل اذا سلكت مسار التصميم سيكون الطريق أقصر ! وكنت أفكر فى تكويد التصماميم والبحث والتعمق فى ذلك .. لكنى شغوفاً بتطوير الويب ولى غاية من ذلك كما أن مجال دراستى يحتك بذلك وان لم يكن الذى أردته والذى أردته كان يدرس فيه بشكل أعمق هذا المجال ولكنى اكتشفت أن الدراسة لاتعطيك علم بل تعطيك شهادة ، .... ولكن كما ذكرت وجدت أن على أعبر حاجز html+css وبعدها java script ان شاء الله .. ولكن الخطر الحقيقى هو التعددية دون التميز رغم أنى أعرف ذلك من البداية لكنى أخاف أكون مثل الذى رقص على السلالم .. والأمر يحتاج خطة وهدف واضح وأحاول أكابر أنى وصلت الى الاتزان لكنى مهتز ...
أوّلًا عليك الإلمام في كيفية اتقان HTML و CSS. وبعدئذٍ، لغة JS لو كنت مهتم كثيرًا بها "أبحث عن وظيفتها في محركات البحث".
ثانيًّا، موضوع اختيار اللغة البرمجية المناسبة من جهة السيرفر غير مهم كثيرًا، لكن المهم هو اكتساب الفكر كمبرمج وتعلم أسياسيّات البرمجة لأن كل أساسيات اللغات متشابة والفرق الوحيد بينهم هو صياغة الأوامر، من ثم معرفة كيفية توظيفها في العالم الحقيقي. ونصيحة منّي لشخص مبتدئ، لاكتساب الفكر كمبرمج ابتعد عن اللغات الحديثة مثل NodeJS لقلة الدروس عنها على خلاف لغة PHP. في ذلك الوقت حاوّل التعمق أيضًا في كيفية التعامل مع قاعدة البايانات وأنواعها.
بعد إتمامك هذا المرحلة، أنت قادر بسهولة الإنتقال بين اللغات البرمجية مثل Python واللغات الحديثة، ولّا تحتاج سوى قراءة بعض التفاصيل البسيطة عنها.
ونصيحة آخرى، لا تعتمد على تعلم لغة ما على المصادر العربية، خلّك على المصادر الانجليزية وكورسات موقع Lynda جيّد جدًا للبدء فيه ولا تشتت تفكيرك في اختيار محرر النصوص كذكلك، فأنتَ قادر على انشاء موقع متكامل بواسطة استخدام Notepad الموجود في نظام ويندوز، ولكن للراحة وتجنب الأخطاء قم في استخدام محرر نصوص متطور به المميزات الأساسية التالية: يرقّم الأسطر ويلوّن الكود "syntax highlighting" ويستخدم ألوان مريحة للعين. أمّا باقي المميزات غير مهمة.
شكراً للمشاركة برأيك ..
-
الجانب الجيد حتى الآن أن الأداة لم تعد مشكلة وقد أثمرت النقاشات فى الأعلى على الاتزان فى الاختيار ...
-
اما بالنسبة للغات كل النصائح بالفعل لم تخرج عن html+css ثم java script .. ثم php او ruby .. لكن تأكد أنى لن أنتقل الى لغة اخري دون أن اتقن الأولى ، ..
-
أما بالنسبة للمصادر فى مجال الجرافيك مثلاً فى المحتوى العربى يوجد ما هو ممتاز ولوجه الله ويوجد ما ليس بالمستوى الفرق ان السىء يقوم بما أسميه بالشرح الميت ولايعتمد على التطبيقات وفتح آفاق لك وهذا النوع تجده على السطح لاستخدامه عبارات مخادعة مثل تعلم فى ساعتين الموشن جرافيك ، احترف الفوتوشوب فى دقائق وبلام بلام !! وأنت تعرف أن هناك الكثير يعيشون على اللينكات والمشاهدات خصوصاً على اليوتيوب .. فيجب عليك بالفعل أن تختار الأنسب والأفضل وبالفعل سأختار الأنسب فى العربى والأنسب فى الأجنبى ... وأقدر نصائحك وادع لى بالاستمرارية ..
مجتمع لمناقشة وتبادل الخبرات حول تطوير الويب. ناقش أحدث التقنيات، اللغات، والأدوات في عالم تطوير المواقع والتطبيقات. شارك مشاريعك، اسأل عن نصائح، وتعاون مع مطورين محترفين وهواة.