Web Components in Smalltalk with WebST - 2024 Fall Update @ Zurich

WebST is a framework and a Library for Test Driven Development (TDD) of Web Components in Smalltalk. In this presentation we give the audience a glimpse of current status of WebST. We quickly introduce Web Components and their benefits, we discuss about how to develop them in Smalltalk, and list WebST features. A demo shows a working example of an application currently built with WebST.

1. 1
WebST
Zürich, Switzerland, 18 Oct 2024
Update
Noury
Bouraqadi
PLC3000.com

2. Smalltalk

3. Smalltalk
All the Time

4. Smalltalk
All the Time

Software
Lifecycle

5. Smalltalk
All the Time
& Everywhere
All
Platforms

6. Smalltalk
All the Time
& Everywhere

7. 7
Web Clients in Smalltalk
HTML
JavaScript
Smalltalk

8. ●W3C Standard
●Custom HTML tags
●Encapsulation = No collisions
8
Reuse for Web Clients = Web Components
HTML
CSS
JS
Component Client

9. 9
Web Component Example
<ws-counter></ws-counter>

10. 10
WebST = Web Components with Smalltalk
Smalltalk
WebST
HTML
CSS
JS
Web
Component

11. 11
TDD Web Clients with Smalltalk
Smalltalk
WebST
Web
App

12. 12
●WebST = Framework + Library for TDD Web Clients
●App = 1 View + 1 Controller = HTML file + JS File
●Component = Model + Presenter + View
●Parametrizing = HTML Custom Attributes
●Initializing = Creation vs Link to DOM Tree
●Reuse = Composite Design Pattern
●Resources = Component Dependencies
○JS libraries, CSS style sheets, images, sounds, videos, ...
All WebST in 1 Slide

13. 13
.com/bouraqadi/WebST
Web Components
100% Smalltalk
WebST