درسنامه
lesson-noteکامپوننتقالب درسنامهی متنی با اهداف یادگیری و زمان مطالعه، کادرهای نکته، تعریف، مثال و اشتباه رایج، فرمول چپبهراست و واژهنامه.
فصل ۲ · درس ۳
دایرهی مثلثاتی و تابع سینوس
زمان مطالعه: ۷ دقیقه
در این درس یاد میگیرید
- سینوس هر زاویه را روی دایرهی مثلثاتی پیدا کنید
- توضیح دهید چرا سینوس همیشه بین منفی ۱ و ۱ است
دایرهای به مرکز مبدأ مختصات و شعاع ۱ را دایرهی مثلثاتی میگویند. اگر نقطهی P به اندازهی زاویهی θ از جهت مثبت محور xها بچرخد، عرض آن برابر سینوس θ است.
واژههای کلیدی
- دایرهی مثلثاتیunit circle
- دایرهای به شعاع ۱ که مرکزش مبدأ مختصات است.
- رادیانradian
- زاویهای که کمانی به طول شعاع روبهرویش باشد؛ هر ۱۸۰ درجه برابر π رادیان است.
- دورهی تناوبperiod
- کوتاهترین فاصلهای که نمودار بعد از آن خودش را تکرار میکند.
نصب
با CLI
اگر هنوز init نکردید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور کامپوننت و وابستگیهاش را مینویسه.
$ npx vibefarsi add lesson-noteنصب دستی
محتوای تب «کد» را در
components/ui/lesson-note.tsxبگذارید.$ npm i lucide-reactکپی کل فایلregistry json
استفاده
usage.tsx
1import { LessonNote, Callout, Formula, KeyTerms } from "@/components/ui/lesson-note"23<LessonNote4 eyebrow="فصل ۲ · درس ۳"5 title="سرعت متوسط و سرعت لحظهای"6 minutes={8}7 objectives={["فرق سرعت متوسط و لحظهای را بگویید", "سرعت را از روی نمودار مکان-زمان بخوانید"]}8>9 <p>سرعت متوسط یعنی جابهجایی تقسیم بر مدت زمان.</p>10 <Formula caption="رابطهی ۲-۱">v̄ = Δx / Δt</Formula>11 <Callout kind="example">خودرویی ۱۲۰ کیلومتر را در ۲ ساعت میرود؛ سرعت متوسطش ۶۰ کیلومتر بر ساعت است.</Callout>12 <Callout kind="warning">سرعت متوسط میانگین سرعتها نیست.</Callout>13 <KeyTerms terms={[{ term: "جابهجایی", en: "displacement", desc: "فاصلهی مستقیم نقطهی شروع تا پایان، با جهت." }]} />14</LessonNote>پراپها
| پراپ | نوع | پیشفرض | توضیح |
|---|---|---|---|
| LessonNote | { title; eyebrow?; minutes?; objectives? } | - | پوستهی مقاله با سربرگ، کادر «در این درس یاد میگیرید» و متن با ارتفاع خط خواندنی. |
| Callout kind | "tip" | "definition" | "example" | "warning" | "summary" | "quote" | "tip" | نکته، تعریف، مثال، اشتباه رایج، جمعبندی، نقلقول. title برچسب را عوض میکنه. |
| Formula | { caption?; inline? } | - | فرمول در جعبهی LTR؛ inline برای وسط جمله. |
| KeyTerms | { terms: { term; en?; desc }[]; title? } | - | واژهنامه با معادل انگلیسی LTR. |
نکتههای راستچین
- فرمول و معادل انگلیسی داخل bdi با dir="ltr" هستن تا ترتیب کلمات جملهی فارسی بههم نریزه.
- نوار رنگی کادرها با border-s است، پس در RTL سمت راست مینشینه.
- متن درسنامه ارتفاع خط ۱٫۹ دارد (خواندن طولانی)، سربرگها فشرده.