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

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

مقدمه Introduction

• مقدمه Introduction

ایجاد یک حساب Oracle Cloud Create a Oracle Cloud account

• ایجاد یک حساب کاربری انفرادی Free Tier Create a Free Tier Individual account

(اختیاری) نحوه دسترسی به نمونه Visual Builder خود (OPTIONAL) How to access your Visual Builder instance

• مروری بر تهیه نمونه Oracle Integration 3 Overview on provisioning Oracle Integration 3 Instance

• فعال کردن Visual Builder در نمونه Oracle Integration 3 Enable Visual Builder in Oracle Integration 3 instance

• مروری بر تهیه نمونه standalone VB Overview on provisioning standalone VB instance

شروع کار با برنامه‌های Visual Builder Getting started with Visual Builder applications

• ایجاد اولین برنامه Visual Builder خود Create your first Visual Builder application

• (اختیاری) ایجاد اولین برنامه VB خود با Visual Builder Studio (OPTIONAL) Create your first VB application with Visual Builder Studio

• مروری بر ساختار فایل WebApp در Visual Builder Overview of WebApp file structure in Visual Builder

• مروری بر طراح برنامه Visual Builder Visual Builder application designer overview

• صفحه Shell و معماری single page index.html در OJET چیست؟ What is Shell Page and single page index.html architecture of OJET ?

• (اختیاری) اسناد و منابع مفید VB (OPTIONAL) Helpful VB docs and resources

یادگیری بلوک‌های سازنده Visual Builder Learning the building blocks of Visual Builder

• کشیدن و رها کردن کامپوننت متن bind به یک صفحه Drag and drop bind text component to a page

• ایجاد یک متغیر و اختصاص مقدار به یک کامپوننت Create a variable and assign value to a component

• متغیر و نوع در Visual Builder Variable and Type in Visual Builder

• دریافت ورودی از کاربر با کامپوننت input text Get input from user with input text component

• تفاوت بین براکت‌های {{ }} و [[ ]] Difference between {{ }} and [[ ]] brackets

• ثابت‌ها و کاربرد آنها Constants and their use

• زنجیره عمل (Action chain) Action chain

• انواع رویدادها Types of events

• تابع JavaScript JavaScript function

• تابع JavaScript در محدوده application JavaScript function at application scope

• رفتن از یک صفحه به صفحه دیگر Navigate from one page to another

• Stage کردن یک برنامه Stage an application

• انتشار یک برنامه Publish an application

• (تمرین) ایجاد یک برنامه ماشین حساب (Assignment) Create a calculator application

شیء تجاری (مبانی) Business Object (Basics)

• ایجاد اولین شیء تجاری Create first Business Object

• افزودن داده در شیء تجاری Add data in Business Object

• Export و Import شیء تجاری با فایل Export and Import Business Object with file

• Import شیء تجاری با فایل .csv Import Business Object with .csv file

• ایجاد رابطه بین اشیاء تجاری Create relationship between Business Objects

(اختیاری) ویژگی‌های شیء تجاری (OPTIONAL) Business Object features

• Import برنامه VB با فایل .zip Import VB app with .zip file

• ایجاد یک ردیف داده جدید در شیء تجاری Create a new data row in Business Object

• ایجاد یک فیلد فرمول در شیء تجاری Create a formula field in Business Object

• ایجاد یک فیلد تجمیع در شیء تجاری Create a aggregation field in Business Object

• ایجاد فیلد بر اساس فرمول با iterator Create field based on formula with iterator

• ایجاد فیلد بر اساس فرمول با iterator شرطی Create field based on formula with conditional iterator

• قانون تجاری: Object Trigger Business Rule : Object Trigger

• قانون تجاری: Field Trigger Business Rule : Field Trigger

• قانون تجاری: Object Validator Business Rule : Object Validator

• قانون تجاری: Field Validator Business Rule : Field Validator

• قانون تجاری: Object Function Business Rule : Object Function

• API های REST برای شیء تجاری REST API's for Business Object

یادگیری کامپوننت‌های VB با تم Redwood Learning VB components with Redwood template

• مروری بر طراحی Redwood و ایجاد اولین برنامه Redwood Overview of Redwood design and create a first Redwood application

• (تمرین) ایجاد شیء تجاری در برنامه Redwood VB (Assignment) Create Business Object in Redwood VB app

• کامپوننت Table برای نمایش داده‌های شیء تجاری Table component to show Business Object data

• Search slot در تم صفحه Welcome و استفاده از query parameter در شیء تجاری Search slot in Welcome page template and use query parameter on Business Object

• ایجاد، به‌روزرسانی، حذف و دریافت جزئیات از شیء تجاری در کامپوننت Table Create, Update, Delete and get Details from Business Object in Table component

• ایجاد یک صفحه Item Overview برای نمایش دپارتمان‌ها و کارمندان آنها Create a Item Overview page for showing department and their employees

• رفتن از یک صفحه به صفحه دیگر (تم صفحه Item Overview) Navigate from one page to another (Item Overview page template)

• کامپوننت List view برای نمایش داده List view component to show data

• استفاده از متغیر Array Data Provider برای پر کردن کامپوننت collection Using Array Data Provider variable to populate the collection component

• کامپوننت Form Layout Form Layout component

• کامپوننت Toolbar و OJET cookbook Toolbar component and OJET cookbook

• Center align کردن دکمه‌ها در toolbar Center align the buttons within toolbar

• دکمه‌های اصلی و ثانویه در صفحات redwood Primary and secondary buttons in redwood pages

• کامپوننت Dialog Dialog Component

• کامپوننت Drawer Drawer component

• ارجاع به خصوصیات CSS با استفاده از فایل app.css در برنامه Redwood Refer CSS properties using app.css file in Redwood application

اتصال سرویس (Service Connection) Service Connection

• ایجاد اتصال سرویس برای فراخوانی REST API endpoint Create service connection to call REST API endpoint

• ایجاد Backend Create backend

• فراخوانی Integration با اتصال سرویس Calling Integration with service connection

• فراخوانی Fusion REST API Calling Fusion REST API

طراحی واکنش‌گرا (Responsive Design) Responsive design

• مبانی طراحی واکنش‌گرا در Visual Builder، oj-flex، oj-flex-item Basics of responsive design in Visual Builder, oj-flex, oj-flex-item

• oj-sm-flex-items-initial و oj-sm-flex-initial oj-sm-flex-items-initial and oj-sm-flex-initial

• oj-size-flex-items-1 و oj-size-flex-1 oj-size-flex-items-1 and oj-size-flex-1

• oj-size-flex-items-0 و oj-size-flex-0 oj-size-flex-items-0 and oj-size-flex-0

• Flex justify (oj-sm-justify-content-center, end, space-between, space-around) Flex justify (oj-sm-justify-content-center, end, space-between, space-around)

• Flex Align (oj-sm-align-items-center, start, end) Flex Align (oj-sm-align-items-center, start,end)

چرخه حیات برنامه (Application Lifecycle) Application Lifecycle

• ویرایش برنامه live، نسخه جدید Edit live app, New version

• قفل کردن، باز کردن قفل برنامه Lock, Unlock application

• تغییر نام یک برنامه Renaming an application

• تکرار یک برنامه Duplicate an application

• حذف یک برنامه Delete an application

• اجازه دسترسی ناشناس به یک کاربر Allow anonymous access to a user

• اجازه دسترسی ناشناس به یک شیء تجاری Allow anonymous access to a Business Object

فرگمنت‌ها (Fragments) Fragments

• ایجاد فرگمنت Create fragment

• ارسال مقدار از صفحه به فرگمنت Pass value from page to fragment

• ارسال مقدار از فرگمنت به صفحه حاوی Pass value from fragment to containing page

جدول قابل ویرایش (Editable Table) Editable Table

• ایجاد متغیر نوع BDP Create BDP type variable

• ایجاد جدول قابل ویرایش با استفاده از متغیر BDP Create editable table using BDP variable

• ایجاد table before row edit event listener Create table before row edit event listener

• ایجاد table before row edit end event listener Create table before row edit end event listener

• رفع مشکل با get submittable items Fixing issue with get submittable items

• حذف آیتم Delete Item

• Logging BDP get submittable items Logging BDP get submittable Items

• افزودن آیتم Add Item

• ذخیره تغییرات در برنامه منبع (افزودن، به‌روزرسانی، حذف) Save changes back to source application (Add, Update, Remove)

نقش‌های کاربری Visual Builder Visual Builder User Roles

• مروری بر نقش‌های کاربری VB Overview on VB User roles

کامپوننت‌های پویا (Dynamic Components) Dynamic Components

• جدول پویا (داده از اتصال سرویس) Dynamic Table (Data from service connection)

• جدول پویا (داده از شیء تجاری) Dynamic Table (Data from Business Object)

• فرم پویا Dynamic Form

(اختیاری) CORS و Visual Builder Proxy چیست؟ (OPTIONAL) What is CORS and Visual Builder Proxy ?

• مروری بر CORS و Visual Builder Proxy برای اتصال سرویس CORS and Visual Builder Proxy overview for service connection

پیاده‌سازی صفحه‌بندی (Implement Pagination) Implement Pagination

• (اختیاری) ساخت integration برای دریافت رکوردهای پایگاه داده در دسته‌ها (batches) (Optional) Build integration to fetch database records in batches

• افزودن صفحه‌بندی به کامپوننت table در برنامه Visual Builder با SDP Add Pagination to table component in Visual Builder application with SDP

کتابخانه جاوااسکریپت خارجی External JavaScript library

• ارجاع به کتابخانه جاوااسکریپت خارجی در برنامه VBCS با index.html، app-flow.json Refer external JavaScript library in VBCS app with index.html, app-flow.json

مبانی و مروری بر ORDS (Oracle REST Data Services) برای VB Basics and overview of ORDS (Oracle REST Data Services) for VB

• ایجاد و مصرف ORDS REST API برای جدول پایگاه داده در VB Create and consume ORDS REST API for database table in VB

• فعال کردن OAuth credentials برای ORDS REST APIs Enable OAuth credentials for ORDS REST APIs

جاسازی صفحات وب آنلاین در صفحه VB Embed online web pages within VB page

• جاسازی Google maps در یک صفحه VB Embed Google maps in a VB page

(اختیاری) جاسازی صفحه وب Visual Builder در Oracle SaaS / Fusion Cloud (OPTIONAL) Embed Visual Builder Web Page in Oracle SaaS / Fusion Cloud

• جاسازی صفحه Visual builder در SaaS / Fusion با Page Integration Embed Visual builder page in SaaS / Fusion with Page Integration

• تمرین: جاسازی برنامه Employee در Fusion با URL سفارشی‌شده Assignment: Embed Employee application in Fusion with customized URL

نکات و ترفندها برای کامپوننت‌ها Tips and Tricks for Components

• جستجوی هوشمند (Smart Search) Smart Search

• Collection Container Collection Container

SaaS VB / AppUI (Oracle SaaS / Fusion Visual Builder) SaaS VB / AppUI (Oracle SaaS / Fusion Visual Builder)

• اجرای Visual Builder از Fusion / Oracle SaaS instance Launch Visual Builder from Fusion / Oracle SaaS instance

• ایجاد یک AppUI و انتشار Create an AppUI and publish

• ایجاد AppUI با File Import (workspace / git repository) Create AppUI with File Import (workspace / git repository)

• ارجاع به کتابخانه JavaScript خارجی در AppUI Refer External JavaScript library in AppUI

کامپوننت Combobox Combobox Component

• مبانی کامپوننت Combobox Basics of Combobox component

• نمایش تصویر / آیکون با برچسب در لیست Show image / icon with label in the List

• استفاده از for-each-bind Using for-each-bind

• نحوه استفاده از option renderer How to use option renderer

تبریک!!! Congratulations!!!

• تبریک!!! و با تشکر از ثبت نام شما Congratulations!!! and Thank You for enrolling