أربحت 23 ألف ريال من تدريبات على تحريك المواقع

اسمي Donovan Hutchinson وأنا مطور مواقع. أبني مواقع منذ أواخر التسعينات، وأحب أعمل مشاريع جانبية. آخر مشروع عندي هو موقع وكتاب ودورة تساعد الناس تتعلم كيف تصمم تحريك مواقع جذاب وجميل

جوهر المشروع هو الموقع CSSAnimation.rocks، فيه دروس معمقة تعلم الناس كيف يصمموا تحريك ممتع وجذاب باستخدام HTML وCSS. ويضم أيضًا نشرة أسبوعية، وكتاب إلكتروني تمهيدي مجاني، ودورة فيديو موسعة مدتها 4 ساعات

دائمًا حببت أخلق أشياء باستخدام الحاسوب. في بداية مشواري جربت أعمل موسيقى وفن، وبعدين لما ظهر الويب، بدأت أستخدم HTML وCSS أبني مواقع

شيء وجدته مفيد جدًا في تعلم تقنيات ومهارات جديدة هو أني أكتب عنها وأنا أتعلم. وجدت إن المدونة طريقة رائعة أستكشف فيها أفكار جديدة، وأشاركها، وأساعد غيري يعرف أشياء جديدة بعد

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

فلما جاني شغف أتعلم أكثر عن كيف أحرك المواقع باستخدام تقنيات الويب، قررت أبدأ مشروع يعرض طرق مبتكرة ومثيرة في شكل دروس مطولة. سجلت النطاق CSSAnimation.rocks وبدأت أول منشوراتي، وكان القبول رائع جدًا

جزء كبير من شغلي مدفوع بحب التعلم ومشاركة المعرفة مع غيري. والشغف بالتعلم ساعدني كثير في دخول مجالات ما كنت أفكر فيها من قبل

عرفت إني وصلت لشيء مهم لما اشتهرت المنشورات بسرعة على وسائل التواصل وبدأت تظهر في نشرات تقنية

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

المحور الأساسي لـ CSSAnimation.rocks هو الموقع الإلكتروني. تم بناؤه باستخدام Jekyll ونشر مجانًا على Github Pages. التكلفة الأولية الوحيدة كانت تسجيل اسم النطاق، بالإضافة إلى الوقت اللازم لإعداد موقع الدروس محليًا

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

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

كتابة المقالات طريقة رائعة لإنتاج محتوى يمكن مشاركته، لكنني قررت التوسع بطرق أخرى لنشر المعرفة. إحداها كانت كتابة كتاب إلكتروني. استخدمت markdown، ويتم إنشاء الكتاب باستخدام أداة Pandoc التي تعمل محليًا لتحويل ملفات HTML إلى صيغة epub. بدافع مشاركة المعرفة، نشرت الكود والمحتوى الخاص بالكتاب على Github حيث يمكن للناس تنزيله بتنسيقات متعددة مجانًا

كتابي الإلكتروني CSS Animation 101 كتب لمساعدة الناس على البدء في الرسوم المتحركة باستخدام CSS. اعتمدته بشكل كبير من دورة تعليمية كنت أكتبها عبر البريد الإلكتروني أثناء تواصلي اليومي للعمل. استغرق كتابة المحتوى حوالي شهر، على شكل 20 درسًا قصيرًا، كل منها يركز على موضوع محدد في الرسوم المتحركة باستخدام CSS

إعادة استخدام المحتوى طريقة رائعة للتوسع في مجالات أخرى، لأنني من خلال إعداد الدروس عبر البريد الإلكتروني، تمكنت من تكييف نفس المحتوى للكتاب مع تغييرات بسيطة جدًا

الكتب المجانية ودروس المدونة مفيدة لبناء جمهور، لكن بخلاف الإعلانات على الصفحات، فهي غير مربوحة. لهذا أنشأت دورة احترافية مصورة بعنوان Level Up Your CSS Animation Skills

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

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

أنشأت النشرة باستخدام Revue، وهي أداة مجانية الآن، ويمكن تهيئتها باستخدام نطاقات مخصصة وعلامة تجارية. صممت شعارًا خاصًا للنشرة، وأجمع كل أسبوع روابط وأشاركها

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

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

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

من وقت الإطلاق، استمريت أنزل نشرة أسبوعية، وجرّبت أتكلم في لقاءات مباشرة. بعد كوفيد توقفت اللقاءات، لكن النشرة استمرت الشيء الأساسي. وصلت الآن لتقريبًا 10000 مشترك

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

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

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

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

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

جربت طريقة ثانية وهي النشر الذاتي عبر أمازون. نشرت كتابي CSS Animation 101 من خلال منصتهم، ووجدت أن الإعداد سهل، وصرت أعرض كتابي على جمهور عالمي، والتجربة كانت جيدة. أحس أن الترويج للكتاب على أمازون يحتاج جهد أكثر، لكن التشغيل كان سهل

حاليًا، مبيعات الدورة تقدر بـ 2 ألف ريال شهريًا، وما عندي خطط قصيرة المدى أوسّع التسويق، لأن وقتي منصب على تربية العائلة وعملي الدوام الكامل

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

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

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

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

أستخدم Udemy لرفع الدورات. خيار سهل لأنني ما أبغى أدير التسعير والترويج بشكل دقيق. جربت Teachable، وهي أقوى، وربما أستخدمها لو أردت أتحكم أكثر في تسويق الدورة

لإنتاج الدورات أستخدم Screenflow، مع لابتوب ومايكروفون جيد هو Blue Yeti

لبناء الجمهور، عندي نشرة أسبوعية على Revue، وموقعي عبارة عن موقع ثابت يتم استضافته مجانًا على Github، مع استخدام Cloudflare لضمان السرعة من خلال شبكتهم العالمية وخدمة HTTPS المجانية

حين كنت أبدأ، كان لي تأثر كبير بكتابات وبودكاست Paul Boag. أحب أفكارة وطاقتة كثير

بخصوص تحريك عناصر المواقع بالـ CSS، فالكاتبة المفضلة عندي هي Val Head

بالنسبة للإلهام، أنصح بزيارة موقع Codrops وتجربة CodePen

أنصح ابدأ بشيء تعرف عنه شوي وتحس فيه، ومن ثم وسّع أفكارك من هناك. الانتظار حتى تيجك الفكرة المثالية مغامرة خطرة، لأنه ما تدري وين ممكن توصلك فكرة بسيطة