Skip to main content

BBj DWC Training

Welcome to the BBj Dynamic Web Client (DWC) Training course. This course will teach you how to develop modern web applications using BBj and the Dynamic Web Client.

Course Overview

This comprehensive 12-chapter training course covers everything you need to build modern web applications with BBj DWC:

🖥️
Chapter 1

GUI to BUI to DWC

Learn the fundamentals of transitioning from BBj GUI applications to Browser User Interface (BUI) and Dynamic Web Client (DWC).

🎨
Chapter 2

Browser Developer Tools, CSS, and Themes

Master browser Developer Tools, CSS fundamentals, CSS custom properties, and DWC themes for styling your applications.

🐛
Chapter 3

DWC Debugging

Explore debugging techniques specific to the Dynamic Web Client including the DWC debug console and browser tools.

⬆️
Chapter 4

Upgrading Apps to DWC

Learn how to upgrade existing GUI or BUI applications to DWC, including working with ARC files and BBjGrids.

🎛️
Chapter 5

DWC Controls With Extended Attributes

Discover BBj controls implemented as web components with extended attributes, themes, and enhanced functionality.

📐
Chapter 6

Flow Layouts and CSS for Responsive Design

Master CSS layout strategies including Flexbox and Grid to create responsive BBj applications that adapt to any screen size.

🎯
Chapter 7

Icon Pools

Learn to use built-in icon pools to easily add icons to your BBj controls without managing image files.

Chapter 8

Control Validation

Implement control validation with visual feedback using built-in validation capabilities and custom validation logic.

🌐
Chapter 9

Browser Constraints

Understand browser environment constraints and limitations including file handling, printing, and security considerations.

🔌
Chapter 10

Embedding 3rd Party Components

Embed third-party JavaScript components like charts, maps, and widgets into your DWC applications.

📱
Chapter 11

Advanced Responsive Design

Master advanced responsive design techniques including media queries and CSS transitions for engaging user experiences.

🚀
Chapter 12

Deployment Options

Explore deployment options including embedded deployment and Progressive Web Apps (PWA) for mobile and offline support.

Getting Started

Before starting this course, please review the Prerequisites to ensure you have the necessary background knowledge and setup.

Sample Code

Hands-on sample code is included with this course. Each chapter has corresponding BBj source files you can run and experiment with.

Setup Requirements

Your setup for this course should include:

  • BBj 24.02 or later
  • Eclipse IDE
  • BDT 24
  • VSCode or another editor for CSS