دوره آموزشی فریمورک شیرپوینت برای توسعه دهندگان: بخش اول درک زنجیره ابزار

جزئیات دوره

SharePoint Framework (SPFx) به توسعه دهندگان اجازه می دهد شیرپوینت آنلاین و شیرپوینت را در محل، از طریق بخش های وب یا برنامه های افزودنی گسترش دهند. قبل از غواصی در SPFx، باید بر زنجیره ابزار تسلط داشته باشید - فناوری هایی مانند Node.js، npm، Gulp، TypeScript، webpack، Yeoman، Sass و غیره. مربی ساحل مالک از این دوره مقدماتی برای کشف زنجیره ابزار استفاده می کند. او نحوه نوشتن کد اصلی Node.js را نشان می دهد. بسته‌بندی تصاویر، CSS و برنامه‌ها با بسته وب. از ژنراتورهای Yeoman استفاده کنید. و TypeScript و Sass را ادغام کنید. توسعه دهندگانی که از قبل با این ابزارها آشنا هستند، می توانند به پایان دوره بروند، جایی که Sahil نحوه راه اندازی یک محیط توسعه کامل SPFx را نشان می دهد.

اهداف یادگیری
مقدمه ای بر SPFx
نصب Node.js و npm
نوشتن کد و اسکریپت مبتنی بر Node.js
استفاده از بسته وب برای بسته‌بندی CSS، تصاویر و برنامه‌های قابل توزیع
استفاده از ژنراتورهای Yeoman
کار با TypeScript و Sass
محیط توسعه SPFx خود را تنظیم کنید

سرفصل ها

0. مقدمه

01 - خوش آمدید
02 - آنچه باید بدانید
03 - استفاده از فایل‌های تمرین

1. مبانی

04 - مقدمه ای بر SPFx
05 - مفاهیم اساسی مهم برای یادگیری

2. Node.js و npm

06 - مقدمه ای بر Node.js و npm
07 - Node.js را نصب کنید
08 - به روز رسانی npm
09 - نخ را نصب کنید
10 - یک پروژه جدید مبتنی بر گره ایجاد کنید
11 - استفاده از Yarn برای نصب وابستگی ها
12 - کد و اسکریپت مبتنی بر Node.js را بنویسید

3. بسته وب

13 - معرفی و نیاز به وب پک
14 - نمونه ای از شکستن وب سایت ساده بدون وب پک
15 - نمونه ای از وب پک رفع مشکل اسکریپت‌های وابسته به یکدیگر
16 - از webpack.config.js استفاده کنید
17 - از وب پک برای بسته بندی CSS استفاده کنید
18 - از بسته وب برای بسته بندی تصاویر استفاده کنید
19 - از webpack برای ایجاد نسخه‌های قابل توزیع برنامه ما استفاده کنید

4. یومن

20 - یئومان چیست
21 - جستجوی ژنراتورهای Yeoman
22 - یک ژنراتور به صورت جهانی نصب کنید و یک اپلیکیشن تولید کنید
23 - استفاده از ژنراتور Yeoman نصب شده محلی

5. TypeScript

24 - TypeScript چیست
25 - یک پروژه TypeScript ساده راه‌اندازی کنید
26 - ترجمه TypeScript و نقشه‌های منبع
27 - بررسی نوع TypeScript و فایل‌های .d.ts
28 - ماژول‌های TypeScript و تغییر نام ماژول ها
29 - کلاس‌های TypeScript ES3 در مقابل ES2015

6. ساس

30 - ساس چیست
31 - متغیرهای Sass
32 - Sass mixins
33 - ساس امتداد می‌یابد
34 - لانه سازی ساس
35 - عملیات Sass
36 - توابع Sass
37 - توابع سفارشی Sass
38 - Import ساس

7. SPFx Dev Environment خود را تنظیم کنید

39 - اجاره آفیس 365 خود را تنظیم کنید
40 - Node.js، Yarn و npm را نصب کنید
41 - Yeoman و gulp را نصب کنید
42 - ویژوال استودیو کد را نصب کنید
43 - ژنراتور SPFx Yeoman را به صورت محلی نصب کنید
44 - ژنراتور SPFx Yeoman را به صورت جهانی نصب کنید
45 - از Yarn برای نصب وابستگی‌های پروژه با SFPx استفاده کنید

نتیجه

46 - مراحل بعدی
47 - منابع SPFx