عبدالباسط ابراهيم

إذا لم يكن هناك أي خبرة سابقة عن البرمجة يفضل دراسة أساسيات البرمجة و أساسيات علوم الحاسوب حتي يسهلم عليك دراسة أي لغة برمجة حيث. أن أساسيات البرمجة ثابتة تقريبا في معظم اللغات ثم الخطوة القادمة هي تحديد المجال الذي تريد دراسته هناك مجالات عديدة ولكن هناك مجالات مثل برمجة الويب بناء تطبيقات أندرويد بناء تطبيقات ios بناء تطبيقات desktop تعتبر المجالات السابقة جيدة حيث تكون سهلة نسبياً كبداية ويمكنك العمل بها سريعاً نسبياً عن المجالات الأخرى سأتكلم عن برمجة الويب حيث أنها مجال عملي إن مجال برمجة الويب هو علم واسع جداً وله العديد من الفروع نبدأ بال front-end و هو الجزء الذي ينفذ على المتصفح الخاص بالمستخدم و يضم الواجهات التي نتفاعل معها. تعلم المهارات الأساسية: عندما تبدأ للتو، حاول تعلم بعض المهارات الأساسية لتطوير الويب مثل المفهوم العام لل front end و back end و البروتوكولات الإستضافة . إن الفهم الأساسي لمهارات تطوير المواقع الأساسية سوف يخدمك جيداً في حياتك المهنية في تصميم المواقع ويجعلك أكثر جاذبية للعملاء وأصحاب العمل. دعنا نلقي نظرة على المهارات الأساسية التي ستحتاج إلى إتقانها لتصبح مصمم ويب. الأساسيات: HTML ،CSS ،JavaScript أول شيء يجب أن تتعلمه هو كيفية ترميز وتصميم موقع ويب أساسي – ولهذا، ستحتاج إلى معرفة كل من HTML و CSS. HTML و CSS هما لغات ترميزية يستخدمها المصممون لإنشاء أجزاء من صفحة الويب وأنماطهم البصرية. إنها الأساسيات وراء كل موقع ويب – تستخدم متصفحات الويب كود HTML و CSS لتحديد ما يراه المستخدمون عند تصفحهم لموقع الويب. HTML هي لغة الترميز المستخدمة لوصف المحتوى على صفحة الويب وكيفية هيكلته — فكر في العناوين والنقاط واالروابط. CSS هو الكود الذي يمثل كيفية تصميم محتويات صفحة الويب وتوضيحها. من خلال تغيير كود CSS لصفحة الويب، يمكنك التحكم في الخطوط المستخدمة وتغيير الألوان والصور ووضع محتوى الصفحة لتحقيق أقصى تأثير. أخيراً، لدينا JavaScript – لغة برمجة تستخدم للتحكم ديناميكياً في المحتوى على صفحة الويب. يتيح لك JavaScript جعل المواقع تفاعلية – يتم تشغيل جميع تطبيقات الويب والخرائط التفاعلية وصور التمرير والفيديو الديناميكياً بواسطة JavaScript. جافا سكريبت هي لغة برمجة ضخمة مع إمكانيات شبه محدودة، ولكن يجب على المطورين المبتدئين التركيز على تعلم الأساسيات – أشياء مثل بناء الكود، وكيفية عمل المتغيرات، والبيانات الشرطية، والوظائف. ثم نتعرف علي ال backend و هو الجزء الذي ينفذ على السيرفر و يتصل بقاعدة البيانات. حيث يقوم بتخزين البيانات وجلبها إلى المستخدم مثل التدوينات التي تكتبها علي أي مدونة وغيرها من الأشياء الاساسيات هناك العديد من اللغات اللتي يمكنك استخدامها مثل php go JavaScript python دراسة قواعد البيانات حيث توجد لغة SQL. هذه فقط الاساسيات إذا قمت بتعلمها يمكنك بناء اي موقع ويب تريده ولكن هناك اطارات عمل وأدوات لتسهيل عملك ينبغي عليك تعلمها

السؤال غير واضح لكن أعتقد أنك تريد برنامج يقوم ببناء صفحات ويب لكن الحقيقة أنك يمكنك بناء صفحات ويب بإستخدام أي text editor عن طريق كتابة اكواد ال html و css حيث بعد ذلك يقوم المتصفح بترجمة هذه الأكواد إلى صفحات ويب

إذا لم يكن هناك أي خبرة عن البرمجة يفضل تعلم اساسيات البرمجة أولاً حتى تسهل عليك تعلم لغة c# أو أي لغة أخرى بالنسبة لأفضل طريقة لتعلم البرمجة هو أختيار كورس مناسب لك و أتباع الشرح النظري بالتطبيق العملي مباشرة حتى تكتسب خبرة بالنسبة للقنوات هناك قنوات عربية مثل قناة خالد السعداني Hassouna Academy TheNewBaghdad بالنسبة للقنوات الأجنبية هناك Newboston البحث في edx Coursera

لا يجوز طرح مثل هذه الأسئلة حيث لكل لغة نقاط ضعف ونقاط قوة اقدم لك بعض المقارنات 1. سهولة التعلم دون أي شك ، Python أسهل في التعلم. هي لغة برمجة للأغراض العامة ، ويمكن العمل بها بسرعة كبيرة في الواقع ، Python بسيطة للغاية حيث أن معظم دورات البرمجة للمبتدئين يستخدمون الآن لغة برمجة Python لتدريس أساسيات البرمجة. تعد برامج Python أقصر بكثير وسهلة الكتابة بالمقارنة مع لغات البرمجة الأخرى 2. المجتمع والدعم الفني Python و PHP ، كلاهما يتمتعان بدعم ممتاز من المجتمع. تعمل PHP في السوق لفترة طويلة ، وخاصةً لتطوير تطبيقات الويب. نتيجة لذلك ، هناك مجتمع ضخم من مطوري PHP مستعد لتقديم الدعم. 3. السرعة كانت إصدارات PHP 5 بطيئة جدًا ، حيث استغرقت الكثير من الوقت في تنفيذ العمليات. ومع ذلك ، فإن الإصدار الجديد PHP 7 فائق السرعة ، وهي أسرع بثلاث مرات تقريبًا من Python . لذلك ، عند الحديث عن السرعة ، تفوز PHP بشكل كبير على Python. 4. إطارات العمل إطارات عمل الويب المستندة إلى Python الأكثر استخدامًا هي Django ، و Flask ، و Pylons ، و Pyramid. وما إلى ذلك. من ناحية أخرى ، فإن إطارات عمل الويب المستندة إلى PHP الأكثر استخدامًا هي Wordpress , Codeigniter ، و Zend ، و Laravel ، و Symfony

بالطبع تؤثر الاستضافة في تريب موقعك حيث 1- تفضل محركات البحث المواقع السريعة والاستضافة المدفوعة تساعد في ذلك 2.تعطل الاستضافات المجانية كثيرا يأخر ظهور موقعك في التريب الأعلى ما هو النطاق domain name الدومين [بالإنجليزية: Domain Name] أو ما يعرف ايضا بنطاق الموقع، هو عنوان موقعك الذي تكتبه فى المتصفح للوصول لموقعك وهو يحل محل آي بي الموقع [بالإنجليزية: IP Address] وذلك بسبب صعوبه حفظ آي بي الموقع، فمثلاً يمكنك كتابه academy.hsoub فى متصفحك للوصول إلى موقع اكادمية حسوب وذلك بدلاً من كتابه آي بي الموقع الذي يكون مُشابه للتالى مثلاً: 123.456.78.910. ويعتبر النطاق أو الدومين شئ فريد يختص به موقعك فقط عن سائر المواقع الأخري فلا يوجد منزلين لهما العنوان نفسه.

بالطبع ان الاستضافة المدفوعة هي الاختيار الأول لجميع مالكي المواقع على شبكة الانترنيت ولكن قد تضطر الى استخدام الاستضافة المجانية في الحالات الاتية: 1-عدم توفر الإمكانيات المادية : بالطبع إذا كنت لا تملك أي إمكانيات مادية فلن تستطيع الحصول على استضافة مدفوعة وسوف تضطر الى استخدام الاستضافة المجانية. 2-إذا كنت مبتدئ في مواقع الانترنت : الاستضافة المجانية دائما تكون الخيار الأول للكثير من المبتدأين في انشاء المواقع على الانترنت وذلك لأنهم يستخدموها في التعلم ولذلك لن يكونوا في حاجة الى استضافة مدفوعة. 3-المواقع الشخصية : فأصحاب المواقع الشخصية في الغالب لا يكونوا في حاجة الى مساحات او إمكانيات كبيرة لذلك فهم يفضلون استخدام الاستضافة المجانية والتي تحقق لهم جميع رغباتهم وفي نفس الوقت لا تكلفهم أي أعباء مالية. 4-التدوين : في الغالب لا يحتاج المدونين الى استخدام الاستضافة المحدودة خاصة انه هناك الكثير من الشركات التي توفر لك البيئة والامكانيات المناسبة لعمل مدونات ناجحة مثل بلوجر Blogger و ووردبريس WordPress التي تقدم لك لوحة تحكم كاملة وبسيطة تساعدك على استخدامها بكل سهولة ودون ان تكلفك أي أعباء مالية. اهم استخدامات الاستضافة المدفوعة : 1-المواقع او المدونات التعليمية الكبرى. 2-الأغراض التجارية المتنوعة. 3-المواقع الشخصية للشخصيات السياسية والاجتماعية المرموقة. 4-مواقع تقديم الخدمات. 5-المنظمات الكبرى الحكومية والغير حكومية. بعض المميزات التي تميز الاستضافة المدفوعة عن المجانية : 1-المساحات الغير محدودة 2-لوحة تحكم كاملة: والتي تضم الكثير من الأدوات والخيارات المتنوعة والتي لن تجدها بالاستضافة المجانية. 3-الحماية: توفر الاستضافة المدفوعة الكثير من اجراءات الحماية المتنوعة مثل جدران حماية للاستضافة الخاصة بك وهذا الامر لا توفره الاستضافة المجانية. 4-نطاقات فرعية غير محدودة. 5-نطاق ترددي غير محدود. 6-نطاق مجاني: ولكن هذا الامر يتوفر في بعض شركات الاستضافة المدفوعة وليست جميعها. 7-السرعة والأداء المتميز. 8-توفير ايميلات غير محدودة لموقعك. 9-عدم عرض إعلانات على موقعك.

بالطبع يجب تعلم html css قبل ال javascript. أول شيء يجب أن تتعلمه هو كيفية ترميز وتصميم موقع ويب أساسي – ولهذا، ستحتاج إلى معرفة كل من HTML و CSS. HTML و CSS هما لغات ترميزية يستخدمها المصممون لإنشاء أجزاء من صفحة الويب وأنماطهم البصرية. إنها الأساسيات وراء كل موقع ويب – تستخدم متصفحات الويب كود HTML و CSS لتحديد ما يراه المستخدمون عند تصفحهم لموقع الويب. HTML هي لغة الترميز المستخدمة لوصف المحتوى على صفحة الويب وكيفية هيكلته — فكر في العناوين والنقاط واالروابط. CSS هو الكود الذي يمثل كيفية تصميم محتويات صفحة الويب وتوضيحها. من خلال تغيير كود CSS لصفحة الويب، يمكنك التحكم في الخطوط المستخدمة وتغيير الألوان والصور ووضع محتوى الصفحة لتحقيق أقصى تأثير.

عند الإنتهاء من بناء الموقع يفضل عمل optimize لملفات ال html css js ستقوم بعد ذلك برفع الملفات علي المنصة التي تعمل عليه سواء مستقل أو أى منصة أخرى. إذا كان حجم الملفات كبير يمكنك رفع الملفات علي google drive او أى منصة أخري أنا افضل weTransform. قد يطلب العميل تجربة الموقع live في هذه الحالة أسهل طريقة بالنسبة لي رفع الموقع على netlify . أما إذا اراد العميل رفع الموقع علي إستضافة سواء إن كان هو من سيشتريها او انتا حسب الاتفاق رابط مقالة علي حسوب لتعلم كل شئ عن الاستضافة

هناك أخطاء يقع فيها المبتدأ في العمل الحر عند تقديم العرض لمشروع ما سأطرح عليك بعض النصائح لتصبح لديك فرصة كبيرة في الحصول على وظائف على منصة العمل الحر مثل مستقل : 1. بناء ملف شخصي و معرض أعمال جذاب حيث يعتبر ال portfolio هو الذي يجعل العميل يثق في المستقل وجودة الأعمال لديه . 2. اختيار المشروع الذى يناسب مهاراتك 3. من الأخطاء التي يقع فيها معظم المستقلون هو كتابة المهارات التي تجيدها لكن العميل لا يهتم بما تجيد بل يهتم بما تستطيع أن تقدم له 4. لا تتعلق بالوظيفة كثيراً قم بإضافة العرض واهتم بما تريد أن تفعل 5. قم بعمل مشاريع تشبه المشاريع التي يطلبها العملاء بكثرة

وظيفة ال Front end : عبارة عن بناء الواجهة الأمامية للموقع بناءَ علي التصميم المتوفر من قبل صاحب العمل عن طريق اللغات والتقنيات المختلفة مثل HTML والتي تعتبر لغة ترميز وهي الهيكل الاساسي للموقع. CSS تمكنك من إضافة الألوان والتحكم في المساحات وما إلى ذلك JavaScript وهي اللتي تضيف التفاعل إلى الموقع وهي لغة برمجة وليست ك html أو css بالنسبة لك كل ماعليك معرفته هو كيفية تحويل التصميم سواء psd أو figma أو أى صيغة أخرى إلى صفحة ويب حية. من الممكن أن يوفر العميل مخطط للصفحة فقط (wireframe) ويطلب منك تصميم صفحة حسب رغبتك، . لكن إن كنت جيد في ال ui/ux يمكنك العمل عليه بدلاً من رفض العمل ويمكن أن يحدث لك لعدم إهتمام العميل بالتصميم أو لقلة علمه بالمجال

لإضافة بيانات إلى component يتم عن طريق 1. إضافة البيانات إلى ال data function 2. استقبال البيانات من ال component الأب متى تستخدم الطريقة الأولى؟ عند استخدام ال component لمرة واحدة أو عدة مرات بنفس البيانات دون تغيير متى تستخم الطريقة الثانية ؟ عند استخدام ال component لعدة مرات باستخدام بيانات مختلفة

تصميم مواقع الويب أو ال front end هو بناء مواقع على شبكة الإنترنت بإستخدام تقنيات ال front end. يمكن أن يكون موقع ويب ثابت يحتوي على نص عادي وصور وروابط بدون تغيير dynamic في محتويات الموقع أو أن تكون تطبيقات ويب معقدة وأنظمة إدارة المحتوى وواجهات برمجة التطبيقات (API) وخدمات الشبكات الاجتماعية. يقوم مصممو الويب ببناء أجزاء الموقع التي تراها وتتفاعل معها، وعادةً ما تسمى الواجهة الأمامية أو ال front end . فهم يتحملون المسؤولية عن المظهر والتصميم مثل الألوان والخطوط والصور والتنقل والنسخ كلها جزء من عمل مصمم الويب. تعلم المهارات الأساسية: عندما تبدأ للتو، حاول تعلم بعض المهارات الأساسية لتطوير الويب مثل المفهوم العام لل front end و back end و البروتوكولات الإستضافة . إن الفهم الأساسي لمهارات تطوير المواقع الأساسية سوف يخدمك جيداً في حياتك المهنية في تصميم المواقع ويجعلك أكثر جاذبية للعملاء وأصحاب العمل. دعنا نلقي نظرة على المهارات الأساسية التي ستحتاج إلى إتقانها لتصبح مصمم ويب. الأساسيات: HTML ،CSS ،JavaScript أول شيء يجب أن تتعلمه هو كيفية ترميز وتصميم موقع ويب أساسي – ولهذا، ستحتاج إلى معرفة كل من HTML و CSS. HTML و CSS هما لغات ترميزية يستخدمها المصممون لإنشاء أجزاء من صفحة الويب وأنماطهم البصرية. إنها الأساسيات وراء كل موقع ويب – تستخدم متصفحات الويب كود HTML و CSS لتحديد ما يراه المستخدمون عند تصفحهم لموقع الويب. HTML هي لغة الترميز المستخدمة لوصف المحتوى على صفحة الويب وكيفية هيكلته — فكر في العناوين والنقاط واالروابط. CSS هو الكود الذي يمثل كيفية تصميم محتويات صفحة الويب وتوضيحها. من خلال تغيير كود CSS لصفحة الويب، يمكنك التحكم في الخطوط المستخدمة وتغيير الألوان والصور ووضع محتوى الصفحة لتحقيق أقصى تأثير. أخيراً، لدينا JavaScript – لغة برمجة تستخدم للتحكم ديناميكياً في المحتوى على صفحة الويب. يتيح لك JavaScript جعل المواقع تفاعلية – يتم تشغيل جميع تطبيقات الويب والخرائط التفاعلية وصور التمرير والفيديو الديناميكياً بواسطة JavaScript. جافا سكريبت هي لغة برمجة ضخمة مع إمكانيات شبه محدودة، ولكن يجب على المطورين المبتدئين التركيز على تعلم الأساسيات – أشياء مثل بناء الكود، وكيفية عمل المتغيرات، والبيانات الشرطية، والوظائف. وأخيراً وليس آخراً، يجب أن يتعرف مصممي الواجهة الأمامية على أنظمة التحكم في النسخ (version control systems). تتيح لك أنظمة التحكم في النسخ تتبع التغييرات في الكود، وتمكين عدة أشخاص من العمل على الكود في نفس الوقت دون خوف من إحداث تغييرات في عمل أي شخص آخر. أكثر أنظمة التحكم في النسخ شيوعاً هذه الأيام هو Git – الغالبية العظمى من المعسكرات التمهيدية للترميز والدورات التدريبية عبر الإنترنت تستخدم Git، لذلك فهو أفضل مكان لبدء المطورين الجدد. مهارات تصميم واجهات المواقع: تصميم متجاوب، أطر العمل، مكتبات إن امتلاك القدرة على فهم HTML و CSS و JavaScript كافية للبدء في مجال تصميم الويب. أحد المفاهيم التي ستعرفها جيدًا هو التصميم المتجاوب، أي التخطيطات الديناميكية التي تتكيف لتبدو رائعة على أي حجم شاشة، من أجهزة التلفزيون ذات الشاشة الكبيرة إلى الهواتف الذكية. تستخدم المواقع استعلامات الوسائط media queries للتحكم في “نقاط التوقف” “breakpoints” – دقة الشاشة المختلفة التي يجب أن يتحول فيها متصفح المستخدم إلى تصميم مختلف ومجموعة من الأنماط. نظراً لأن الأجهزة المحمولة تمثل ما يقرب من نصف عدد زيارات الويب في عام 2019، يعد التصميم المتجاوب مهارة أساسية لأي مصمم ويب. هناك مشكلة أخرى ستواجهها قريباً وهي مقدار الوقت الذي يستغرقه كتابة الكود لكل هذه الأنماط يدوياً. غالباً ما تتجاوز أوراق الأنماط الخاصة بأي موقع ويب طول رمز موقع الويب نفسه. لتسريع الأمور، يستخدم مصممو الواجهة الأمامية طريقتين: يستخدمون أطر عمل سابقة التجهيز للحصول على انطلاقة مباشرة ومعالجات CSS الأولية لتقليل الكود الذي يحتاجون إلى كتابته. تأتي الأُطُر الأمامية الأمامية مثل Bootstrap معبأة مسبقاً بأنماط وأمثلة من الرموز لعناصر التصميم شائعة الاستخدام مثل أشرطة التنقل وجداول التسعير. نظراً لأن الكود تم اختباره جيداً وتوثيقه، يمكن أن تجعل الأطر إنشاء تصاميم جديدة أسرع بكثير. تجعل المعالجات المسبقة لـ CSS مثل Sass أوراق أنماط الكتابة أسرع وأكثر سهولة. بدلاً من نسخ ولصق إدخالات التعليمات البرمجية المشابهة عدة مرات، يتيح لك Sass كتابة مجموعة واحدة من الأنماط بلغة ترميز مشابهة لـ CSS تسمى SCSS. يمكن إعادة استخدام هذه الأنماط عدة مرات حسب حاجتك. يمكنك أيضاً تداخل الأنماط داخل بعضها البعض، مما يحتمل أن يلغي مئات الأسطر المكررة من التعليمات البرمجية. نظراً لأن متصفحات الويب لا تفهم شفرة SCSS مباشرةً، مع ذلك، تحتاج إلى تحليلها إلى vanilla CSS باستخدام أداة إنشاء مثل Grunt أو webpack. إن أدوات الإنشاء سهلة الاستخدام أيضاَ لدمج عدة ملفات CSS في ملف واحد (مما يساعد في الحفاظ على تنظيم الكود الخاص بك)، وضغط (أو تصغير) الكود لتحسين سرعات التنزيل، وحتى نشر الكود تلقائيًا على خادم ويب بعيد. أخيراً، ستتعلم أطر عمل JavaScript ومكتباتك. أطر عمل JavaScript هي هياكل عمل لرمز JavaScript يمكنك تضمينها في موقعك لتسريع عملية التطوير. تشمل أطر عمل JavaScript الشائعة في 2020: Vue.js ،React، و Angular.