تقنيات الويب للمصممين - سداد الديون

لدي واجب تجاه هبر. قبل عامين ، كتبت مقالًا بعنوان " Web Technologies for Designers - Why and How " ، ولم أفرج عن استمرار المقال.

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

واجهت الدورة مهمتين:

1. ساعد المصممين على معرفة كيف يمكن أن تكون المعرفة بالتكنولوجيا مفيدة في العمل اليومي ؛
2. لأولئك المصممين الذين يرغبون في دراسة التكنولوجيا ، وإعطاء مكان سهل للبدء.

لحل المشكلة الأولى ، سجلت العديد من مقاطع الفيديو القصيرة المصممة لمساعدة المصممين على رؤية أساليب جديدة للعمل:

1. قتال روتين الرسم مع كرافت وجسون
2. كيفية أخذ البيانات من موقع ما ، قم بتحويلها إلى JSON وإطعام Sketch
3. طريقة سهلة لإنشاء نسخة أولية جديدة من المنتج باستخدام Stylish
4. كيفية إنشاء ملحق المتصفح

شاهد الناس مقاطع الفيديو هذه وأعجبهم. بدا كل شيء حتى تتمكن من البدء في تفكيك الموضوع بمزيد من التفاصيل. لذلك ، قمت بإنشاء مثال بتنسيق البيانات وقمت بتسجيل مقطع فيديو تمهيدي حوله ، " الدرس رقم - 1: لماذا لا يستطيع المصممون تعلم تقنيات الويب ". شاهدوا الفيديو 1296 مرة ، 83 مرات يحبونهم ويكرهون 7 مرات.

أردت أن يبدو المثال وكأنه حقيقي. لكن بالنسبة لمعظم المشاهدين ، بدا أنه معقد للغاية. لشرح مبادئ عملها ، قمت بتسجيل مثال مبسط: " مثال مبسط لقالب البيانات ".

علاوة على ذلك ، كانت الخطة هي: التفكيك على أساس هذا المثال مواضيع مختلفة حول JS ، بحيث يصبح كل مثال مع كل درس أكثر قابلية للفهم. وبعد ذلك ، عندما يفهم الناس الأساسيات - أعد كتابة المثال من JS الخالص إلى React وابدأ الدورة حول هذا الموضوع.

وبدأت تسجيل مقاطع الفيديو الأولى:

1. بناء جملة JS
2. المتغيرات
3. وظائف
4. الكائنات
5. المصفوفات
6. جسون

كانت مقاطع الفيديو طويلة ، تتراوح مدة كل منها بين 15 و 20 دقيقة ، ويمكن أن يشاهدها قليلون حتى النهاية. لذلك ، بدأت في تقسيم الموضوعات إلى مواضيع أصغر. على سبيل المثال ، بدا تحليل العبارات الشرطية كما يلي:

1. عوامل التشغيل الشرطية: الأساسيات
2. القيم المنطقية وعوامل المقارنة
3. صب منطقية
4. العمليات المنطقية
5. المشغل الثلاثي
6. التنازل الشرطي
7. تحليل الواجبات المنزلية

لقد سجلت نفس مجموعة مقاطع الفيديو حول أساسيات العمل مع DOM:

1. دوم: الأساسيات
2. البحث عن العقد على الصفحة
3. قراءة خصائص الموقع ومحتوياتها
4. تحرير العقدة
5. عقدة شجرة ترافيرسال
6. تحليل الواجبات المنزلية

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

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

في أي حال ، كان إنشاء دورة تدريبية تجربة ممتعة بالنسبة لي ، حيث علمني العديد من الأشياء:

1. العثور على رمل بارد للعمل مع التعليمات البرمجية: codesandbox.io . في ذلك يمكنك إنشاء ليس فقط القطع الفردية كما هو الحال في codepen.io ، ولكن أيضا مشاريع بأكملها مع بنية الملف.
2. لقد تعلمت العمل مع ScreenFlow ، والذي تبين أنه مناسب جدًا لتحرير screencasts.
3. تعد كتابة الصوت في بيئة منزلية أفضل من حلقة على الميكروفون الكبير. تحقيق الجودة المعقولة أسهل بكثير ، حيث لا يتعين عليك التعامل مع أصداء الجدران.
4. يمكنك كتابة الفيديو على الهاتف ، لكنك تحتاج إلى القليل من المهارة. على سبيل المثال ، في أحدث مقاطع الفيديو ، لدي جودة تسجيل رديئة للغاية ، والصورة تقفز باستمرار. يبدو أن هذا هو نوع من ميزة تثبيت الفيديو في الملاحظة 9.
5. يجب عليك شراء الضوء على الفور. كلفتا softboxes بـ AliExpress ثلاثة آلاف روبل ، وأصبحت جودة الفيديو أفضل بشكل ملحوظ.
6. تعلمت أن طوال حياتي دعوت بشكل غير صحيح المشغل "ternan" "trinar".
7. قبل تسجيل مقطع فيديو ، من الأفضل التحقق من نطق كل الكلمات الأجنبية ، وإلا سيكون عارًا. :)

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


ملاحظة: سأرد على التعليقات مع نشر التحديثات حتى لا يضطر القراء الجدد إلى طرح نفس الأسئلة.

PPS: إذا كنت مهتمًا باتباع الدورة ، أي قناة التلغراف detepr . لسد هبر بمقالات حول أساسيات التنمية - اليد لا ترتفع. لذلك سأكتب المقال التالي حول الدورة التدريبية في حوالي نصف عام.