https://github.com/seanox/aspect-js-tutorial
Tutorial for using aspect-js
https://github.com/seanox/aspect-js-tutorial
aspect-js javascript seanox tutorial
Last synced: 3 months ago
JSON representation
Tutorial for using aspect-js
- Host: GitHub
- URL: https://github.com/seanox/aspect-js-tutorial
- Owner: seanox
- License: apache-2.0
- Created: 2019-09-22T05:03:39.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2025-02-05T12:53:58.000Z (4 months ago)
- Last Synced: 2025-02-05T13:39:25.593Z (4 months ago)
- Topics: aspect-js, javascript, seanox, tutorial
- Language: JavaScript
- Size: 61.3 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGES
- License: LICENSE
Awesome Lists containing this project
README
# Description
The tutorial guides you through the creation of a SPA (Single-Page-Application)
with [Seanox aspect-js](https://github.com/seanox/aspect-js). Small examples are
used to explain the implementation step by step from prototype to finished
application.
The tutorial is based on understanding through visualization of the differences
between the steps and therefore requires a program for comparison.
After downloading and unpacking, all steps can be called as independent
applications via a web server. The changes in each step are documented and
provided with references to the user manual. This information becomes visible
when the steps are compared.
# Licence Agreement
Seanox Software Solutions ist ein Open-Source-Projekt, im Folgenden
Seanox Software Solutions oder kurz Seanox genannt.
Diese Software unterliegt der Version 2 der Apache License.
Copyright (C) 2025 Seanox Software Solutions
Licensed under the Apache License, Version 2.0 (the "License"); you may not use
this file except in compliance with the License. You may obtain a copy of the
License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software distributed
under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR
CONDITIONS OF ANY KIND, either express or implied. See the License for the
specific language governing permissions and limitations under the License.
# System Requirement
- Web server for hosting
- Web browser
tested engines: Blink, Gecko, Goanna, WebKit
- Program for comparing code
# Tutorials
## Micro Frontend
- [Step_01 Prototype as framework](micro-frontend%2FStep_01%20Prototype%20as%20framework)
- [Step_02 Integration of Seanox aspect-js](micro-frontend%2FStep_02%20Integration%20of%20Seanox%20aspect-js)
- [Step_03 Prototype - Splitting into components](micro-frontend%2FStep_03%20Prototype%20-%20Splitting%20into%20components)
- [Step_04 Internationalization (i18n)](micro-frontend%2FStep_04%20Internationalization%20%28i18n%29)
- [Step_05 The first module](micro-frontend%2FStep_05%20The%20first%20module)
- [Step_06 Usage of dynamic data](micro-frontend%2FStep_06%20Usage%20of%20dynamic%20data)
- [Step_07 Business logic in detail](micro-frontend%2FStep_07%20Business%20logic%20in%20detail)
- [Step_08 Debugging](micro-frontend%2FStep_08%20Debugging)
- [Step_09 Testing](micro-frontend%2FStep_09%20Testing)
## SPA (Single Page Application)
- [Step_01 Prototype as framework](single-page-application%2FStep_01%20Prototype%20as%20framework)
- [Step_02 Integration of Seanox aspect-js](single-page-application%2FStep_02%20Integration%20of%20Seanox%20aspect-js)
- [Step_03 Prototype - Splitting into components](single-page-application%2FStep_03%20Prototype%20-%20Splitting%20into%20components)
- [Step_04 Internationalization (i18n)](single-page-application%2FStep_04%20Internationalization%20%28i18n%29)
- [Step_05 The first module](single-page-application%2FStep_05%20The%20first%20module)
- [Step_06 DataSource - Usage of dynamic data](single-page-application%2FStep_06%20DataSource%20-%20Usage%20of%20dynamic%20data)
- [Step_07 Routing - Controlling components and views](single-page-application%2FStep_07%20Routing%20-%20Controlling%20components%20and%20views)
- [Step_08 Routing - Variable paths](single-page-application%2FStep_08%20Routing%20-%20Variable%20paths)
- [Step_09 Routing - Interceptors](single-page-application%2FStep_09%20Routing%20-%20Interceptors)
- [Step_10 MVC - Synchronization](single-page-application%2FStep_10%20MVC%20-%20Synchronization)
- [Step_11 MVC - Synchronization and validation](single-page-application%2FStep_11%20MVC%20-%20Synchronization%20and%20validation)
- [Step_12 Components - Macros and modules](single-page-application%2FStep_12%20Components%20-%20Macros%20and%20modules)
- [Step_13 Components - Example for a spinner](single-page-application%2FStep_13%20Components%20-%20Example%20for%20a%20spinner)
- [Step_14 Components - Example for dynamic table with CSV download](single-page-application%2FStep_14%20Components%20-%20Example%20for%20dynamic%20table%20with%20CSV%20download)
- [Step_15 Debugging](single-page-application%2FStep_15%20Debugging)
- [Step_16 Unit Testing - Activation](single-page-application%2FStep_16%20Unit%20Testing%20-%20Activation)
- [Step_17 Unit Testing - UI Test](single-page-application%2FStep_17%20Unit%20Testing%20-%20UI%20Test)
# Downloads
[Seanox aspect-js 1.8.0 Tutorial](https://github.com/seanox/aspect-js-tutorial/archive/refs/tags/1.8.0.zip)
# Changes
## 1.8.0 20250207
BF: Build: Optimization
CR: Assets: Update of aspect-js-max.js (1.8.0)
CR: Tutorial: Added tutorial for a micro frontend
CR: Tutorial: Update to use reactive rendering
CR: Tutorial: Renaming page-flow to view-flow
[Read more](https://raw.githubusercontent.com/seanox/aspect-js-tutorial/master/CHANGES)
# Contact
[Issues](https://github.com/seanox/aspect-js-tutorial/issues)
[Requests](https://github.com/seanox/aspect-js-tutorial/pulls)
[Mail](http://seanox.com/contact)