تسلط به Mermaid.js - دیاگرامها، نمودارها و مصورسازی داده
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- پیکربندی Mermaid.js در محیطهای مختلف و درک سینتکس شبیه به Markdown برای تعریف نمودارها
- سفارشیسازی ظاهر نمودارها با استایلدهی به عناصر مانند شکلها، رنگها، فونتها و اندازهها
- ایجاد انواع مختلف نمودار از جمله فلوچارتها، نمودارهای توالی، نمودارهای گانت، نمودارهای ER، نمودارهای حالت، نقشههای سفر کاربر و غیره
- رندر نمودارها برای استفاده در مستندات، ارائهها، نیازمندیها و غیره
- یکپارچهسازی نمودارهای Mermaid در وب اپلیکیشنها با اچ تی ام ال، سی اس اس و جاوا اسکریپت
- اعمال بهترین شیوهها برای سازماندهی و ساختاردهی نمودارهای پیچیده
- استفاده از Mermaid برای بهبود مستندات، ارتباطات و همکاری
- عیبیابی مشکلات و اشکالزدایی نمودارها
- استفاده از ویژگیها و قابلیتهای گسترده Mermaid برای رسم نمودار پیشرفته
پیشنیازهای دوره
دانشجو نیازی به داشتن تجربه برنامهنویسی برای یادگیری 80% از محتوای این ویدئو ندارد. 20% باقیمانده به مهارتهای اولیه برنامهنویسی مانند اچ تی ام ال، سی اس اس و جاوا اسکریپت نیاز دارد که برای دانشجویانی است که میخواهند آن را در وبسایت یا اپلیکیشن خود یکپارچهسازی کنند.
توضیحات دوره
Mermaid.js یک ابزار انقلابی برای ایجاد دیاگرامها و نمودارهای جذاب است که برای هر کسی از مهندسان نرمافزار تا مدیران پروژه مفید است. با یک سینتکس بسیار ساده شبیه به مارکداون، به کاربران اجازه میدهد که فلوچارتها، نمودارهای توالی، نمودارهای گانت، نمودارهای ER، نقشههای سفر، نمودارهای پای، تایملاین و موارد دیگر را به صورت انعطافپذیر و برنامهپذیر ایجاد کنند.
اگر به دنبال خلق اثرات بصری ماندگار در مستندات، ارائهها، مشخصات نیازمندی یا هر نوع ارتباط هستید، Mermaid.js سلاح مخفی جدید شماست. با قابلیتهای فراوان نموداری Mermaid، میتوانید ایدههای پیچیده، گردشکارها، نقشههای راه و الگوهای داده را به روشی جذاب و ماندگار به صورت بصری بیان کنید.
چه مهندس باشید و معماری سیستم را نقشهبرداری کنید، چه مدیر محصول باشید و سفرهای کاربر را مصورسازی کنید، یا طراح باشید و استوریبرد برای انیمیشنها درست کنید، Mermaid.js همان کتابخانه رسم نمودار همهکارهای است که منتظرش بودید. پتانسیل تیم خود را برای تفکر بصری و انتقال روایات پیچیده به روشی ساده اما عمیقاً تأثیرگذار شکوفا کنید. با Mermaid.js، امکانات بیپایانی وجود دارد!
این دوره برای چه کسانی مناسب است؟
- مهندسان نرمافزار - برای مصورسازی معماری، مستندسازی سیستمها، نقشهبرداری گردشکارها
- نویسندگان فنی نرمافزار - برای ایجاد راهنماهای کاربری با تصویرسازی، اسناد API و آموزشها
- مدیران محصول - برای رسم نقشههای راه محصول، سفرهای کاربر و نیازمندیها
- مدیران پروژه - برای رسم نمودار فرآیندها، وابستگیها، مایلستون با فلوچارتها و نمودارهای گانت
- تحلیلگران کسبوکار - برای مدلسازی فرآیندها، اهداف و گردشکارهای سازمانی
- مهندسان عملیات و DevOps - برای مستندسازی سیستمها، زیرساخت، جریانهای داده و Gitgraphs
- دانشمندان و تحلیلگران داده - برای نمایش مصورسازیها، نمودارها و گرافهای داده
- دانشگاهیان - برای ایجاد مطالب سخنرانی علمی و تکالیف با نمودارها
- دانشجویان - برای بهبود مستندات پروژههای فنی و مهندسی
- طراحان رابط کاربری و تجربه کاربری - برای طراحی گردشکارها، جریانهای کاربر، نقشههای سایت و نمونههای اولیه
- مشاوران - برای بیان راهحلها و توصیهها با نمودارها
- هر کسی که میخواهد مهارتهای ارتباط بصری خود را برای وضوح و همکاری بهبود بخشد.
تسلط به Mermaid.js - دیاگرامها، نمودارها و مصورسازی داده
-
به دوره Mermaid.js خوش آمدید 01:16
-
آشنایی با Mermaid.js 02:13
-
معرفی ویرایشگر زنده 07:24
-
کار با Vscode 02:09
-
کار با اچ تی ام ال - جاوا اسکریپت 02:51
-
کار با Jupyter Notebook 01:52
-
چرا از Mermaid.js استفاده کنیم؟ 04:34
-
آشنایی با فلوچارت 02:18
-
مبانی فلوچارت 03:24
-
جهتگیری و مدیریت خطا 02:59
-
کار با گرهها - متن گره 05:23
-
کار با لینکها 06:21
-
اطلاعات بیشتر در مورد کار با لینکها 05:25
-
کار با نمودارهای فرعی 05:09
-
تعاملپذیری گره فلوچارت 08:25
-
فلوچارت - استایلدهی به خطوط و گرهها 07:48
-
آشنایی با نمودار توالی 06:18
-
کاربردهای نمودار توالی 02:46
-
ایجاد و اتصال شرکتکنندگان 04:25
-
کار با پیامها، یادداشتها و نظرات 07:21
-
اطلاعات بیشتر در مورد آبجکتهای توالی 04:10
-
جعبه فعالسازی 08:09
-
فریم جایگزین 1 (Alt) 03:22
-
تمرین (بازیگران، شرکتکنندگان، پیامها و Alt) 07:14
-
فریم جایگزین 2 (موازی) 03:38
-
فریم جایگزین 3 (منطقه بحرانی) 02:36
-
اطلاعات بیشتر در مورد فریمها (حلقه و break) 03:29
-
گروهبندی و رنگآمیزی 06:23
-
تنظیمات پیکربندی برای نمودار توالی 02:57
-
آشنایی با نمودار کلاس 00:50
-
تعریف نمودار کلاس mp4. 02:31
-
رویتپذیری و انواع کلاس 04:14
-
رابطه کلاس 06:46
-
عناوین، برچسبهای یادداشت و نظرات 04:50
-
کاردینالیته - چندگانه 03:53
-
حاشیهنویسی کلاس 03:06
-
فضای نام و استایلدهی 03:06
-
استایلدهی اچ تی ام ال و سی اس اس 06:08
-
تعاملپذیری گره 11:10
-
آشنایی با نمودار حالت 02:13
-
نمودار اول ما 03:00
-
توصیف و برچسبگذاری نمودار 04:32
-
حالت ترکیبی 04:07
-
کار با چویس 04:44
-
فورک و جوین 03:07
-
استایلدهی به نمودار حالت 06:06
-
آشنایی با نمودار رابطه موجودیت 02:24
-
موجودیتهای ERD 04:00
-
رابطه - بخش 1 03:29
-
رابطه - بخش 2 04:59
-
استایلدهی به نمودار ER 04:58
-
آشنایی با نمودار سفر کاربر 02:10
-
سفر کاربر در Mermaid.js 03:35
-
تمرین 2 - مایک و شام سفر 03:20
-
تمرین 3 - بازخورد کسبوکار دندانپزشکی 03:00
-
آشنایی با گانت 01:29
-
نمودار گانت ساده 04:13
-
اضافه کردن وابستگیها و وضعیت 02:46
-
کار با تاریخ-زمان - بخش 1 05:15
-
کار با تاریخ-زمان - بخش 2 04:26
-
افزودن مایلستون و Compact 04:02
-
استایلدهی به نمودار گانت 04:13
-
کار با نمودار گانت 03:16
-
آشنایی با نمودار پای و نمودار نمونه 02:02
-
پیکربندیهای نمودار پای 03:33
-
آشنایی با نمودار نمودار چارک 00:52
-
بررسی نمودار نمودار چارک - بخش 1 03:07
-
بررسی نمودار نمودار چارک - بخش 2 02:18
-
استایلدهی به چارکها 03:52
-
تنظیمات پیکربندی 02:29
-
آشنایی با نمودار نیازمندی 00:45
-
بررسی نمودار نیازمندی 08:52
-
نمودار نیازمندی وباپلیکیشن 02:13
-
نمودار نیازمندی با قابلیتهای کامل 03:33
-
آشنایی با نمودار GitGraph 00:37
-
GitGraph در Mermaid Live 03:24
-
کار با برنچ - بخش 1 04:58
-
کار با برنچ - بخش 2 07:47
-
تنظیمات پیکربندی - بخش 1 02:34
-
تنظیمات پیکربندی - بخش 2 03:44
-
استایلدهی به Gitgraph - بخش 1 03:50
-
استایلدهی به Gitgraph - بخش 2 03:32
-
آشنایی با نمودار C4 04:21
-
نمودار کانتکس 14:16
-
نمودار کانتینر 11:30
-
نمودار کامپوننت 04:58
-
نمودار کد 01:00
-
نمودار پویا 02:05
-
نمودار استقرار 04:51
-
آشنایی با نمودار نقشه ذهنی 00:38
-
شروع با نمودار نقشه ذهنی 03:34
-
شکلهای گره 04:09
-
افزودن آیکونها و کاراکترهای خاص 05:23
-
آشنایی با نمودار تایملاین 00:34
-
شروع کار 02:00
-
توصیف و گروهبندی تایملاینها 02:21
-
استایلدهی پیکربندی 04:13
-
آشنایی با نمودار ZenUML 01:22
-
آشنایی با نمودار سانکی 01:57
-
سانکی در عمل 04:17
-
اطلاعات بیشتر در مورد سانکی 04:36
-
آشنایی با نمودار XYChart 01:05
-
کار با نوار و نمودار 04:05
-
پیکربندی سانکی 04:06
مشخصات آموزش
تسلط به Mermaid.js - دیاگرامها، نمودارها و مصورسازی داده
- تاریخ به روز رسانی: 1404/06/14
- سطح دوره:مقدماتی
- تعداد درس:104
- مدت زمان :06:59:40
- حجم :3.67GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy