كيف انتقلت من مصمم جرافيك إلى مطور الواجهة الأمامية في 5 أشهر

كان عام 2017 عامًا مليئًا بالمطبات ولكنه مثير بالنسبة لي. تركت عملي كمصمم جرافيك في مارس ، ودخلت متاهة عالم الترميز. بعد خمسة أشهر ، حصلت أخيرًا على وظيفة كمطور للواجهة الأمامية في Tenten.co.

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

لكي نكون واضحين ، لم تتم كتابة هذا المنشور من منظور مطور أو مصمم متمرس قادر على توضيح خريطة طريق واضحة لمتابعة. كما أنها ليست دورة مكثفة لتعلم تطوير الواجهة الأمامية. هناك الكثير من البرامج التعليمية الرائعة حول هذا الموضوع ، وسأقوم بإدراج بعضها لاحقًا في المقالة.

تذكر أن المسار المثالي (الشامل) لجميع الأفراد غير موجود.

خلفيتي

كنت مصمم جرافيك يبلغ من العمر 24 عامًا وليس لدي أي خبرة تتعلق بالبرمجة على الإطلاق. في أيام دراستي ، كانت درجات امتحاني في الرياضيات والفيزياء والكيمياء والعلوم منخفضة بشكل رهيب. لقد أخافتني هذه الموضوعات بالصيغ والأرقام والأخطاء المملة والمعقدة. الأشياء التي كانت تهمني في ذلك الوقت كانت دائمًا الجمال الذي تم إنشاؤه بواسطة الرسم أو الموسيقى أو الكلمات. بطبيعة الحال ، اخترت اللغة الإنجليزية لتخصصي ، وأذهلتني الأدب والثقافة والتصوير الفوتوغرافي والتصميم في الكلية.

كيف تعلمت كيفية التصميم في الكلية بنفسي وأصبحت أخيرًا مصمم جرافيك بعد التخرج هي قصة ليوم آخر. النقطة المهمة هي ، طوال حياتي حتى العام الماضي ، كنت أحلم بأن أكون كاتبًا ومصورًا وناقدًا سينمائيًا ومغنيًا ومصممًا ، لكنني لم أفكر مطلقًا في أن أكون مطورًا تحت أي ظرف من الظروف.

لماذا أردت البرمجة

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

نظرًا لأن العالم يواجه العديد من المشكلات الحرجة ، أعتقد أن التفكير التصميمي لحل المشكلات يمكن ويجب أن يساعد في التعامل مع بعض هذه المشكلات. بالطبع كنت أحاول فقط تصميم شيء جميل في المرة الأولى التي فتحت فيها Photoshop. ومع ذلك ، كلما تعلمت أكثر عن التصميم ، كلما كنت أتوق إلى الانخراط في القضايا الحرجة مع تصميم الرسوم.

ولكن بعد العديد من المساعي لتحقيق طموحي ، شعرت بخيبة أمل عميقة من التأثير الذي يمكن أن يحدثه التصميم الجرافيكي في تايوان (أو ربما العالم بأسره؟).

ليس هناك شك في أنني ما زلت أدرك قوة وأهمية التصميم الرائع. ولكن في معظم الأحيان ، يُسمح للمصممين فقط بالتعامل مع "مشكلة العميل" ، بدلاً من معالجة "المشكلات الحقيقية التي يواجهها العميل". يقضي المصممون معظم الوقت في تخمين رغبات عملائهم بدون بيانات وتحليلات عميقة ، ولكن فقط الحدس أو الخبرة أو الفطرة السليمة.

لقد سئمت من هذه اللعبة بعد عامين من مسيرتي المهنية في تصميم الجرافيك.

هذا عندما قررت أن ألقي نظرة جادة على موضوع تطوير الواجهة الأمامية الرائج دائمًا على Medium.

لقد وجدت أن كونك مطورًا يتمتع بمهارات التصميم أتاح لك مزيدًا من التحكم والسلطة على كل حالة وعميل. إلى جانب ذلك ، يتيح لك العمل في تطوير الويب أو التطبيقات نشر المعلومات بكفاءة.

تركت عملي في تصميم الجرافيك في نهاية فبراير. مع عدم وجود خطة تفصيلية وتوفير محدود في البنك ، بدأت رحلتي للتحول إلى مطور الواجهة الأمامية.

ماذا أفعل

من الصعب دائمًا اتخاذ الخطوة الأولى. ولكن إذا أدركت السبب الذي يدفعك إلى ذلك ، فستصبح الأمور أبسط. على سبيل المثال ، إذا كان هدفك من أن تصبح مطورًا هو الحصول على رواتب أفضل في أسرع وقت ممكن ، فيجب أن تتعلم الأشياء الساخنة في السوق.

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

لذلك ، قمت بتحديد هدف ، وقمت بعمل قائمة بالمهام المطلوبة مع فهمي الضحل لتطوير الواجهة الأمامية:

1. الهدف

احصل على وظيفة مطور الواجهة الأمامية

2. كيفية تحقيق الهدف

بناء موقع محفظتي لإظهار قدرتي

3. المهام الواجب القيام بها

  • تعلم HTML و CSS و jQuery / JavaScript
  • موقع محفظة التصميم
  • إعداد أعمال المحفظة

لقد قمت بتعيين هذه المهام لنفسي فقط في البداية. لكن بينما قرأت المزيد من المقالات أو البرامج التعليمية أو متطلبات الوظيفة ، أضع هذه المهارات في القائمة على طول الطريق:

  • ساس
  • بلع
  • CS50
  • يونكس الأساسية
  • وورد الأساسية
  • جيكل
  • معرفة أساسية بـ AWS
  • المعرفة الأساسية بالشبكات

ملاحظة: من المؤكد أن المعلومات المتفجرة على الويب قصفتني بمزيد من الأشياء لأتعلمها. في الأشهر الخمسة ، قمت بوضع Node.js و React.js و PHP والمزيد في القائمة. كانت المهام المذكورة أعلاه هي المهام التي أكملتها بالفعل في النهاية.

لمتابعة الخطة ، قمت بتحديد هدف العمل لمدة 48 ساعة / أسبوع لنفسي. كان هذا يعني أنني يجب أن أعمل ثماني ساعات في اليوم مع يوم عطلة واحد فقط في الأسبوع. ساعدني Toggl في تتبع أدائي.

أيضًا ، اتخذت هدفًا طويل المدى -> هدف شهري -> جدول أسبوعي -> طريقة جدول أعمال dai ly لجعل جدول التعلم الخاص بي ، وكان Asana أفضل مساعد لي في إدارة هذه المهام.

أين تتعلم

حاولت التعلم من العديد من المنصات أو البرامج التعليمية أو المقالات على طول الطريق. إليك قائمة الموارد وأفكاري لكل منها:

منصات التعلم

في ذلك الوقت ، كرهت البرامج التعليمية التي أظهرت لي سطورًا من الرموز لم يكن لدي أي فكرة عما يجب أن أفعله. افترض البعض أنني أعرف كل جزء منه ، أو قالوا لي أن أتجاهله في الوقت الحالي. من فضلك ، أنا حقًا لم أفهم حتى سطرًا من الكود على الشاشة ، لأنني كنت مبتدئًا بالكامل .

كانت تلك الأنواع من المحاضرات تؤلمني وتجعلني أنظر إلى نفسي باحتقار. بشكل عام ، لا توجد منصة مثالية لتعلم كل شيء. حاولت أن أكون مرنًا قدر المستطاع ، وأقفز بين كل منهما.

  • Codecademy-أوصى به الكثير من الأشخاص ، لكنني شعرت بالإحباط الشديد بسبب دروسه في ذلك الوقت. لقد تمسكت دائمًا في الممارسة دون أي أدلة.
  • الشفرةمدرسة-قضيت الكثير من الوقت هنا ، لأن المعلمين يشرحون الأسباب بوضوح. موصى به.
  • تري هاوس -الشخص الذي يحتوي على أكبر عدد من الإعلانات على Youtube! قام Treehouse بعمل رائع في مجال التسويق ، والذي يعمل (على الأقل بالنسبة لي كمبتدئ ضائع في ذلك الوقت). إنه يغطي العديد من الموضوعات ، بعضها كان مفيدًا حقًا بالنسبة لي. على سبيل المثال ، من الصعب العثور على برنامج تعليمي لائق لبرنامج Wordpress لطلاب مطوري الواجهة الأمامية ، ولكن لدى Treehouse واحدًا.
  • freeCodeCamp - حب كبير مجانًا CodeCamp! هذا المجتمع لديه مسار واضح للمبتدئين لاتباعه ، وهو يعرف متى يأخذ عجلات التدريب بعيدًا عن الطالب. كنت في يوم من الأيام قلقًا بشأن ما يجب القيام به بعد تعلم أساسيات HTML و CSS و JavaScript ، لكن freeCodeCamp وضعت المشاريع الصغيرة في الأماكن الصحيحة في مسار التعلم. يشارك المجتمع أيضًا منشورات رائعة على Medium ومن خلال رسائل البريد الإلكتروني. ينصح به بشده!

قناة يوتيوب

هذا هو أفضل مكان للتعلم مجانًا أو للمتعة. لا تعد مقاطع فيديو Youtube رائعة فقط لتعلم موضوعات معينة بدقة من قوائم التشغيل ، ولكنها أيضًا مفيدة لتذوق بعض المعارف المثيرة للاهتمام

  • قطار الترميز - الذي استضافه دانيال شيفمان ، أستاذ ITP بجامعة نيويورك ، وهو المعلم الأكثر نشاطًا الذي رأيته على الإطلاق ، توفر القناة مقاطع فيديو سهلة المتابعة.
  • thenewboston— يغطي تقريبًا أي مواضيع يمكنني التفكير فيها. المضيف ، بوكي ، لديه القدرة على جعل الأمور المرعبة تبدو سهلة.
  • Academind - يوفر أيضًا جميع أنواع البرامج التعليمية. سهل المتابعة. موصى به.
  • Fun Fun Function - المضيف Mattias Petter Johansson هو مطور عمل سابقًا في Spotify و Blackberry. تعد قناته مكانًا رائعًا لتعلم JavaScript بطريقة سهلة.
  • أكاديمية لينكس- لقد تعلمت بعض المعرفة الأساسية عن AWS هنا. أعجبني!
  • Computerphile - مقاطع الفيديو هنا تدور حول عناصر الكمبيوتر. من المثير للاهتمام معرفة ذلك ، لكن ربما لن أفهم حقًا ما الذي يتحدثون عنه.
  • Eli the Computer Guy - تعلمت المعرفة حول الشبكات أو الخوادم هنا.
  • mycodeschool - أعز أصدقائي عندما أخذت CS50. يشرح مادة علوم الكمبيوتر بوضوح. احببته.

مقالات للقراءة

تعد القراءات وسيلة مثالية لموضوعات مسارات الحياة أو مصدر إلهام بالنسبة لي. لقد دفعتني المقالات الرائعة عندما كنت محبطًا مرات عديدة في الأشهر الخمسة. إليك بعض أفضل أدلة حياتي:

  • لماذا تعلم البرمجة أمر صعب للغاية
  • لقد تعلمت البرمجة وإنشاء تطبيق ويب وتشغيله على Product Hun في شهرين
  • لماذا درست بدوام كامل لمدة 8 أشهر لإجراء مقابلة مع Google
  • كيف تنتقل من هاوي إلى مطور محترف
  • تعلم البرمجة في عام 2017 ، احصل على وظيفة ، واستمتع على طول الطريق
  • الدليل النهائي لتعلم تطوير الويب Full Stack في 6 أشهر ، مقابل 30 دولارًا

مصادر أخرى مفيدة

  • JavaScript: فهم الأجزاء الغريبة - دورة Udemy الرائعة التي توضح الكثير من الأجزاء المربكة من JavaScript بالنسبة لي. ينصح به بشده.
  • CS50 في جامعة هارفارد - كنت أعلم أن معرفة علوم الكمبيوتر ليست معرفة ضرورية للتقدم لوظيفة مطور مبتدئ للواجهة الأمامية ، لكنني لم أستطع مقاومة الإغراء لأخذ هذه الدورة لأنها بدت ممتعة للغاية! كان يستحق وقتي الثمين في الماضي.
  • NYMY - الحلقة 1 - مستويات بيتر- NYMY هو برنامج بودكاست يستضيفه المصمم الموهوب توبياس فان شنايدر. أجرى مقابلة مع صانع NomadList Pieter Levels في هذه الحلقة. لقد استمعت إلى قصة بيتر عدة مرات عندما كنت محبطًا. قدمني هذا العرض الذي مدته ساعة واحدة إلى الاحتمالات اللانهائية لكوني مبرمج / مصمم.

كيفية الحصول على وظيفة

بعد حوالي 4 أشهر من الترميز والتصميم بلا توقف ، عرفت أخيرًا القليل عن الواجهة الأمامية. لقد أكملت أيضًا ما يقرب من 80 ٪ من موقع محفظتي. في الوقت نفسه ، كانت مدخراتي المتبقية كافية لي فقط للعيش فيها لشهرين آخرين.

حان الوقت للبحث عن وظيفة جديدة.

لسوء الحظ ، لم يكن لدي أي خيارات على الإطلاق. لم تكن العديد من الشركات تريد رجلًا ليس لديه خبرة / خلفية تطويرية نسبية ، وحتى أقل من ذلك قدر قيمة قدراتي في تصميم الرسوم. كان من المحزن أيضًا أن يكون لدي أقل من خمس فرص عمل ربما كانت مناسبة لي. على الجانب المشرق ، أجبرني الوضع على التركيز على هذه الفرص الثمينة.

كنت أشاهد وكالة التصميم Tenten لمدة ثلاث سنوات على الأقل. إنها الوكالة الوحيدة القادرة على تسخير التصميم والتطوير الرقمي والابتكار في نفس الوقت في تايوان. لقد وضعتهم في قائمة "من فضلك وظفني" لفترة طويلة ، واعتقدت أن Tenten كانت الشركة الوحيدة هنا التي سيتم بيعها بناءً على مهاراتي متعددة التخصصات أيضًا.

في الشهرين الأخيرين من رحلتي ، تعلمت قدر استطاعتي عن منصب مطور الواجهة الأمامية المبتدئين في Tenten. في غضون ذلك ، أكملت موقعي الشخصي. عندما حان الوقت ، تقدمت بطلب للحصول على الوظيفة. كخطط احتياطية ، أرسلت سيرتي الذاتية ومحفظتي إلى خمس شركات أخرى أيضًا. وانتظرت.

وأخيرًا ...

في وقت لاحق

بالنظر إلى الوراء ، ما زلت لا أقول إن تحويل نفسي من مصمم إلى مطور كان أمرًا سهلاً ، لكنه لم يكن بالصعوبة التي كنت أعتقد أنها ستكون كذلك. أصعب جزء من العملية لم يكن أبدًا فهم الكود أو كتابته ، ولكن امتلاك الدافع القوي الذي يدفعك إلى الأمام.

مبروك إذا وجدت هذا الدافع. إذا لم تكن قد فعلت ذلك ، جربه أكثر قبل الإقلاع عن التدخين. إذا لم تحاول فلن تعرف ابدا.

كان الدرس الأكثر أهمية الذي تعلمته على طول الطريق هو البدء في القيام بشيء في أسرع وقت ممكن. أعلم أنه من المرعب اتخاذ الخطوة الأولى لبناء شيء ما فعليًا ، لكنها الطريقة الوحيدة لتعلم شيء ما حقًا. تذكر ، ليس لديك ما تخسره على أي حال.

الأيام والمصاعب التي مرت بعد أن أصبحت مطورًا رسميًا هي قصة أخرى.

أنا سعيد جدًا لكوني مطورًا للواجهة الأمامية في Tenten منذ 6 أشهر حتى الآن. رحلة التعلم لا تنتهي أبدا!

中文 版 連結 (النسخة الصينية) / اقرأ المزيد من أعمالي على موقع vinceshao.com