آموزش کدنویسی برای تست A/B: تست های AB بیشتری را اجرا کنید، برندگان بیشتری پیدا کنید

سرفصل ها و درس ها

معرفی Introduction

• اهداف و مزایای دوره Course goals and benefits

• تست A/B چیست؟ What is A/B testing

• دو راه برای ایجاد یک تنوع Two ways to create a variation

• HTML، CSS و JS برای تست A/B HTML, CSS & JS for A/B testing

• برگه تقلب و منابع کد Cheat sheet & code resources

• ابزار رایگان برای این دوره Free tools for this course

HTML HTML

• HTML چیست What is HTML

• مبانی HTML HTML basics

• تگ های سربرگ Header tags

• برچسب های پاراگراف Paragraph tags

• لیست ها Lists

• پیوند به صفحه دیگری Link to a different page

• به همین صفحه لینک دهید Link to the same page

• تصاویر Images

• برچسب های خود بسته شونده Self-closing tags

• جداول Tables

• نمادها Symbols

• iframes iframes

• فیلدها و دکمه های ورودی Input fields and buttons

• سبک سازی متن Text styling

• نظرات Comments

• تگ های تقسیم و دهانه Division and span tags

• HTML را جمع کنید Wrap up HTML

• مسابقه HTML HTML quiz

CSS برای تست AB CSS for AB testing

• CSS چیست What is CSS

• CSS برای اصول اولیه تست AB CSS for AB testing basics

• انتخابگر CSS: کلاس ها و شناسه ها CSS selector: classes and ids

• انتخابگر CSS: ترکیبات CSS selector: combinations

• انتخابگر CSS: گزینه های اضافی CSS selector: additional options

• CSS در ابزارهای توسعه دهنده CSS in developer tools

• کدهای رنگ Color codes

• یک ظاهر طراحی متن CSS CSS text styling

• لیست ها Lists

• مدل جعبه CSS CSS boxmodel

• عرض و ارتفاع Width and height

• لایه گذاری Padding

• مرز ها Borders

• لبه Margin

• تمرین Boxmodel Boxmodel exercise

• نمایش دادن Display

• تثبیت موقعیت Positioning

• شناور Float

• شاخص Z Z-index

• کلاس ها و عناصر شبه Pseudo classes and elements

• داستان های رسانه Media queries

• CSS را جمع کنید Wrap up CSS

• امتحان CSS CSS quiz

جاوا اسکریپت (jQuery) برای تست AB Javascript (jQuery) for AB testing

• جاوا اسکریپت و جی کوئری چیست؟ What is Javascript & jQuery

• اصول اولیه jQuery برای تست AB jQuery for AB testing basics

• تست A/B با jQuery در Google Optimize A/B testing with jQuery in Google Optimize

• کتابخانه jQuery و تنظیم Google Optimize وجود ندارد Missing jQuery library and Google Optimize setup

• انتخاب عناصر با جی کوئری Selecting elements with jQuery

• تغییر متن و html Changing text and html

• تنظیم مجدد عناصر Rearrange elements

• عناصر را اضافه کنید Add elements

• حذف عناصر Remove elements

• CSS از طریق jQuery تغییر می کند CSS changes through jQuery

• کلاس ها و شناسه ها را اضافه کنید Add classes and ids

• تغییر ویژگی ها Change attributes

• روی تابع کلیک کنید Click function

• متغیرها Variables

• هر تابع Each function

• اگر بیانیه If statement

• اشکال زدایی Debugging

• مسائل مربوط به زمان بندی Timing issues

• محتوای پویا و برنامه های کاربردی یک صفحه Dynamic content & Single Page Applications

• تمرین 1: محتوا را تغییر دهید Exercise 1: Toggle content

• تمرین 2: آیتم اضافی منو Exercise 2: Extra menu item

• تمرین 3: نمایش پاپ آپ بعد از 10 ثانیه Exercise 3: Show pop-up after 10 seconds

• تمرین 4: تایمر شمارش معکوس Exercise 4: Countdown timer

• JS و jQuery را جمع کنید Wrap up JS and jQuery

• آزمون جی کوئری jQuery quiz

جمع آوری داده ها برای تست AB Data gathering for AB testing

• اهمیت داده های قابل اعتماد برای آزمایش AB Importance of trustworthy data for AB testing

• کنترل و تنوع Control and variation

• مشکلات زمان‌بندی رویدادهای Google Analytics Timing issues with Google Analytics events

• کد ردیابی رویداد برای تست A/B شما Event tracking code for your A/B test

• کنترل و تنوع GA4 Control and variation GA4

• رویدادهای اضافی Extra events

• نقشه های حرارتی Heatmaps

• نظرسنجی و ضبط Polls and recordings

• جمع آوری داده ها را جمع بندی کنید Wrap up data gathering

تضمین کیفیت برای تست AB Quality assurance for AB testing

• اهمیت QA Importance of QA

• راه اندازی ابزارهای تست A/B Setup of A/B testing tools

• تست A/A A/A test

• QA در آدرس IP QA on IP address

• QA روی کوکی QA on cookie

• جمع بندی تضمین کیفیت Wrap up quality assurance

متشکرم Thank you

• متشکرم Thank you