How to learn VBCS as beginner

General approach and topics to learn in VBCS

  1. Basics of VBCS
    • What is VBCS?
    • Why is it used?
  2. What are application, page, and flow scopes?
    • Which scope is used when
    • Identifying default flow / default page
  3. How to connect to other systems
    • Using service connections
      • OIC-related connections: call an integration on a button and click from VBCS page
      • SaaS-related connections: call some fusion API on button click and populate in a table
      • Some direct APIs — call some external API to other than OIC or SaaS API
    •  In Service connections, understand different type of authentication methods, like basic authentication / OAuth.
    • Try to call REST APIs with different types of http methods ( GET, POST, PUT, PATCH, DELETE )
  4. How to store data
    • Import and export data from business object using inbuilt data manager
    • Create business objects with different types of fields
      • generated id
      • number field
      • string field
      • date field
      • calculate field
    • how to write business rules and inside we can write Groovy, and this can be called using API
    • Write some validations using business object trigger (like the salary of person cannot be < 200 ) or (start date should always be less than end date)
    • Understanding how data is stored in development, stage and live applications.
    • Understanding how to copy data (from development to stage) or (from stage to live)
  5. Different status of application:
    • Development, Stage and Live mode
    • Understanding when to use which one to use when
    • Generally, when working on application, it will be in Development mode
    • When we want to test the application or if we want to share the application, we can stage and share the URL, or we can publish the application and share the live URL.
  6. Understanding different components
    • form-layout
    • oj-input-text
    • oj-bind-text
    • oj-input-date
    • oj-select-single  
    • oj-table
    • template
    • oj-bind-if
    • oj-for-each
  7. Understanding actions in Action chain
    • assign variable ( create a variable and assign it using action chain and display using text field )
    • show notification (e.g.: show some message on button click using fire notification action )
    • call component ( e.g.: open dialog / close dialog )
    • call JS function  ( e.g.: create a JS function to find sum of two numbers)
    • if else ( use some condition to show different messages )
    • call rest api ( get / post )
    • navigation ( e.g.: navigate to different page on link click )
    • open URL (e.g.: on link-click, open some external site like google.com )
  8. Understanding variables and types
    • How to create variables
    • How to create types
    • How to create types using service endpoints
    • What is ADP ( Array Data Provider)?
    • What is SDP ( Service Data Provider)?
    • Understand scope of variables ( application, flow and page )
  9. Events and Event listeners
  10. File structure -> Import/Export code -> Show file structure in Explorer.
  11. Roles and Security
  12. Custom styling using app.css / default themes
  13. Deploying applications from one instance to another.

Resources

Official documentation: https://docs.oracle.com/en/cloud/paas/app-builder-cloud/index.html

VBCS cookbook: https://vbcookbook.oracle.com/ It has a lot of examples where you can download the sample code, import it into an application and modify it according to your needs

Customer Connect for visual builder: https://community.oracle.com/customerconnect/categories/oci-visual-builder-studio Great place to ask or find questions when you get stuck

JET Cookbook: https://www.oracle.com/webfolder/technetwork/jet/jetcookbook.html — There is a lot of documentation of JET components and example, we can check the code from here, tweak it and use in VBCS applications

JS docs: https://www.oracle.com/webfolder/technetwork/jet/jsdocs/oj.ojTable.html — JS documents for jet components can be navigated using left navigation bar to find JS documents for other components

Linkedin group: https://www.linkedin.com/groups/13630219/

Youtube Videos which I found

Visual Builder: A Crash Course from Oracle Developers — https://www.youtube.com/watch?v=9DNBAh0UTeY

Visual Builder Playlist: https://www.youtube.com/playlist?list=PL3X62LScvI_K1Glab5N9Dvwcervel5e4R

Youtube channels that post content about VBCS and OIC

Shay: https://www.youtube.com/@ShayOracle

Oracle Developers Channel: https://www.youtube.com/channel/UCdDhYMT2USoLdh4SZIsu_1g

Beenum learning: https://www.youtube.com/@BEENUMLEARNING

Techsupper Ankur: https://www.youtube.com/@TechSupper

Leave a Comment