آموزش SAP - توسعه حرفه ای SAPUI5 را بیاموزید

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

مقدمه دوره Introduction To Course

• معرفی دوره Introduction to the course

پیش نیازهای استفاده از این دوره و لینک ها Prerequisites For Using This Course and Links

• ***مهم - پیوندها به منابع کد **** ***Important - Links to Code Resources ****

• پيش نياز Prerequisite

منابع و فایل های تمرین Resources and Exercise Files

• همه کد توسعه و فایل های تمرین All Development Code and Exercise Files

مبانی SAP UI5 SAP UI5 Basics

• SAPUI5 چیست؟ What Is SAPUI5

• کتابخانه های UI5 UI5 Libraries

• برنامه SAP UI5 و Fiori SAP UI5 App and Fiori

• راه اندازی محیط توسعه Setting Up The Development Environment

• برنامه Hello World را در UI5 ایجاد کنید Create Hello World App In UI5

• مبانی SAP UI5 SAP UI5 Basics

استفاده از Wireframe و کنترل جریان در برنامه Use Of Wireframe and Control Flow In App

• یک برنامه ساده ایجاد کنید Create a Simple App

• ایجاد اپلیکیشن ساده Simple App Creation

• جریان کنترل برنامه ساده Simple Application Control Flow

• استفاده از MVC و گسترش برنامه Usage of MVC and Extending the Application

• دو صفحه برنامه Wireframe و کدنویسی در Eclipse Two Page App Wireframe and Coding in Eclipse

• Wireframing و جریان کنترل برنامه Wireframing and app control flow

اجزای اصلی UI5 و Databinding Major UI5 Components and Databinding

• طراحی یک فرم ساده با عناصر UI5 - قسمت 1 Designing a Simple Form With UI5 Elements - Part 1

• طراحی یک فرم ساده با عناصر UI5 - قسمت 2 Designing a Simple Form With UI5 Elements - Part 2

• مفهوم اتصال داده ها Concept of Data Binding

• حالت های صحافی Binding Modes

• اتصال داده ها با استفاده از برنامه ساده Data Binding Using Simple App

• لیست پایه Basic List

• لیست جمع آوری الزام آور List Aggregation Binding

• جدول sap.m sap.m Table

• جدول sap.ui sap.ui Table

• کاشی های پایه Tiles Basic

• کاشی با صحافی Tiles With Binding

• Data Binding Factory Function با استفاده از فهرست Data Binding Factory Function Using List

• مدل به نام Named Model

• اجزای اصلی UI5 و Databinding Major UI5 Components and Databinding

با استفاده از جعبه ابزار توسعه کروم Using Chrome Development Toolkit

• Chrome Dev Tolkit Part1- Element Tab و Style Tab Chrome Dev Tolkit Part1- Element Tab and Style Tab

• جعبه ابزار توسعه Chrome Part2 - تب کنسول، برگه منبع و برگه شبکه Chrome dev toolkit Part2 - Console Tab, Source Tab and Network Tab

• سازگاری مرورگر Browser Compatibility

• جعبه ابزار توسعه کروم Chrome Development Toolkit

یک ظاهر طراحی و تم برای برنامه UI5 Styling And Theming For UI5 App

• تمرین یک ظاهر طراحی شده با برنامه ساده ما Styling Exercise with our Simple App

• Deep Dive in Styling for Form Element - قسمت 1 Deep Dive in Styling for Form Element - Part 1

• شیرجه عمیق در استایل سازی برای عنصر فرم - قسمت 2 Deep dive in Styling for Form Element - Part 2

• طراح تم Theme Designer

• استایل و تم Styling and Theming

استفاده از رویدادها و مدیریت رویدادها Using Events and Handling Events

• رویدادهای اساسی Basic Events

• استفاده از مطالعه موردی رویداد برای پروژه واقعی بخش 1 - لیست Using event case study for real project part 1 - List

• استفاده از مطالعه موردی رویداد برای پروژه واقعی قسمت 2 - لیست Using event case study for real project part 2 - List

• عملکرد شنونده رویداد فراخوانی Calling Event Listener Function

• رویداد در جدول Event in Table

• مدیریت رویداد پیشرفته Advanced Event Handling

• رویداد ثبت و حباب Event Capturing and Bubbling

• مناسبت ها Events

کنترل های متفرقه در UI5 Miscellaneous Controls In UI5

• استفاده از کنترل UX3 (شل). Use of UX3(Shell) Control

• استفاده از قطعات Use of Fragments

• استفاده از برنامه Split Screen Use of Split Screen Application

عناصر بهبود برنامه App Improvement Elements

• فرمت کننده ها Formatters

• بومی سازی و بین المللی سازی Localization and Internationalization

• بهبود برنامه و کنترل های متفرقه App Improvement and Miscellaneous Controls

تجسم داده ها با استفاده از UI5 Data Visualization using UI5

• نمودار نواری VizFrame VizFrame Bar Chart

• نمودارهای پای Pie Charts

• کاشی های KPI KPI Tiles

• تجسم Visualization

پروژه نهایی و خداحافظ Final Project and Goodbye

• تکلیف نهایی Final Assignment

• راه حل تکلیف نهایی Final Assignment Solution

• خداحافظ Good Bye

امتیاز: ادغام SAP Gateway با SAP UI5 - استقرار خدمات سناریوی زنده Bonus: Integrating SAP Gateway with SAP UI5 - deploying services live scenario

• راه اندازی اولیه برای برنامه SAPUI5 CRUD Basic setup for SAPUI5 CRUD App

• اجرای برنامه برای مشاهده نحوه عملکرد حذف، ایجاد، به‌روزرسانی Running App to see how delete, create, update works

• به اشتراک گذاری پروژه SAPUI5 در SAP Sharing SAPUI5 Project into SAP

• خلاصه Summary

به روز رسانی 2019 - SAPUI5 با Web IDE، Git و لانچ پد Fiori Update 2019 - SAPUI5 With Web IDE, Git and Fiori Launchpad

• دستورالعمل این دوره Instructions for this course

• راه اندازی نسخه شخصی Web IDE Setting up Personal Version of Web IDE

• ایجاد یک برنامه پایه با استفاده از الگوی Web IDE و خدمات Backend Creating a Basic App Using Web IDE Template and Backend Services

• استقرار برنامه در سیستم SAP® و اجرای برنامه از آن Deploying the App into SAP® System and Executing the App from it

• استقرار برنامه در لانچپد Fiori® Deploying the App to Fiori® Launchpad

• استقرار یک برنامه پایه UI5 در Github - Basic of Git Setting Deploying a Basic UI5 App into Github - Basic of Git Setting

درباره UI5CN و مربی شما About UI5CN and Your Instructor

• درباره UI5CN و مربی شما About UI5CN and Your Instructor