سيرف فايف جروب
11-26-2020, 04:43 PM
تصميم مواقع احترافية (https://serv5.com/%D8%AA%D8%B5%D9%85%D9%8A%D9%85-%D9%85%D9%88%D8%A7%D9%82%D8%B9-%D8%A7%D8%AD%D8%AA%D8%B1%D8%A7%D9%81%D9%8A%D8%A9/)
إن مطلع معيشة مهنية حديثة في تشكيل المواقع هو شئ مغري (ومربح على نحو كبير)، لكن احتمال البدء فعلياً في تعلم تصميم المواقع في عام 2020ربما يصبح مخيفاً.
مقدار البيانات والخيارات لتعرف تصميم المواقع الإلكترونية ضخمه جدا. من العسير إدراك المنابع التي تسطيع الوثوق بها. أضف إلى هذا أن أغلب البيانات موجهة صوب المصممين والمطورين المحترفين، لذا فإن متلازمة الاحاسيس بالاحتيال تمثل اضطراب واقعية ريثما تستهل فورا.
لكنك لست بحاجة إلى تعرف جميع التقنيات الجديدة أو لكي تحصل على على درجة علمية في معارف الحاسوب لبدء حياتك المهنية في تخصص تشكيل الويب في سنة 2020. تسطيع تعرف المهارات واكتساب الحنكة التي تحتاجها في بضعة أشهر موجزة لاغير، كره النظر خلفيتك أو ميزانيتك.
يغطي ذلك الدليل جميع ما تطلب إلى معرفته – المهارات الرئيسية التي ينبغي أن تتعلمها (بالترتيب السديد)؛ أهم المناهج التعليمية والكورسات التدريبية ومخيمات التمهيد للتعلم بسرعة (فضلا على ذلك اختيارات للتعلم وفق وتيرتك)؛ طريقـة اكتساب حنكة عملية في مخططات واقعية؛ طريقـة استعمال تلك المخططات لتصميم محفظة شديدة. كما نعرض افتراضات بشأن طريقـة العثور على أول عميل أو مهنة لبناء الويب.
6 خطوات لتعلم تصميم المواقع (https://serv5.com/%D8%AA%D8%B5%D9%85%D9%8A%D9%85-%D9%85%D9%88%D8%A7%D9%82%D8%B9-%D8%A7%D8%AD%D8%AA%D8%B1%D8%A7%D9%81%D9%8A%D8%A9/) في 2020
ينقسم الدليل إلى ستة تصنيفات أساسية:
مطلع الشغل: أساسيات تشكيل المواقع الإلكترونية وتطويرها
تعرف المهارات الرئيسية: مفهوم التشكيل والبرمجة التي ينبغي أن يتعلمها كافه مصممي الويب الجدد
استعمال أجمل الموارد: لائحة تامة بأفضل الموارد لتعرف تشكيل المواقع
اكتساب الحنكة: طريقـة اكتساب حنكة عملية في تشكيل المواقع وتأسيس محفظتك
انتقاء المسلك الوظيفي: حدد ما إذا قد كان الشغل الحر أو الشغل في البيت مناسباً لك
العثور على وظائف: كيف تسطيع العثور على أول مهنة لبناء مواقع الويب ومطلع حياتك المهنية
إذا كنت حديثاً في تشكيل المواقع وتريد في إدراك الأساسيات، فاقرأ الموضوع الآتي لمعرفة طريقـة البدء كمصمم ويب!
بدء العمل: أساسيات تصميم المواقع الإلكترونية (https://serv5.com) وتطويرها
يعد تشكيل الويب في سنة 2020 مجالاً ضخماً – يحتوى الكثير من المهارات المتباينة والتخصصات والأدوات والأنظمة. ولكن في جوهرها، تبقى أساسيات تشكيل المواقع احدى كما هي بالنسبة للكل.
ما هو تصميم الويب؟
تصميم مواقع الويب هو عملية إنشاء مواقع على شبكة الشبكة العنكبوتية العالمية. تتضمن الساحات المتباينة لبناء الويب تشكيل الجرافيك وتشكيل محاولة المستعمل والبرمجة وتأليف المضمون وخادم الويب وأمن الشبكات وتشكيل البيانات وتعظيم محركات البحث.
يتاح أن يتراوح تشكيل المواقع من تأسيس مدونة ويب مستقر يضم على نص مألوف وخلفيات وصور وروابط ريثما APPS الويب المعقدة وبرامج فرع المضمون وواجهات برمجة الـ APPS (API) ونشاطات الشبكات الاجتماعية.
الفرق بين مصمم الويب ومطور الويب
على الارجح لاحظت أيضاً أن هنالك أدواراُ غير مشابهة في فقيه تشكيل الويب — مصممي الويب ومطوري الويب ومطوري المناهج التامة. يتعدد التشابك بين بعضهم البعض – من المربك كثيراً وعي من المسؤول عن ماذا.
يقوم مصممو الويب بإدارة مقاطع مواقع الويب التي تشاهدها وتتفاعل معها، ومن المعتاد انً ما تسمى الجبهة الأمامية أو طرف العميل. وعي يتحملون المسؤولية عن المظهر والتشكيل وغالباً ما يصبح المضمون على الموقع – شبيه الألوان والخطوط والصور والخلفيات والتحرك والنماذج كاملة قطعة من وظائف معمول الويب. يعتني المصممون الأماميون الموظفون في APPS الويب التفاعلية أيضاً بعرض المعلومات وتجديدها خـلال تغيرها في التوقيت الفعلي.
على النقيض من هذا، يتعامل مطورو الويب مع كافه مقاطع الموقع الخلفية المغطاة. ومن المعتاد ان ما يتولى مطورو الويب الترميز والأعمال التي تجسد الخلفية (أو طرف الخادم) لمدونة ويب — أمور شبيه تأليف توجيهات برمجية لجلب وتقديم المعلومات، أو تأليف أيقونة للتواصل مع نشاطات الويب الأخرى أو قواعد المعلومات، أو فرع المضمون الديناميكي داخل مدونة أو أبلكيشن ويب.
بالطبع، قلة من مصممي الويب هم مطوري الويب في التوقيت ذاته. وعي يديرون جميع طرف من نواحي الموقع ويشار إليهم كمطورين “full-stack”. إذا كنت تستمتع بتنمية الجبهة الأمامية والخلفية، فإن كونك مطوراً متكاملاً يتاح أن يجعلك أكبر قابلية للتسويق. ترمز دراسة استقصائية للمطورين لعام 2019 في Stack Overfloww إلى أن حوالي 50٪ من المشاركين يعتبرون مطورون full-stack.
تعلم تصميم المواقع الاحترافية (https://serv5.com/%D8%AA%D8%B5%D9%85%D9%8A%D9%85-%D9%85%D9%88%D8%A7%D9%82%D8%B9-%D8%A7%D8%AD%D8%AA%D8%B1%D8%A7%D9%81%D9%8A%D8%A9/) بحث full stack
محاضر الاستقصاء المطور 2019 من Stack Overflow ترمز إلى أن كثير المطورين full stack. الصورة من خلال Stack Overflow
اختيار المسار الوظيفي لك
مع تقدمك في حياتك المهنية، من المرجح أن تفضّل إما تشكيل الويب أو التنمية. إن المجال في أي من تشكيل الجهة الأمامية أو تنمية الجهة الخلفية يتاح أن يجعلك أكبر قابلية للتسويق لذوي الشغل أو الزبائن – كلا الخيارين متساويان في الالتماس، وكلاهما مغري ومربح.
في التوقيت الراهن، لا تؤرق غالباً حول انتقاء واحد على الآخر. في الكرة الارضية الحقيقي، سوف تجد أن كلا المجالين يستلزم منك أن يصبح لديك على الأصغر قلة من التعرف الوظيفية للمجال الآخر. يدرك مصممو الويب الأكبر نجاحاً طريقـة استجواب أقصى استفادة من الشروط التكنولوجية للجهة الخلفية من الموقع، ويضع أجمل مطوري الويب مشاهدة فنية في الاعتبار لدى تشكيل هياكل المعلومات. تسطيع باستمرارً المجال في ساحات محددة بمجرد اكتساب الحنكة والمهارات.
تعرف المهارات الأساسية: مفاهيم التصميم والبرمجة التي ينبغي أن يتعلمها كافه مصممي الويب الجدد
ريثما تستهل فورا، حاول تعرف قلة من المهارات الرئيسية لبناء الجبهة الأمامية وتنمية البك إند. إن الوعي الرئيسي لمهارات تصميم المواقع (https://serv5.com/) الرئيسية سوف يخدمك كما يجبً في حياتك المهنية في تشكيل المواقع ويجعلك أكبر قدرة للعملاء وأصدقاء الشغل.
دعنا نلقي نظرة على المهارات الرئيسية التي ستحتاج إلى إتقانها لتصبح مصمم ويب.
الأساسيات: HTML ،CSS ،JavaScript، وبرامج السيطرة في النماذج (model management)
أول شيء ينبغي أن تتعلمه هو طريقـة ترميز وتشكيل مدونة ويب رئيسي – ولذلك، ستطلب إلى إدراك جميع من HTML و CSS.
HTML و CSS هما لغات ترميزية يستعملها المصممون لإنشاء مقاطع من ورقة الويب وأنماطهم البصرية. إنها اللبنات الرئيسية خلف جميع مدونة ويب – تستعمل متصفحات الويب كود HTML و CSS لتحديد ما يراه المستعملون لدى تصفحهم لمدونة الويب.
HTML هي لغة الترميز المستعملة لوصف المضمون على ورقة الويب وطريقـة هيكلته — فكر في العناوين والنقاط واالروابط.
CSS هو الكود الذي يمثل طريقـة تشكيل محتويات ورقة الويب وتوضيحها. عبر تغيير كود CSS لصفحة الويب، تسطيع السيطرة في السطور المستعملة وتغيير الألوان والصور والخلفيات وولادة مضمون الورقة لتحقيق أقصى فاعلية.
تعرف تصميم المواقع html css javascript
لغات برمجة الويب الرئيسية الثلاث هي HTML و CSS و JavaScript. الصورة عن طريق R-Craft
في النهايـةً، لدينا JavaScript – لغة برمجة تستعمل للتحكم ديناميكياً في المضمون على ورقة الويب. يتيح لك JavaScript جعل المواقع تفاعلية – ينفذ توظيف كافه APPS (https://serv5.com/%D8%AA%D8%B5%D9%85%D9%8A%D9%85-%D9%85%D9%88%D8%A7%D9%82%D8%B9-%D8%A7%D8%AD%D8%AA%D8%B1%D8%A7%D9%81%D9%8A%D8%A9/) الويب والخرائط التفاعلية وخلفيات وصور التمرير والـ Video الديناميكياً عن طريق JavaScript. جافا سكريبت هي لغة برمجة كبيرة مع قدرات شبه محدودة، ولكن ينبغي على المطورين المبتدئين التركيز على تعرف الأساسيات – أمور شبيه إنشاء الكود، وطريقـة وظائف المتغيرات، والمعلومات الشرطية، والمهن.
وفي النهايـةً ومو آخراً، ينبغي أن يتعلم جميع من مصممي الجبهة الأمامية ومطوري الجبهة الخلفية على برامج السيطرة في النماذج (model management techniques). تسمـح لك برامج السيطرة في النماذج تتبع التغييرات في الكود، وتمكين بعض من أفراد من الشغل على الكود في ذات التوقيت دون ذعر من إحداث تبديلات في وظائف أي فرد آخر. أكبر برامج السيطرة في النماذج <https://www.atlassian.com/git/tutorials/what-is-version-control> شيوعاً تلك الأيام هو Git – الغالبية العظمى من المخيمات التمهيدية للترميز والكورسات التدريبية من خلال الشبكة العنكبوتية العالمية تستعمل Git، لهذا فهو أجمل مقر لبدء المطورين الجدد.
مهارات تصميم المواقع: تصميم متجاوب، أطر الشغل، مكتبات
إن امتلاك التمكنمن وعي HTML و CSS و JavaScript كافية للبدء في تخصص تشكيل الويب. تجاوز الأساسيات، وعليك انتقاء تنمية إما مهارات الجبهة الأمامية أو الخلفية.
يستلزم إتقان تصميم الويب (https://serv5.com/%D8%AA%D8%B5%D9%85%D9%8A%D9%85-%D9%85%D9%88%D8%A7%D9%82%D8%B9-%D8%A7%D8%AD%D8%AA%D8%B1%D8%A7%D9%81%D9%8A%D8%A9/) الأمامي مزيجاً من مهارات الترميز ودهاء التشكيل. يستهل أغلب مصممي الجبهة الأمامية الجدد بالتعمق في CSS وتعرف محددات أكبر تعقيداً وتقنيات تنظيم متقدمة. ستتعلم أيضاً أن تعشق معدات التشكيل التعاونية شبيه Figma لإنشاء أشكال مذهلة.
أحد المفهوم التي ستعرفها جيدًا هو التشكيل المتجاوب، أي التخطيطات الديناميكية التي تتكيف لتظهر مبهرة على أي مقدار شاشة، من الألات التلفاز صاحبة الشاشة الضخمة إلى التلفونات الذكية. تستعمل المواقع استعلامات الوسائط media queries للتحكم في “نقاط التوقف” “breakpoints” – نبضة الشاشة المتباينة التي ينبغي أن يتبدل فيها متصفح المستعمل إلى تشكيل متباين ومجموعة من الطرازات. نظراً لأن الأجهزة المحمولة تمثل ما يقرب من نصف رقم زيارات الويب في سنة 2019، يعد التشكيل المتجاوب براعة رئيسية لأي معمول ويب.
تعلم تصميم المواقع المتجاوب (https://serv5.com/%D8%AA%D8%B5%D9%85%D9%8A%D9%85-%D9%85%D9%88%D8%A7%D9%82%D8%B9-%D8%A7%D8%AD%D8%AA%D8%B1%D8%A7%D9%81%D9%8A%D8%A9/) من سيرف فايف
يتيح التصميم المتجاوب تحديد ذات التشكيل على أحجام شاشات متنوعة. الصورة عن طريق Verve Search
هنالك اضطراب بعض منها ستواجهها قريباً وهي كمية التوقيت الذي يستغرقه تأليف الكود لجميع تلك الطرازات يدوياً. كثيراً ما تتخطى أوراق الطرازات الخاصة بأي مدونة ويب طول أيقونة مدونة الويب ذاته. لتسريع الشئون، يستعمل مصممو الجبهة الأمامية طريقتين: يستعملون أطر وظائف فائتة التجهيز للحصول على انطلاقة عل ىالفور ومعالجات CSS الإبتدائية لتقليل الكود الذي يطلبون إلى كتابته.
تصل الأُطُر الأمامية الأمامية شبيه Bootstrap معبأة مسبقاً بأنماط وأمثلة من الأيقونات لعناصر التشكيل ذائعة الاستعمال شبيه أشرطة التحرك وجداول التسعير. نظراً لأن الكود حدث اختباره كما يجبً وتوثيقه، يتاح أن تجعل الأطر تأسيس رسومات حديثة أسرع بعديد.
تجعل المعالجات المسبقة لـ CSS شبيه Sass أوراق طرازات التأليف أسرع وأكبر سهولة ويسر وبساطة. بدلاً من نماذج ولصق إدخالات التوجيهات البرمجية الشبيهة بعض من مرات، يتيح لك Sass تأليف تجميعة إحدى الطرازات بلغة ترميز شبيهة لـ CSS تسمى SCSS. يتاح معاودة استعمال تلك الطرازات بعض من مرات وفق حاجتك. تسطيع أيضاً تشابك الطرازات داخل بعضها القلة من، مما يحتمل أن يلغي مئات الأسطر المكررة من التوجيهات البرمجية.
تعرف كود sass مثال
مثال يوضح كود SCSS وكود CSS الناشئ. الصورة عن طريق ZURB
نظراً لأن متصفحات الويب لا تدرك شفرة SCSS عل ىالفورً، مع هذا، تطلب إلى تعليلها إلى vanilla CSS باستعمال معدة تأسيس شبيه Grunt أو webpack. إن معدات التأسيس يسيرة الاستعمال أيضاَ لدمج بعض من ملفات CSS في ملف واحد (مما يعاون في الحفاظ على ترتيب الكود المخصص بك)، وضغط (أو تصغير) الكود لتحسين سرعات التحميل، وريثما روج الكود عفويًا على خادم ويب بعيد.
في النهايـةً، ستتعلم أن تعشق أطر وظائف JavaScript ومكتباتك. أطر وظائف JavaScript هي هياكل وظائف لرمز JavaScript تسطيع تضمينها في موقعك لتسريع عملية التنمية. تتضمن أطر وظائف JavaScript الذائعة في 2020: Vue.js ،React، و Angular. إذا كنت حديثاً في تشكيل الواجهات، فإن Vue مقر مدهش لبدء التعلم.
في المقابل، تعتبـر مكتبة JavaScript جملة عن عدد من الأشياء المنفصلة التي تسطيع إدخالها وتوصيلها بالتصميمات الخاصة بك، مما يسبب إلى إضافة مهن إضافية إلى الكود لديك في الواقع. مكتبة جافا سكريبت الأكبر رواج هي jQuery، والتي تحتوي أكبر من 300 مهنة تسطيع استعمالها.
علاوة على هذا، ستطلب إلى التحقق من أن تصميماتك حسنة ويسيرة الاستعمال، وسوف تجد أنك ستعمل مع مصممين آخرين في غالبية من الأونة. بالرغم من أن مصممي الويب في السابق اصبحوا يستعملون photoshop لبناء التخطيطات، فإن أغلب المصممين يستعملون تلك الأيام معدات موجهة وفق الغاية شبيه Figma أو InVision لإنشاء أشكال ونسخ بالحجم الطبيعي. Figma هي معدة مبهرة للمصممين الجدد للبدء بها لأنها تقديم حساباً مجانياً دون شروط عديدة.
مهارات تنمية الويب again finish: الترميز وفرع المضمون وقواعد المعلومات
يحتوى تنمية الويب الخلفي العديد من الترميز. استخدمت المواقع العشرات من لغات البرمجة المتباينة، لكن عدداً من اللغات الأكبر شيوعاُ منها Python و Java و PHP و Ruby.
تعرف تشكيل المواقع الويب البرمجة اللغات على شبكة الشبكة العنكبوتية العالمية
قلة من لغات البرمجة الأكبر رواج. الصورة عن طريق Stack Overflow
جميع لغة من لغات البرمجة تلك لها إيجابيات وسلبيات خاصة بها، ولكن أجمل مقر للبدء هو انتقاء لغة احدى والبدء في تعرفها وتجريبها. مو عليك أن تتعرف جميع منهم – فهناك الكثير من مفهوم البرمجة الرئيسية (شبيه looping، على طريق المثال) موجود في جميع لغة تقريباً. اختر لغة التي تقتضي الحاجة (إذا كنت في وضعية ريب، ابدأ من الخطة في الأعلى) واللغة التي تستمتع بتعلمها.
يقوم المطورون الويب أيضاً في غالبية من الأونة بإعداد برامج فرع المضمون أو CMS. لقد قطعت ووردبريس، على طريق المثال، شوطًا طويلاً منذ انطلاقها في سنة 2003 — فهي تعمل حالياً على توظيف 34٪ من كافه مواقع الويب على الشبكة العنكبوتية العالمية. تعرف ووردبريس هو سبب مبهرة لفهم أساسيات تنمية الويب. ستتعرف على المهن والمتغيرات والطبقات وهيكل الأيقونة ونطاقه وليست هذا العديد. سوف تكتسب أيضاً مهارات تصحيح سقطات قيّمة وتتعرف سطر الأوامر، وهما من المهارات الرئيسية لأي معمول ويب.
أجمل اسلوب لبدء تعرف ووردبريس هي عبر المحاولة العملية. يتاح لـ GoDaddy Professional مساعدتك في توظيف أول موقع ووردبريس مخصص بك وتشغيله في بضع دقائق لاغير.
تعلم تصميم ووردبريس (https://serv5.com/%D8%AA%D8%B5%D9%85%D9%8A%D9%85-%D9%85%D9%88%D8%A7%D9%82%D8%B9-%D8%A7%D8%AD%D8%AA%D8%B1%D8%A7%D9%81%D9%8A%D8%A9/) GoDaddy Professional يجعل من السهل البدء في تعرف فرع ووردبريس.
بصفتك مطوراً للويب، ستعمل أيضاً عن كثب مع قواعد المعلومات التي تحفظ كافه البيانات المتواجدة وراء مواقع الويب في صفوف وأعمدة منظمة ومرتبة على نحو صحيح، تكون شكلها مشابه مجرى بإكسل. بمجرد وعي الأساسيات، يكون من السهل البدء. أكبر برامج قواعد المعلومات شيوعاً هو QL ، أو لغة الاطلاع الهيكلية — تستعمل أغلب مواقع الويب (بما في هذا جميع مواقع ووردبريس) SQL عبر معدة برمجية تسمى MySQL. لذا ابدأ بتعلم أساسيات SQL.
أفضل الموارد للمبتدئين لتعلم تصميم المواقع
حالياً لديك مؤشر على المهارات التي ينبغي أن تركز عليها لتكون معمول ويب، ضياع حان التوقيت للبدء في تعرف تلك المهارات. بالطبع، مو عليك الرجوع إلى المعلمة (سوى إذا كنت تتمني في هذا، بالطبع!) – هنالك العديد من الخيارات للتعلم في وتيرتك بأقل من تكلفة الدراسة الجامعية.
دروس على الإنترنت
تعتبـر الكورسات من خلال الشبكة العنكبوتية العالمية اسلوب مبهرة للمبتدئين لتعرف تشكيل المواقع. بالرغم من أن الكثير من أجمل الكورسات التدريبية تكلف مالاً، سوى أنها تدخر أهمية ضخمة بمقابل ما تدفعه، وتسطيع التعلم من البيت استناداً لسرعتك الخاصة. الجانب السلبي الأساسي للدورات من خلال الشبكة العنكبوتية العالمية؟ مفيش أحد غيرك أنت المسؤول عن ذاتك، ومن العسير طرح أسئلة لفرد ذي حنكة.
تتضمن اختيارات الكورسات التدريبية من خلال الشبكة العنكبوتية العالمية بشأن تشكيل المواقع الإلكترونية ما ياتي:
W3Schools
Coursera
Alison
FutureLearn
Treehouse
One Month
Udemy
كتب تصميم المواقع
ريثما مع كافه الوسائط الأخرى التي تسطيع استعمالها لتعرف تشكيل المواقع لا يزال للكتب أهميتها. يحكم المؤلفون أعوام في تعظيم معارفهم، وجمع أجمل المتابعات، والأمثلة، والأنظمة التعليمية وتنسيقها بإسلوب تسطيع استيعابها في مرحلة زمنية موجزة خـلال البحبوبة على أريكتك الخاصة.
ريثما تصبح ربما إستهلت فورا، فلن معرفة ما يهمك عقب، لهذا اقرأ جميع ما تقدر. ابدأ مع مجلدات البرمجة المجانية تلك على GitHub.
مدونات لمصممي المواقع
على اجتاز السنين، روج المصممون المئات من بوستات المبهرة في المدونات التي تغطي جميع المقالات التي يتاح أن تتخيلها على شبكة الشبكة العنكبوتية العالمية. إذا كنت تبحث عن بيانات بشأن مقال محدد، فإن google هي صديقك – أجمل مقر للبدء هو البحث عن ذلك المقال ومشاهدة ما يصل.
المفتاح هو البحث عن المصطلح المقتن الذي تبحث عنه وتعرف أي من مئات المنابع التي تسطيع الوثوق بها. فيما ياتي قلة من الأفكار المطروحة بشأن أجمل المدونات لبناء مواقع الويب لمساعدتك في التغلب على الضوضاء.
افعلها بنفسك
في النهايـةً ومو آخراً، تسطيع باستمرارً صياغة طريقك المخصص وتعرف تشكيل الويب بنفسك. إن الشغل استناداً لسرعتك الخاصة له مميزاته: تسطيع التعلم من البيت خـلال متابعة الشغل، والمواد التعليمية زهيدة أو مجانية في غالبية من الأونة. بالطبع، يتاح أن يسبب الافتقار إلى المساءلة إلى إعاقة قلة من مصممي الويب المحتملين، كما أن الاضطرار إلى لتقريـر هيكل التعلم المخصص بك يتاح أن يجعل التقديم صعباً بالنسبة للبعض. إذا تعقبت ذلك المسلك، فحاول العثور على مرشد: فرد من ذوي الحنكة في تشكيل المواقع الإلكترونية يمكنه الجواب على الأسئلة ومساعدتك في تحفظ المسؤولية.
فيما ياتي بعض الخيارات لتعلم تصميم المواقع بنفسك:
freeCodeCamp
Codecademy
OpenClassrooms
Bento
YouTube
MarkSheet
JavaScript For Cats
A Byte of Python
learnpython.org
Rails for Zombies
اكتساب الحنكة: طريقـة اكتساب حنكة عملية في تشكيل المواقع وتأسيس محفظتك
كره النظر عن الطريقة التي تختارها لتعرف تشكيل الويب، ستطلب إلى اكتساب قلة من الحنكة العملية قبل التقديم للمهن أو النشر للعملاء. بالرغم من أن عملية العثور على المخططات وإبراز خبرتك التي لا تزال محدودة ربما تشعرك بالخوف، فلا ينبغي أن تصبح خائفاً. فيما ياتي قلة من الخيارات المبهرة لمصممي الويب المبتدئين لاكتساب الحنكة وإنشاء محافظهم.
المشاركة في أمم الترميز عبر الإنترنت
تعتبـر أمم الترميز من خلال الشبكة العنكبوتية العالمية إحدى أجمل الشوارع لمصممي الويب الناشئين للمشاركة في المخططات واكتساب الحنكة. تسطيع استعمال البرامج الرئيسية المفتوحة شبيه GitHub للمشاركة في المخططات مفتوحة المنبع أو بيسر تشعب (أو نماذج) المخططات الراهنة على CodePen ومراجعتها بنفسك ريثما تدرك طريقـة شغلها.
إعادة تصميم موقع من سيرف فايف (https://serv5.com/) موجود بالفعل أو تطبيق
يُعد تحسين موقع أو أبلكيشن موجود في الواقع وإضافة اتجاه التوقيع المخصص بك اسلوب مبهرة لتصميم محفظتك واستعراض طريقـة تعاملك مع أعمال التشكيل.
ابدأ في الحرص بمواقع الويب التي تعشقها ولاحظ ما يجعلها فاتنةجدا بشكل كبيرً لك – ابحث عن مكونات شبيه الطباعة والتخطيط والصور والخلفيات والملاحة والألوان. كيف تسطيع تكرار هذه المكونات في التشكيل المخصص بك أو البحث عنها لإنشاء رسومات حديثة على الاطلاقً؟ ما الذي تحسنه ولماذا؟
استعمل Net Inspector أو معدات المطور (تسمى بين حين وأخرً DevTools) في المتصفح لديك للنظر في HTML و CSS لأي شيء مغري للاهتمام، وابحث في google عن أي شيء لا يظهر مألوفاً لديك. تسطيع أيضاً توظيف التوجيهات البرمجية HTML و CSS في Net Inspector لإجراء تبديلات سريعة على مدونة ويب أو استعمال معدات شبيه Mod & Dot لحفظ ومساهمة التعديلات.
تعرف ديف أدوات الإنترنت
استعمل معدات تنمية المتصفح لتعرف تشكيل المواقع. الصورة عن طريق google
ضع جميع شيء سوياً في دراسة وضعية تصف التغييرات التي تجريها. قم بتضمين دراسة وضعية مفصلة تفسر تكتيك التشكيل المخصص بك، ولماذا اتخذت جميع مرسوم، والحصيلة أو التحسين الذي ينبغي أن يصبح من تصميمك الحديث. ستضعك دراسات الوضعية كهذه تلقائياً في طليعة 90٪ من مصممي الويب المبتدئين الاشخاص الآخرين.
استحسان المخططات الضئيلة المنفصلة
مفيش شيء أجمل من درأ الزبائن لتحفيزك على التعلم. ريثما كمصمم ويب مبتدئ، ينبغي أن تحاول تولي رقم يسير من المخططات الضئيلة المنفصلة كوظائف هامشية لاكتساب الحنكة وتعرف ما إذا قد كان الشغل الحر مناسباً لك أم لا.
ابدأ قلة من المهن الضئيلة المدفوعة الأجر للأصدقاء والأسرة، أو اضطلع بعمل ليست مدفوع الأجر ليست ربحي للعثور على زبائن. لاغير تثبت من استعمال الحنكة التي تكتسبها لإنشاء دراسات وضعية للآفاق المستقبلية وأطلب من كافه الزبائن أن تدرج شهاداتهم في محفظتك والإحالات الخاصة بك.
انتقاء المسلك الوظيفي: حدد ما إذا قد كان الشغل الحر أو الشغل في البيت مناسباً لك
حالياً لديك قلة من الحنكة والمخططات، ضياع حان التوقيت لانتقاء المسلك الوظيفي. عند مصممي الويب الجدد خياران رئيسيان: الشغل للعملاء كمصمم ويب مستقل أو الشغل لحساب مؤسسة لائحة.
استناداً لـ حذف المطورين لعام 2019 من Stack Overflow، فإن ما يقرب من ثلاثة أرباع المجيبين حددوا أنهم يعملون بدوام تام، مع ما يقارب 10٪ من المشاركين في لائحة المستقلين. كلاهما لهما إيجابيات وسلبيات، وتطلب إلى تبني قرارك إنشاءً على ما ترغب فيه من مهنتك في تشكيل مواقع الويب.
الخيار الوظيفي لمصممي الويب
يعمل ما يقرب من 3/four من مطوري الويب بدوام تام. الصورة عن طريق Stack Overflow
تذكر، أيضاً، مفيش سبيل مستقر. إذا جربت الشغل الحر واكتشفت أنه مو ملائم لك، فيمكنك باستمرارً أن تجد عملاً عند مؤسسة لائحة. مهارات تشكيل المواقع هي باستمرارً في التماس مرتفع!
إعمل كـ مصمم ويب لشركة
الخيار الوظيفي الأكبر شيوعاً لمصممي الويب الجدد هو الشغل بدوام تام. يعمل مصممو الويب في البيت من المعتاد انً كجزء من تيم التشكيل، إما الشغل على مواقع التسويق شبيه الورق المقصودة وبرامج فرع المضمون أو تشكيل APPS الويب للشركات الناتجة.
إن الشغل في مؤسسة لائحة يحقق دخلاً ثابتاً وموثوقاً به (ينفذ درأ أغلب مصممي الويب والمطورين كما يجبً)، فضلا على ذلك فوائد شبيه التأمين الصحي وإجازة مدفوعة الأجر. ستعمل أيضاً جنباً إلى جنب مع تيم من المصممين والمطورين ذوي الحنكة مع العديد من الفرص للتعلم.
إذا قد كان هنالك طرف سلبي أساسي للتشغيل بدوام تام، فهذا يعني أنك تعمل في مخططات فرد آخر، لهذا لن يصبح هنالك تنوع هائل في الشغل.
إن مطلع معيشة مهنية حديثة في تشكيل المواقع هو شئ مغري (ومربح على نحو كبير)، لكن احتمال البدء فعلياً في تعلم تصميم المواقع في عام 2020ربما يصبح مخيفاً.
مقدار البيانات والخيارات لتعرف تصميم المواقع الإلكترونية ضخمه جدا. من العسير إدراك المنابع التي تسطيع الوثوق بها. أضف إلى هذا أن أغلب البيانات موجهة صوب المصممين والمطورين المحترفين، لذا فإن متلازمة الاحاسيس بالاحتيال تمثل اضطراب واقعية ريثما تستهل فورا.
لكنك لست بحاجة إلى تعرف جميع التقنيات الجديدة أو لكي تحصل على على درجة علمية في معارف الحاسوب لبدء حياتك المهنية في تخصص تشكيل الويب في سنة 2020. تسطيع تعرف المهارات واكتساب الحنكة التي تحتاجها في بضعة أشهر موجزة لاغير، كره النظر خلفيتك أو ميزانيتك.
يغطي ذلك الدليل جميع ما تطلب إلى معرفته – المهارات الرئيسية التي ينبغي أن تتعلمها (بالترتيب السديد)؛ أهم المناهج التعليمية والكورسات التدريبية ومخيمات التمهيد للتعلم بسرعة (فضلا على ذلك اختيارات للتعلم وفق وتيرتك)؛ طريقـة اكتساب حنكة عملية في مخططات واقعية؛ طريقـة استعمال تلك المخططات لتصميم محفظة شديدة. كما نعرض افتراضات بشأن طريقـة العثور على أول عميل أو مهنة لبناء الويب.
6 خطوات لتعلم تصميم المواقع (https://serv5.com/%D8%AA%D8%B5%D9%85%D9%8A%D9%85-%D9%85%D9%88%D8%A7%D9%82%D8%B9-%D8%A7%D8%AD%D8%AA%D8%B1%D8%A7%D9%81%D9%8A%D8%A9/) في 2020
ينقسم الدليل إلى ستة تصنيفات أساسية:
مطلع الشغل: أساسيات تشكيل المواقع الإلكترونية وتطويرها
تعرف المهارات الرئيسية: مفهوم التشكيل والبرمجة التي ينبغي أن يتعلمها كافه مصممي الويب الجدد
استعمال أجمل الموارد: لائحة تامة بأفضل الموارد لتعرف تشكيل المواقع
اكتساب الحنكة: طريقـة اكتساب حنكة عملية في تشكيل المواقع وتأسيس محفظتك
انتقاء المسلك الوظيفي: حدد ما إذا قد كان الشغل الحر أو الشغل في البيت مناسباً لك
العثور على وظائف: كيف تسطيع العثور على أول مهنة لبناء مواقع الويب ومطلع حياتك المهنية
إذا كنت حديثاً في تشكيل المواقع وتريد في إدراك الأساسيات، فاقرأ الموضوع الآتي لمعرفة طريقـة البدء كمصمم ويب!
بدء العمل: أساسيات تصميم المواقع الإلكترونية (https://serv5.com) وتطويرها
يعد تشكيل الويب في سنة 2020 مجالاً ضخماً – يحتوى الكثير من المهارات المتباينة والتخصصات والأدوات والأنظمة. ولكن في جوهرها، تبقى أساسيات تشكيل المواقع احدى كما هي بالنسبة للكل.
ما هو تصميم الويب؟
تصميم مواقع الويب هو عملية إنشاء مواقع على شبكة الشبكة العنكبوتية العالمية. تتضمن الساحات المتباينة لبناء الويب تشكيل الجرافيك وتشكيل محاولة المستعمل والبرمجة وتأليف المضمون وخادم الويب وأمن الشبكات وتشكيل البيانات وتعظيم محركات البحث.
يتاح أن يتراوح تشكيل المواقع من تأسيس مدونة ويب مستقر يضم على نص مألوف وخلفيات وصور وروابط ريثما APPS الويب المعقدة وبرامج فرع المضمون وواجهات برمجة الـ APPS (API) ونشاطات الشبكات الاجتماعية.
الفرق بين مصمم الويب ومطور الويب
على الارجح لاحظت أيضاً أن هنالك أدواراُ غير مشابهة في فقيه تشكيل الويب — مصممي الويب ومطوري الويب ومطوري المناهج التامة. يتعدد التشابك بين بعضهم البعض – من المربك كثيراً وعي من المسؤول عن ماذا.
يقوم مصممو الويب بإدارة مقاطع مواقع الويب التي تشاهدها وتتفاعل معها، ومن المعتاد انً ما تسمى الجبهة الأمامية أو طرف العميل. وعي يتحملون المسؤولية عن المظهر والتشكيل وغالباً ما يصبح المضمون على الموقع – شبيه الألوان والخطوط والصور والخلفيات والتحرك والنماذج كاملة قطعة من وظائف معمول الويب. يعتني المصممون الأماميون الموظفون في APPS الويب التفاعلية أيضاً بعرض المعلومات وتجديدها خـلال تغيرها في التوقيت الفعلي.
على النقيض من هذا، يتعامل مطورو الويب مع كافه مقاطع الموقع الخلفية المغطاة. ومن المعتاد ان ما يتولى مطورو الويب الترميز والأعمال التي تجسد الخلفية (أو طرف الخادم) لمدونة ويب — أمور شبيه تأليف توجيهات برمجية لجلب وتقديم المعلومات، أو تأليف أيقونة للتواصل مع نشاطات الويب الأخرى أو قواعد المعلومات، أو فرع المضمون الديناميكي داخل مدونة أو أبلكيشن ويب.
بالطبع، قلة من مصممي الويب هم مطوري الويب في التوقيت ذاته. وعي يديرون جميع طرف من نواحي الموقع ويشار إليهم كمطورين “full-stack”. إذا كنت تستمتع بتنمية الجبهة الأمامية والخلفية، فإن كونك مطوراً متكاملاً يتاح أن يجعلك أكبر قابلية للتسويق. ترمز دراسة استقصائية للمطورين لعام 2019 في Stack Overfloww إلى أن حوالي 50٪ من المشاركين يعتبرون مطورون full-stack.
تعلم تصميم المواقع الاحترافية (https://serv5.com/%D8%AA%D8%B5%D9%85%D9%8A%D9%85-%D9%85%D9%88%D8%A7%D9%82%D8%B9-%D8%A7%D8%AD%D8%AA%D8%B1%D8%A7%D9%81%D9%8A%D8%A9/) بحث full stack
محاضر الاستقصاء المطور 2019 من Stack Overflow ترمز إلى أن كثير المطورين full stack. الصورة من خلال Stack Overflow
اختيار المسار الوظيفي لك
مع تقدمك في حياتك المهنية، من المرجح أن تفضّل إما تشكيل الويب أو التنمية. إن المجال في أي من تشكيل الجهة الأمامية أو تنمية الجهة الخلفية يتاح أن يجعلك أكبر قابلية للتسويق لذوي الشغل أو الزبائن – كلا الخيارين متساويان في الالتماس، وكلاهما مغري ومربح.
في التوقيت الراهن، لا تؤرق غالباً حول انتقاء واحد على الآخر. في الكرة الارضية الحقيقي، سوف تجد أن كلا المجالين يستلزم منك أن يصبح لديك على الأصغر قلة من التعرف الوظيفية للمجال الآخر. يدرك مصممو الويب الأكبر نجاحاً طريقـة استجواب أقصى استفادة من الشروط التكنولوجية للجهة الخلفية من الموقع، ويضع أجمل مطوري الويب مشاهدة فنية في الاعتبار لدى تشكيل هياكل المعلومات. تسطيع باستمرارً المجال في ساحات محددة بمجرد اكتساب الحنكة والمهارات.
تعرف المهارات الأساسية: مفاهيم التصميم والبرمجة التي ينبغي أن يتعلمها كافه مصممي الويب الجدد
ريثما تستهل فورا، حاول تعرف قلة من المهارات الرئيسية لبناء الجبهة الأمامية وتنمية البك إند. إن الوعي الرئيسي لمهارات تصميم المواقع (https://serv5.com/) الرئيسية سوف يخدمك كما يجبً في حياتك المهنية في تشكيل المواقع ويجعلك أكبر قدرة للعملاء وأصدقاء الشغل.
دعنا نلقي نظرة على المهارات الرئيسية التي ستحتاج إلى إتقانها لتصبح مصمم ويب.
الأساسيات: HTML ،CSS ،JavaScript، وبرامج السيطرة في النماذج (model management)
أول شيء ينبغي أن تتعلمه هو طريقـة ترميز وتشكيل مدونة ويب رئيسي – ولذلك، ستطلب إلى إدراك جميع من HTML و CSS.
HTML و CSS هما لغات ترميزية يستعملها المصممون لإنشاء مقاطع من ورقة الويب وأنماطهم البصرية. إنها اللبنات الرئيسية خلف جميع مدونة ويب – تستعمل متصفحات الويب كود HTML و CSS لتحديد ما يراه المستعملون لدى تصفحهم لمدونة الويب.
HTML هي لغة الترميز المستعملة لوصف المضمون على ورقة الويب وطريقـة هيكلته — فكر في العناوين والنقاط واالروابط.
CSS هو الكود الذي يمثل طريقـة تشكيل محتويات ورقة الويب وتوضيحها. عبر تغيير كود CSS لصفحة الويب، تسطيع السيطرة في السطور المستعملة وتغيير الألوان والصور والخلفيات وولادة مضمون الورقة لتحقيق أقصى فاعلية.
تعرف تصميم المواقع html css javascript
لغات برمجة الويب الرئيسية الثلاث هي HTML و CSS و JavaScript. الصورة عن طريق R-Craft
في النهايـةً، لدينا JavaScript – لغة برمجة تستعمل للتحكم ديناميكياً في المضمون على ورقة الويب. يتيح لك JavaScript جعل المواقع تفاعلية – ينفذ توظيف كافه APPS (https://serv5.com/%D8%AA%D8%B5%D9%85%D9%8A%D9%85-%D9%85%D9%88%D8%A7%D9%82%D8%B9-%D8%A7%D8%AD%D8%AA%D8%B1%D8%A7%D9%81%D9%8A%D8%A9/) الويب والخرائط التفاعلية وخلفيات وصور التمرير والـ Video الديناميكياً عن طريق JavaScript. جافا سكريبت هي لغة برمجة كبيرة مع قدرات شبه محدودة، ولكن ينبغي على المطورين المبتدئين التركيز على تعرف الأساسيات – أمور شبيه إنشاء الكود، وطريقـة وظائف المتغيرات، والمعلومات الشرطية، والمهن.
وفي النهايـةً ومو آخراً، ينبغي أن يتعلم جميع من مصممي الجبهة الأمامية ومطوري الجبهة الخلفية على برامج السيطرة في النماذج (model management techniques). تسمـح لك برامج السيطرة في النماذج تتبع التغييرات في الكود، وتمكين بعض من أفراد من الشغل على الكود في ذات التوقيت دون ذعر من إحداث تبديلات في وظائف أي فرد آخر. أكبر برامج السيطرة في النماذج <https://www.atlassian.com/git/tutorials/what-is-version-control> شيوعاً تلك الأيام هو Git – الغالبية العظمى من المخيمات التمهيدية للترميز والكورسات التدريبية من خلال الشبكة العنكبوتية العالمية تستعمل Git، لهذا فهو أجمل مقر لبدء المطورين الجدد.
مهارات تصميم المواقع: تصميم متجاوب، أطر الشغل، مكتبات
إن امتلاك التمكنمن وعي HTML و CSS و JavaScript كافية للبدء في تخصص تشكيل الويب. تجاوز الأساسيات، وعليك انتقاء تنمية إما مهارات الجبهة الأمامية أو الخلفية.
يستلزم إتقان تصميم الويب (https://serv5.com/%D8%AA%D8%B5%D9%85%D9%8A%D9%85-%D9%85%D9%88%D8%A7%D9%82%D8%B9-%D8%A7%D8%AD%D8%AA%D8%B1%D8%A7%D9%81%D9%8A%D8%A9/) الأمامي مزيجاً من مهارات الترميز ودهاء التشكيل. يستهل أغلب مصممي الجبهة الأمامية الجدد بالتعمق في CSS وتعرف محددات أكبر تعقيداً وتقنيات تنظيم متقدمة. ستتعلم أيضاً أن تعشق معدات التشكيل التعاونية شبيه Figma لإنشاء أشكال مذهلة.
أحد المفهوم التي ستعرفها جيدًا هو التشكيل المتجاوب، أي التخطيطات الديناميكية التي تتكيف لتظهر مبهرة على أي مقدار شاشة، من الألات التلفاز صاحبة الشاشة الضخمة إلى التلفونات الذكية. تستعمل المواقع استعلامات الوسائط media queries للتحكم في “نقاط التوقف” “breakpoints” – نبضة الشاشة المتباينة التي ينبغي أن يتبدل فيها متصفح المستعمل إلى تشكيل متباين ومجموعة من الطرازات. نظراً لأن الأجهزة المحمولة تمثل ما يقرب من نصف رقم زيارات الويب في سنة 2019، يعد التشكيل المتجاوب براعة رئيسية لأي معمول ويب.
تعلم تصميم المواقع المتجاوب (https://serv5.com/%D8%AA%D8%B5%D9%85%D9%8A%D9%85-%D9%85%D9%88%D8%A7%D9%82%D8%B9-%D8%A7%D8%AD%D8%AA%D8%B1%D8%A7%D9%81%D9%8A%D8%A9/) من سيرف فايف
يتيح التصميم المتجاوب تحديد ذات التشكيل على أحجام شاشات متنوعة. الصورة عن طريق Verve Search
هنالك اضطراب بعض منها ستواجهها قريباً وهي كمية التوقيت الذي يستغرقه تأليف الكود لجميع تلك الطرازات يدوياً. كثيراً ما تتخطى أوراق الطرازات الخاصة بأي مدونة ويب طول أيقونة مدونة الويب ذاته. لتسريع الشئون، يستعمل مصممو الجبهة الأمامية طريقتين: يستعملون أطر وظائف فائتة التجهيز للحصول على انطلاقة عل ىالفور ومعالجات CSS الإبتدائية لتقليل الكود الذي يطلبون إلى كتابته.
تصل الأُطُر الأمامية الأمامية شبيه Bootstrap معبأة مسبقاً بأنماط وأمثلة من الأيقونات لعناصر التشكيل ذائعة الاستعمال شبيه أشرطة التحرك وجداول التسعير. نظراً لأن الكود حدث اختباره كما يجبً وتوثيقه، يتاح أن تجعل الأطر تأسيس رسومات حديثة أسرع بعديد.
تجعل المعالجات المسبقة لـ CSS شبيه Sass أوراق طرازات التأليف أسرع وأكبر سهولة ويسر وبساطة. بدلاً من نماذج ولصق إدخالات التوجيهات البرمجية الشبيهة بعض من مرات، يتيح لك Sass تأليف تجميعة إحدى الطرازات بلغة ترميز شبيهة لـ CSS تسمى SCSS. يتاح معاودة استعمال تلك الطرازات بعض من مرات وفق حاجتك. تسطيع أيضاً تشابك الطرازات داخل بعضها القلة من، مما يحتمل أن يلغي مئات الأسطر المكررة من التوجيهات البرمجية.
تعرف كود sass مثال
مثال يوضح كود SCSS وكود CSS الناشئ. الصورة عن طريق ZURB
نظراً لأن متصفحات الويب لا تدرك شفرة SCSS عل ىالفورً، مع هذا، تطلب إلى تعليلها إلى vanilla CSS باستعمال معدة تأسيس شبيه Grunt أو webpack. إن معدات التأسيس يسيرة الاستعمال أيضاَ لدمج بعض من ملفات CSS في ملف واحد (مما يعاون في الحفاظ على ترتيب الكود المخصص بك)، وضغط (أو تصغير) الكود لتحسين سرعات التحميل، وريثما روج الكود عفويًا على خادم ويب بعيد.
في النهايـةً، ستتعلم أن تعشق أطر وظائف JavaScript ومكتباتك. أطر وظائف JavaScript هي هياكل وظائف لرمز JavaScript تسطيع تضمينها في موقعك لتسريع عملية التنمية. تتضمن أطر وظائف JavaScript الذائعة في 2020: Vue.js ،React، و Angular. إذا كنت حديثاً في تشكيل الواجهات، فإن Vue مقر مدهش لبدء التعلم.
في المقابل، تعتبـر مكتبة JavaScript جملة عن عدد من الأشياء المنفصلة التي تسطيع إدخالها وتوصيلها بالتصميمات الخاصة بك، مما يسبب إلى إضافة مهن إضافية إلى الكود لديك في الواقع. مكتبة جافا سكريبت الأكبر رواج هي jQuery، والتي تحتوي أكبر من 300 مهنة تسطيع استعمالها.
علاوة على هذا، ستطلب إلى التحقق من أن تصميماتك حسنة ويسيرة الاستعمال، وسوف تجد أنك ستعمل مع مصممين آخرين في غالبية من الأونة. بالرغم من أن مصممي الويب في السابق اصبحوا يستعملون photoshop لبناء التخطيطات، فإن أغلب المصممين يستعملون تلك الأيام معدات موجهة وفق الغاية شبيه Figma أو InVision لإنشاء أشكال ونسخ بالحجم الطبيعي. Figma هي معدة مبهرة للمصممين الجدد للبدء بها لأنها تقديم حساباً مجانياً دون شروط عديدة.
مهارات تنمية الويب again finish: الترميز وفرع المضمون وقواعد المعلومات
يحتوى تنمية الويب الخلفي العديد من الترميز. استخدمت المواقع العشرات من لغات البرمجة المتباينة، لكن عدداً من اللغات الأكبر شيوعاُ منها Python و Java و PHP و Ruby.
تعرف تشكيل المواقع الويب البرمجة اللغات على شبكة الشبكة العنكبوتية العالمية
قلة من لغات البرمجة الأكبر رواج. الصورة عن طريق Stack Overflow
جميع لغة من لغات البرمجة تلك لها إيجابيات وسلبيات خاصة بها، ولكن أجمل مقر للبدء هو انتقاء لغة احدى والبدء في تعرفها وتجريبها. مو عليك أن تتعرف جميع منهم – فهناك الكثير من مفهوم البرمجة الرئيسية (شبيه looping، على طريق المثال) موجود في جميع لغة تقريباً. اختر لغة التي تقتضي الحاجة (إذا كنت في وضعية ريب، ابدأ من الخطة في الأعلى) واللغة التي تستمتع بتعلمها.
يقوم المطورون الويب أيضاً في غالبية من الأونة بإعداد برامج فرع المضمون أو CMS. لقد قطعت ووردبريس، على طريق المثال، شوطًا طويلاً منذ انطلاقها في سنة 2003 — فهي تعمل حالياً على توظيف 34٪ من كافه مواقع الويب على الشبكة العنكبوتية العالمية. تعرف ووردبريس هو سبب مبهرة لفهم أساسيات تنمية الويب. ستتعرف على المهن والمتغيرات والطبقات وهيكل الأيقونة ونطاقه وليست هذا العديد. سوف تكتسب أيضاً مهارات تصحيح سقطات قيّمة وتتعرف سطر الأوامر، وهما من المهارات الرئيسية لأي معمول ويب.
أجمل اسلوب لبدء تعرف ووردبريس هي عبر المحاولة العملية. يتاح لـ GoDaddy Professional مساعدتك في توظيف أول موقع ووردبريس مخصص بك وتشغيله في بضع دقائق لاغير.
تعلم تصميم ووردبريس (https://serv5.com/%D8%AA%D8%B5%D9%85%D9%8A%D9%85-%D9%85%D9%88%D8%A7%D9%82%D8%B9-%D8%A7%D8%AD%D8%AA%D8%B1%D8%A7%D9%81%D9%8A%D8%A9/) GoDaddy Professional يجعل من السهل البدء في تعرف فرع ووردبريس.
بصفتك مطوراً للويب، ستعمل أيضاً عن كثب مع قواعد المعلومات التي تحفظ كافه البيانات المتواجدة وراء مواقع الويب في صفوف وأعمدة منظمة ومرتبة على نحو صحيح، تكون شكلها مشابه مجرى بإكسل. بمجرد وعي الأساسيات، يكون من السهل البدء. أكبر برامج قواعد المعلومات شيوعاً هو QL ، أو لغة الاطلاع الهيكلية — تستعمل أغلب مواقع الويب (بما في هذا جميع مواقع ووردبريس) SQL عبر معدة برمجية تسمى MySQL. لذا ابدأ بتعلم أساسيات SQL.
أفضل الموارد للمبتدئين لتعلم تصميم المواقع
حالياً لديك مؤشر على المهارات التي ينبغي أن تركز عليها لتكون معمول ويب، ضياع حان التوقيت للبدء في تعرف تلك المهارات. بالطبع، مو عليك الرجوع إلى المعلمة (سوى إذا كنت تتمني في هذا، بالطبع!) – هنالك العديد من الخيارات للتعلم في وتيرتك بأقل من تكلفة الدراسة الجامعية.
دروس على الإنترنت
تعتبـر الكورسات من خلال الشبكة العنكبوتية العالمية اسلوب مبهرة للمبتدئين لتعرف تشكيل المواقع. بالرغم من أن الكثير من أجمل الكورسات التدريبية تكلف مالاً، سوى أنها تدخر أهمية ضخمة بمقابل ما تدفعه، وتسطيع التعلم من البيت استناداً لسرعتك الخاصة. الجانب السلبي الأساسي للدورات من خلال الشبكة العنكبوتية العالمية؟ مفيش أحد غيرك أنت المسؤول عن ذاتك، ومن العسير طرح أسئلة لفرد ذي حنكة.
تتضمن اختيارات الكورسات التدريبية من خلال الشبكة العنكبوتية العالمية بشأن تشكيل المواقع الإلكترونية ما ياتي:
W3Schools
Coursera
Alison
FutureLearn
Treehouse
One Month
Udemy
كتب تصميم المواقع
ريثما مع كافه الوسائط الأخرى التي تسطيع استعمالها لتعرف تشكيل المواقع لا يزال للكتب أهميتها. يحكم المؤلفون أعوام في تعظيم معارفهم، وجمع أجمل المتابعات، والأمثلة، والأنظمة التعليمية وتنسيقها بإسلوب تسطيع استيعابها في مرحلة زمنية موجزة خـلال البحبوبة على أريكتك الخاصة.
ريثما تصبح ربما إستهلت فورا، فلن معرفة ما يهمك عقب، لهذا اقرأ جميع ما تقدر. ابدأ مع مجلدات البرمجة المجانية تلك على GitHub.
مدونات لمصممي المواقع
على اجتاز السنين، روج المصممون المئات من بوستات المبهرة في المدونات التي تغطي جميع المقالات التي يتاح أن تتخيلها على شبكة الشبكة العنكبوتية العالمية. إذا كنت تبحث عن بيانات بشأن مقال محدد، فإن google هي صديقك – أجمل مقر للبدء هو البحث عن ذلك المقال ومشاهدة ما يصل.
المفتاح هو البحث عن المصطلح المقتن الذي تبحث عنه وتعرف أي من مئات المنابع التي تسطيع الوثوق بها. فيما ياتي قلة من الأفكار المطروحة بشأن أجمل المدونات لبناء مواقع الويب لمساعدتك في التغلب على الضوضاء.
افعلها بنفسك
في النهايـةً ومو آخراً، تسطيع باستمرارً صياغة طريقك المخصص وتعرف تشكيل الويب بنفسك. إن الشغل استناداً لسرعتك الخاصة له مميزاته: تسطيع التعلم من البيت خـلال متابعة الشغل، والمواد التعليمية زهيدة أو مجانية في غالبية من الأونة. بالطبع، يتاح أن يسبب الافتقار إلى المساءلة إلى إعاقة قلة من مصممي الويب المحتملين، كما أن الاضطرار إلى لتقريـر هيكل التعلم المخصص بك يتاح أن يجعل التقديم صعباً بالنسبة للبعض. إذا تعقبت ذلك المسلك، فحاول العثور على مرشد: فرد من ذوي الحنكة في تشكيل المواقع الإلكترونية يمكنه الجواب على الأسئلة ومساعدتك في تحفظ المسؤولية.
فيما ياتي بعض الخيارات لتعلم تصميم المواقع بنفسك:
freeCodeCamp
Codecademy
OpenClassrooms
Bento
YouTube
MarkSheet
JavaScript For Cats
A Byte of Python
learnpython.org
Rails for Zombies
اكتساب الحنكة: طريقـة اكتساب حنكة عملية في تشكيل المواقع وتأسيس محفظتك
كره النظر عن الطريقة التي تختارها لتعرف تشكيل الويب، ستطلب إلى اكتساب قلة من الحنكة العملية قبل التقديم للمهن أو النشر للعملاء. بالرغم من أن عملية العثور على المخططات وإبراز خبرتك التي لا تزال محدودة ربما تشعرك بالخوف، فلا ينبغي أن تصبح خائفاً. فيما ياتي قلة من الخيارات المبهرة لمصممي الويب المبتدئين لاكتساب الحنكة وإنشاء محافظهم.
المشاركة في أمم الترميز عبر الإنترنت
تعتبـر أمم الترميز من خلال الشبكة العنكبوتية العالمية إحدى أجمل الشوارع لمصممي الويب الناشئين للمشاركة في المخططات واكتساب الحنكة. تسطيع استعمال البرامج الرئيسية المفتوحة شبيه GitHub للمشاركة في المخططات مفتوحة المنبع أو بيسر تشعب (أو نماذج) المخططات الراهنة على CodePen ومراجعتها بنفسك ريثما تدرك طريقـة شغلها.
إعادة تصميم موقع من سيرف فايف (https://serv5.com/) موجود بالفعل أو تطبيق
يُعد تحسين موقع أو أبلكيشن موجود في الواقع وإضافة اتجاه التوقيع المخصص بك اسلوب مبهرة لتصميم محفظتك واستعراض طريقـة تعاملك مع أعمال التشكيل.
ابدأ في الحرص بمواقع الويب التي تعشقها ولاحظ ما يجعلها فاتنةجدا بشكل كبيرً لك – ابحث عن مكونات شبيه الطباعة والتخطيط والصور والخلفيات والملاحة والألوان. كيف تسطيع تكرار هذه المكونات في التشكيل المخصص بك أو البحث عنها لإنشاء رسومات حديثة على الاطلاقً؟ ما الذي تحسنه ولماذا؟
استعمل Net Inspector أو معدات المطور (تسمى بين حين وأخرً DevTools) في المتصفح لديك للنظر في HTML و CSS لأي شيء مغري للاهتمام، وابحث في google عن أي شيء لا يظهر مألوفاً لديك. تسطيع أيضاً توظيف التوجيهات البرمجية HTML و CSS في Net Inspector لإجراء تبديلات سريعة على مدونة ويب أو استعمال معدات شبيه Mod & Dot لحفظ ومساهمة التعديلات.
تعرف ديف أدوات الإنترنت
استعمل معدات تنمية المتصفح لتعرف تشكيل المواقع. الصورة عن طريق google
ضع جميع شيء سوياً في دراسة وضعية تصف التغييرات التي تجريها. قم بتضمين دراسة وضعية مفصلة تفسر تكتيك التشكيل المخصص بك، ولماذا اتخذت جميع مرسوم، والحصيلة أو التحسين الذي ينبغي أن يصبح من تصميمك الحديث. ستضعك دراسات الوضعية كهذه تلقائياً في طليعة 90٪ من مصممي الويب المبتدئين الاشخاص الآخرين.
استحسان المخططات الضئيلة المنفصلة
مفيش شيء أجمل من درأ الزبائن لتحفيزك على التعلم. ريثما كمصمم ويب مبتدئ، ينبغي أن تحاول تولي رقم يسير من المخططات الضئيلة المنفصلة كوظائف هامشية لاكتساب الحنكة وتعرف ما إذا قد كان الشغل الحر مناسباً لك أم لا.
ابدأ قلة من المهن الضئيلة المدفوعة الأجر للأصدقاء والأسرة، أو اضطلع بعمل ليست مدفوع الأجر ليست ربحي للعثور على زبائن. لاغير تثبت من استعمال الحنكة التي تكتسبها لإنشاء دراسات وضعية للآفاق المستقبلية وأطلب من كافه الزبائن أن تدرج شهاداتهم في محفظتك والإحالات الخاصة بك.
انتقاء المسلك الوظيفي: حدد ما إذا قد كان الشغل الحر أو الشغل في البيت مناسباً لك
حالياً لديك قلة من الحنكة والمخططات، ضياع حان التوقيت لانتقاء المسلك الوظيفي. عند مصممي الويب الجدد خياران رئيسيان: الشغل للعملاء كمصمم ويب مستقل أو الشغل لحساب مؤسسة لائحة.
استناداً لـ حذف المطورين لعام 2019 من Stack Overflow، فإن ما يقرب من ثلاثة أرباع المجيبين حددوا أنهم يعملون بدوام تام، مع ما يقارب 10٪ من المشاركين في لائحة المستقلين. كلاهما لهما إيجابيات وسلبيات، وتطلب إلى تبني قرارك إنشاءً على ما ترغب فيه من مهنتك في تشكيل مواقع الويب.
الخيار الوظيفي لمصممي الويب
يعمل ما يقرب من 3/four من مطوري الويب بدوام تام. الصورة عن طريق Stack Overflow
تذكر، أيضاً، مفيش سبيل مستقر. إذا جربت الشغل الحر واكتشفت أنه مو ملائم لك، فيمكنك باستمرارً أن تجد عملاً عند مؤسسة لائحة. مهارات تشكيل المواقع هي باستمرارً في التماس مرتفع!
إعمل كـ مصمم ويب لشركة
الخيار الوظيفي الأكبر شيوعاً لمصممي الويب الجدد هو الشغل بدوام تام. يعمل مصممو الويب في البيت من المعتاد انً كجزء من تيم التشكيل، إما الشغل على مواقع التسويق شبيه الورق المقصودة وبرامج فرع المضمون أو تشكيل APPS الويب للشركات الناتجة.
إن الشغل في مؤسسة لائحة يحقق دخلاً ثابتاً وموثوقاً به (ينفذ درأ أغلب مصممي الويب والمطورين كما يجبً)، فضلا على ذلك فوائد شبيه التأمين الصحي وإجازة مدفوعة الأجر. ستعمل أيضاً جنباً إلى جنب مع تيم من المصممين والمطورين ذوي الحنكة مع العديد من الفرص للتعلم.
إذا قد كان هنالك طرف سلبي أساسي للتشغيل بدوام تام، فهذا يعني أنك تعمل في مخططات فرد آخر، لهذا لن يصبح هنالك تنوع هائل في الشغل.