خوش آمدید، خوش آمدید! این دوره به شما میآموزد که چگونه میتوانید برنامههای وب را با یک فریمورک جذاب جاوا اسکریپت UI به نام Svelte شروع کنید.
آنچه خواهید آموخت:
آیا تا به حال فکر کردهاید که معامله چیست؟ با Svelte و نحوه استفاده از آن؟ در این دوره، Svelte: Getting Started، یاد خواهید گرفت که از اصول یک فریمورک جذاب جاوا اسکریپت UI به نام Svelte استفاده کنید. ابتدا، راهاندازی طرحبندی UI را بررسی خواهید کرد. در مرحله بعد، خواهید فهمید که چگونه تعامل را به طرحهای خود اضافه کنید. در نهایت، نحوه اتصال دادههای پویا را خواهید آموخت. وقتی این دوره را به پایان رساندید، مهارتها و دانش Svelte مورد نیاز برای شروع استفاده از آن را خواهید داشت.
نمونه ویدیوی آموزشی ( زیرنویسها جدا از ویدیو است و میتوانید آنرا نمایش ندهید ) :
[ENGLISH]
01 Course Overview [1min]
01-01 Course Overview [1mins]
02 Understand the Svelte Value Proposition [8mins]
02-01 Welcome [1mins]
02-02 What Is Different About Svelte? [1mins]
02-03 No Runtime [1mins]
02-04 No Virtual DOM [3mins]
02-05 Other Upsides [2mins]
03 Set up to Write Svelte Code [13mins]
03-01 Local Environment Prerequisites [1mins]
03-02 Set up Svelte in VSCode [2mins]
03-03 Set up Svelte in Vim [4mins]
03-04 Explore the Svelte Template [3mins]
03-05 Start a Svelte Project with the Template [3mins]
04 Build Your First Svelte Components [24mins]
04-01 Demo Intro [1mins]
04-02 Start the Project [1mins]
04-03 Start the Library Component [3mins]
04-04 Setup Static Assets [1mins]
04-05 Divide the Library Component [1mins]
04-06 Components with Slots [1mins]
04-07 Components with Props [2mins]
04-08 Iterate with an #each Block [2mins]
04-09 Interpolate Data in Markup [2mins]
04-10 A Prop Shorthand [1mins]
04-11 Conditionals with #if Blocks [2mins]
04-12 Scoped Component CSS [2mins]
04-13 Fetch Data in a Component Lifecycle Hook [5mins]
05 Add Interactivity to Svelte UIs [31mins]
05-01 Demo Re-intro [1mins]
05-02 Listen for DOM Events [2mins]
05-03 Add Parameters to DOM Events [2mins]
05-04 Pass Data to Parents in Callbacks [3mins]
05-05 Name Callbacks Semantically [2mins]
05-06 Emit Component Events [3mins]
05-07 If-else for Temporary Routing [2mins]
05-08 Pass Props with Spread Attributes [1mins]
05-09 Ready Detail Page for Layout [3mins]
05-10 Components with Boolean Props [2mins]
05-11 Forwarding DOM Events [1mins]
05-12 Update Data with Reactive Assignment [2mins]
05-13 Routing with Svelte-routing [7mins]
06 Bind Forms to Data in Svelte [18mins]
06-01 Demo Re-intro [1mins]
06-02 Set up Create Page Layout [1mins]
06-03 Listen to an Input Field DOM Event [2mins]
06-04 Run Reactive Statements When Variables Change [2mins]
06-05 Bind to an Input Field [2mins]
06-06 Make a Reusable Text Input [3mins]
06-07 Compute Properties with Reactive Declarations [2mins]
06-08 Use an Event Modifier in Form Submission [2mins]
06-09 Persist User Input [3mins]
07 Prepped to Build [5mins]
07-01 What We’ve Learned [2mins]
07-02 What’s Left [1mins]
07-03 Where to Go Next [2mins]
[فارسی]
01 نمای کلی دوره [1 دقیقه]
01-01 بررسی اجمالی دوره [1 دقیقه]
02 گزاره ارزش شیک را درک کنید [8 دقیقه]
02-01 خوش آمدید [1 دقیقه]
02-02 Svelte چه تفاوتی دارد؟ [1 دقیقه]
02-03 بدون زمان اجرا [1 دقیقه]
02-04 بدون DOM مجازی [3 دقیقه]
02-05 سایر نقاط مثبت [2 دقیقه]
03 تنظیم برای نوشتن کد Svelte [13 دقیقه]
03-01 پیش نیازهای محیطی محلی [1 دقیقه]
03-02 Svelte را در VSCode تنظیم کنید [2 دقیقه]
03-03 Svelte را در Vim راه اندازی کنید [4 دقیقه]
03-04 الگوی Svelte را کاوش کنید [3 دقیقه]
03-05 یک پروژه Svelte را با الگو شروع کنید [3 دقیقه]
04 اولین اجزای شیک خود را بسازید [24 دقیقه]
04-01 معرفی نسخه نمایشی [1 دقیقه]
04-02 شروع پروژه [1 دقیقه]
04-03 شروع مؤلفه کتابخانه [3 دقیقه]
04-04 راه اندازی داراییهای ثابت [1 دقیقه]
04-05 تقسیم مؤلفه کتابخانه [1 دقیقه]
04-06 اجزای دارای اسلات [1 دقیقه]
04-07 اجزای دارای لوازم جانبی [2 دقیقه]
04-08 تکرار با یک #هر بلوک [2 دقیقه]
04-09 درون یابی دادهها در نشانه گذاری [2 دقیقه]
04-10 کوتاه نویسی پایه [1 دقیقه]
04-11 شرایط با #if Blocks [2 دقیقه]
04-12 CSS کامپوننت محدوده [2 دقیقه]
04-13 واکشی دادهها در یک قلاب چرخه حیات کامپوننت [5 دقیقه]
05 افزودن تعامل به رابطهای کاربری Svelte [31 دقیقه]
05-01 معرفی مجدد نسخهی نمایشی [1 دقیقه]
05-02 گوش دادن به رویدادهای DOM [2 دقیقه]
05-03 افزودن پارامترها به رویدادهای DOM [2 دقیقه]
05-04 انتقال دادهها به والدین در پاسخ به تماس [3 دقیقه]
05-05 نامگذاری تماسها از نظر معنایی [2 دقیقه]
05-06 انتشار رویدادهای مؤلفه [3 دقیقه]
05-07 در غیر این صورت برای مسیریابی موقت [2 دقیقه]
05-08 پاسپورت با ویژگیهای گسترش [1 دقیقه]
05-09 صفحه جزئیات آماده برای طرحبندی [3 دقیقه]
05-10 کامپوننتهای دارای Props Boolean [2 دقیقه]
05-11 بازارسال رویدادهای DOM [1 دقیقه]
05-12 به روز رسانی دادهها با انتساب واکنشی [2 دقیقه]
05-13 مسیریابی با Svelte-routing [7 دقیقه]
06 اتصال فرمها به دادهها در Svelte [18 دقیقه]
06-01 معرفی مجدد نسخهی نمایشی [1 دقیقه]
06-02 راهاندازی ایجاد طرحبندی صفحه [1 دقیقه]
06-03 گوش دادن به یک رویداد DOM فیلد ورودی [2 دقیقه]
06-04 اجرای عبارات واکنشی هنگام تغییر متغیرها [2 دقیقه]
06-05 اتصال به یک فیلد ورودی [2 دقیقه]
06-06 ایجاد یک ورودی متنی قابل استفاده مجدد [3 دقیقه]
06-07 محاسبه خواص با اعلانهای واکنشی [2 دقیقه]
06-08 استفاده از اصلاح کننده رویداد در ارسال فرم [2 دقیقه]
06-09 ورودی مداوم کاربر [3 دقیقه]
07 آماده ساخت [5 دقیقه]
07-01 آنچه آموختیم [2 دقیقه]
07-02 آنچه باقی مانده است [1 دقیقه]
07-03 کجا بریم بعدی [2 دقیقه]
او در قلب یک خالق است که هنر، موسیقی و نرمافزار میسازد. او مفتخر به کار با تیمهای با استعداد و کمک به اهداف بزرگ و محصولات مفید است و امیدوار است که کارهای بیشتری را انجام دهد.