Wisej.NET 2.0 Controls and a Northwind Application
Begin with focused control lessons: NavigationBar, the supplied collapsible-side-button component, FlexLayoutPanel, TagTextBox and the CheckBox Switch appearance. Each module explains the control, demonstrates its event path and provides an independent practice lab. Next learn DataGridView binding and shared filtering. In the final module build a complete Northwind-style teaching application with Overview, Sales, Orders, Fulfillment, Products, Customers and Team views. Reuse the controls already practiced and verify results against the supplied original synthetic data. The course targets the historical Wisej 2.0 release with published 2.0.54 packages and .NET Framework. It includes seven modules, 42 sections, 140 questions, captioned walkthroughs, SCORM 1.2, offline HTML, Word and PDF documents, code examples and independent data checks. AI helps with bounded implementation tasks. The supplied side-button component is original course code; Switch is a CheckBox appearance.
Learn NavigationBar, flexible layouts, tag editing, switches and grid binding in focused exercises, then build a Northwind-style application with AI-assisted practice.
- Level: Advanced
- Duration: 12h
- Modules: 7
This course is not open yet. The planned outline is below.
Curriculum
Module 1: NavigationBar From the First Item to a Working Menu
Module 1 of Wisej.NET 2.0 Controls and a Northwind Application. Read the guides, follow the captioned walkthrough, pass the knowledge check, complete the lab and review the AI coding exercise.
- ReadingLesson Guide · 18 min
Learn NavigationBar on its own: create items, handle ItemClick, select a content panel and test compact navigation.
- ReadingLab / Exam Guide · 12 min
Build the module slice, verify its behavior and submit the required evidence.
- Video lessonNavigationBar From the First Item to a Working Menu: guided build and review · 4 min
A captioned animated explanation and simulated demonstration. Use the lab to verify your real Wisej application.
- Knowledge checkModule 1 Knowledge Check · 12 min · Pass mark 80%
- Hands-on labLab — A two-view navigation practice page · 45 min
Objective: Build a standalone NavigationBar practice page that switches between Overview and Orders and survives a compact-mode round trip. Deliverables: A build log showing the pinned package versions; A two-item menu and an explained ItemClick handler; Evidence that changing item labels preserves routing; Compact and expanded screenshots; Repeated-selection results with no extra controls or handlers.
- ReadingAI Coding Exercise · 12 min
Use the course-grounded prompt, review the generated patch and record verification evidence.
Module 2: A Side Button That Opens and Closes a Detail Panel
Module 2 of Wisej.NET 2.0 Controls and a Northwind Application. Read the guides, follow the captioned walkthrough, pass the knowledge check, complete the lab and review the AI coding exercise.
- ReadingLesson Guide · 18 min
Learn the side-button interaction with a small supplied component: a Boolean state, one change event and a panel controlled by its host.
- ReadingLab / Exam Guide · 12 min
Build the module slice, verify its behavior and submit the required evidence.
- Video lessonA Side Button That Opens and Closes a Detail Panel: guided build and review · 4 min
A captioned animated explanation and simulated demonstration. Use the lab to verify your real Wisej application.
- Knowledge checkModule 2 Knowledge Check · 12 min · Pass mark 80%
- Hands-on labLab — A reusable details toggle · 45 min
Objective: Add the supplied CollapsibleSideButton to a practice Page and use it to control one right-docked detail panel. Deliverables: An explanation of the original component's property and event; A working button-to-panel connection; A transition table for open close and reset; An event count proving repeated assignment is ignored; Keyboard and narrow-width observations.
- ReadingAI Coding Exercise · 12 min
Use the course-grounded prompt, review the generated patch and record verification evidence.
Module 3: FlexLayoutPanel for Adaptable Control Layouts
Module 3 of Wisej.NET 2.0 Controls and a Northwind Application. Read the guides, follow the captioned walkthrough, pass the knowledge check, complete the lab and review the AI coding exercise.
- ReadingLesson Guide · 18 min
Arrange controls with FlexLayoutPanel, explain direction and fill weight, and make a horizontal-to-vertical layout work in both directions.
- ReadingLab / Exam Guide · 12 min
Build the module slice, verify its behavior and submit the required evidence.
- Video lessonFlexLayoutPanel for Adaptable Control Layouts: guided build and review · 4 min
A captioned animated explanation and simulated demonstration. Use the lab to verify your real Wisej application.
- Knowledge checkModule 3 Knowledge Check · 12 min · Pass mark 80%
- Hands-on labLab — A filter row that becomes a stack · 45 min
Objective: Build a FlexLayoutPanel practice row that switches direction while preserving the same child controls and their values. Deliverables: A diagram of the parent and its three children; An explanation of direction spacing and fill weight; A two-branch resize method using existing controls; Wide and narrow screenshots with long content; Evidence that editor text and event subscriptions survive resizing.
- ReadingAI Coding Exercise · 12 min
Use the course-grounded prompt, review the generated patch and record verification evidence.
Module 4: TagTextBox for Multiple Filter Values
Module 4 of Wisej.NET 2.0 Controls and a Northwind Application. Read the guides, follow the captioned walkthrough, pass the knowledge check, complete the lab and review the AI coding exercise.
- ReadingLesson Guide · 18 min
Use the Wisej 2.0 TagTextBox to collect multiple values, explain its text and tag events, and normalize the values before filtering data.
- ReadingLab / Exam Guide · 12 min
Build the module slice, verify its behavior and submit the required evidence.
- Video lessonTagTextBox for Multiple Filter Values: guided build and review · 4 min
A captioned animated explanation and simulated demonstration. Use the lab to verify your real Wisej application.
- Knowledge checkModule 4 Knowledge Check · 12 min · Pass mark 80%
- Hands-on labLab — A normalized country-tag filter · 45 min
Objective: Build a TagTextBox practice page that prints normalized country values and filters the supplied six-order dataset predictably. Deliverables: A configured TagTextBox and explained event path; An event log showing addition removal and rejection; Normalization examples with expected outputs; Filter counts for Germany Germany plus UK and no tags; Clear empty-result feedback and a recovery action.
- ReadingAI Coding Exercise · 12 min
Use the course-grounded prompt, review the generated patch and record verification evidence.
Module 5: CheckBox Switch Appearance and Boolean State
Module 5 of Wisej.NET 2.0 Controls and a Northwind Application. Read the guides, follow the captioned walkthrough, pass the knowledge check, complete the lab and review the AI coding exercise.
- ReadingLesson Guide · 18 min
Use Appearance.Switch on a CheckBox, explain Checked and CheckedChanged, and connect a clearly labeled Boolean filter to application state.
- ReadingLab / Exam Guide · 12 min
Build the module slice, verify its behavior and submit the required evidence.
- Video lessonCheckBox Switch Appearance and Boolean State: guided build and review · 4 min
A captioned animated explanation and simulated demonstration. Use the lab to verify your real Wisej application.
- Knowledge checkModule 5 Knowledge Check · 12 min · Pass mark 80%
- Hands-on labLab — An open-orders switch · 45 min
Objective: Use CheckBox with Appearance.Switch to apply and clear an open-orders filter with matching row counts and totals. Deliverables: A configured CheckBox and clear label; A truth table for the open-order predicate; Observed six-order and three-order results; The one-order Germany result and its 150.00 total; Keyboard reset and empty-result evidence.
- ReadingAI Coding Exercise · 12 min
Use the course-grounded prompt, review the generated patch and record verification evidence.
Module 6: Bind a DataGridView and Validate Shared Filters
Module 6 of Wisej.NET 2.0 Controls and a Northwind Application. Read the guides, follow the captioned walkthrough, pass the knowledge check, complete the lab and review the AI coding exercise.
- ReadingLesson Guide · 18 min
Prepare for the final application by binding a small order model to DataGridView and combining tags, dates and the switch through one tested filter method.
- ReadingLab / Exam Guide · 12 min
Build the module slice, verify its behavior and submit the required evidence.
- Video lessonBind a DataGridView and Validate Shared Filters: guided build and review · 4 min
A captioned animated explanation and simulated demonstration. Use the lab to verify your real Wisej application.
- Knowledge checkModule 6 Knowledge Check · 12 min · Pass mark 80%
- Hands-on labLab — A tested order-grid binding · 45 min
Objective: Bind the supplied orders to explicit DataGridView columns and prove that one filter method supplies consistent rows counts totals and selected-record details. Deliverables: A model-to-column mapping table; A grid bound to the six-row baseline; Expected and observed results for three combined-filter cases; Selected-record details identified by OrderId; Data-test output and browser evidence for invalid and empty cases.
- ReadingAI Coding Exercise · 12 min
Use the course-grounded prompt, review the generated patch and record verification evidence.
Module 7: Build the Northwind Application With the Controls You Learned
Module 7 of Wisej.NET 2.0 Controls and a Northwind Application. Read the guides, follow the captioned walkthrough, pass the knowledge check, complete the lab and review the AI coding exercise.
- ReadingLesson Guide · 18 min
Build a complete Northwind-style teaching dashboard from a blank Wisej 2.0 page, reusing the navigation, side button, flexible layout, tag editor, switch and grid patterns from the earlier modules.
- ReadingLab / Exam Guide · 12 min
Build the module slice, verify its behavior and submit the required evidence.
- Video lessonBuild the Northwind Application With the Controls You Learned: guided build and review · 4 min
A captioned animated explanation and simulated demonstration. Use the lab to verify your real Wisej application.
- Knowledge checkModule 7 Knowledge Check · 12 min · Pass mark 80%
- Hands-on labLab — The complete Northwind controls dashboard · 45 min
Objective: Build and demonstrate a seven-view Northwind-style dashboard using the controls practiced in modules one through six. Deliverables: A runnable template-hosted application and package build log; A seven-view navigation demonstration explaining the reused controls; Verified counts and totals for the four specified filter states; Order detail empty-state invalid-date and responsive evidence; An AI decision log and a final explanation of data scope and remaining production work.
- ReadingAI Coding Exercise · 12 min
Use the course-grounded prompt, review the generated patch and record verification evidence.