{"id":18905002,"url":"https://github.com/seanox/aspect-js-tutorial","last_synced_at":"2025-06-14T05:38:13.703Z","repository":{"id":65513191,"uuid":"210093331","full_name":"seanox/aspect-js-tutorial","owner":"seanox","description":"Tutorial for using aspect-js","archived":false,"fork":false,"pushed_at":"2025-02-05T12:53:58.000Z","size":64236,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-02-05T13:39:25.593Z","etag":null,"topics":["aspect-js","javascript","seanox","tutorial"],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/seanox.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGES","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-09-22T05:03:39.000Z","updated_at":"2025-02-05T12:54:03.000Z","dependencies_parsed_at":"2025-01-28T21:32:04.157Z","dependency_job_id":null,"html_url":"https://github.com/seanox/aspect-js-tutorial","commit_stats":null,"previous_names":[],"tags_count":4,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/seanox%2Faspect-js-tutorial","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/seanox%2Faspect-js-tutorial/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/seanox%2Faspect-js-tutorial/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/seanox%2Faspect-js-tutorial/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/seanox","download_url":"https://codeload.github.com/seanox/aspect-js-tutorial/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239889026,"owners_count":19713702,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["aspect-js","javascript","seanox","tutorial"],"created_at":"2024-11-08T09:10:08.515Z","updated_at":"2025-02-20T18:16:49.203Z","avatar_url":"https://github.com/seanox.png","language":"JavaScript","readme":"\u003cp\u003e\n  \u003ca href=\"https://github.com/seanox/aspect-js-tutorial/pulls\"\n      title=\"Development is waiting for new issues / requests / ideas\"\n    \u003e\u003cimg src=\"https://img.shields.io/badge/development-passive-blue?style=for-the-badge\"\n  \u003e\u003c/a\u003e\n  \u003ca href=\"https://github.com/seanox/aspect-js-tutorial/issues\"\n    \u003e\u003cimg src=\"https://img.shields.io/badge/maintenance-active-green?style=for-the-badge\"\n  \u003e\u003c/a\u003e\n  \u003ca href=\"http://seanox.de/contact\"\n    \u003e\u003cimg src=\"https://img.shields.io/badge/support-active-green?style=for-the-badge\"\n  \u003e\u003c/a\u003e\n\u003c/p\u003e\n\n# Description\nThe tutorial guides you through the creation of a SPA (Single-Page-Application)\nwith [Seanox aspect-js](https://github.com/seanox/aspect-js). Small examples are\nused to explain the implementation step by step from prototype to finished\napplication.\n\nThe tutorial is based on understanding through visualization of the differences\nbetween the steps and therefore requires a program for comparison.\n\nAfter downloading and unpacking, all steps can be called as independent\napplications via a web server. The changes in each step are documented and\nprovided with references to the user manual. This information becomes visible\nwhen the steps are compared.  \n\n# Licence Agreement\nSeanox Software Solutions ist ein Open-Source-Projekt, im Folgenden\nSeanox Software Solutions oder kurz Seanox genannt.\n\nDiese Software unterliegt der Version 2 der Apache License.\n\nCopyright (C) 2025 Seanox Software Solutions\n\nLicensed under the Apache License, Version 2.0 (the \"License\"); you may not use\nthis file except in compliance with the License. You may obtain a copy of the\nLicense at\n\nhttp://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed\nunder the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR\nCONDITIONS OF ANY KIND, either express or implied. See the License for the\nspecific language governing permissions and limitations under the License.\n\n# System Requirement\n- Web server for hosting\n- Web browser  \n  tested engines: Blink, Gecko, Goanna, WebKit\n- Program for comparing code\n\n# Tutorials\n\n## Micro Frontend\n- [Step_01 Prototype as framework](micro-frontend%2FStep_01%20Prototype%20as%20framework)\n- [Step_02 Integration of Seanox aspect-js](micro-frontend%2FStep_02%20Integration%20of%20Seanox%20aspect-js)\n- [Step_03 Prototype - Splitting into components](micro-frontend%2FStep_03%20Prototype%20-%20Splitting%20into%20components)\n- [Step_04 Internationalization (i18n)](micro-frontend%2FStep_04%20Internationalization%20%28i18n%29)\n- [Step_05 The first module](micro-frontend%2FStep_05%20The%20first%20module)\n- [Step_06 Usage of dynamic data](micro-frontend%2FStep_06%20Usage%20of%20dynamic%20data)\n- [Step_07 Business logic in detail](micro-frontend%2FStep_07%20Business%20logic%20in%20detail)\n- [Step_08 Debugging](micro-frontend%2FStep_08%20Debugging)\n- [Step_09 Testing](micro-frontend%2FStep_09%20Testing)\n\n## SPA (Single Page Application)\n- [Step_01 Prototype as framework](single-page-application%2FStep_01%20Prototype%20as%20framework)\n- [Step_02 Integration of Seanox aspect-js](single-page-application%2FStep_02%20Integration%20of%20Seanox%20aspect-js)\n- [Step_03 Prototype - Splitting into components](single-page-application%2FStep_03%20Prototype%20-%20Splitting%20into%20components)\n- [Step_04 Internationalization (i18n)](single-page-application%2FStep_04%20Internationalization%20%28i18n%29)\n- [Step_05 The first module](single-page-application%2FStep_05%20The%20first%20module)\n- [Step_06 DataSource - Usage of dynamic data](single-page-application%2FStep_06%20DataSource%20-%20Usage%20of%20dynamic%20data)\n- [Step_07 Routing - Controlling components and views](single-page-application%2FStep_07%20Routing%20-%20Controlling%20components%20and%20views)\n- [Step_08 Routing - Variable paths](single-page-application%2FStep_08%20Routing%20-%20Variable%20paths)\n- [Step_09 Routing - Interceptors](single-page-application%2FStep_09%20Routing%20-%20Interceptors)\n- [Step_10 MVC - Synchronization](single-page-application%2FStep_10%20MVC%20-%20Synchronization)\n- [Step_11 MVC - Synchronization and validation](single-page-application%2FStep_11%20MVC%20-%20Synchronization%20and%20validation)\n- [Step_12 Components - Macros and modules](single-page-application%2FStep_12%20Components%20-%20Macros%20and%20modules)\n- [Step_13 Components - Example for a spinner](single-page-application%2FStep_13%20Components%20-%20Example%20for%20a%20spinner)\n- [Step_14 Components - Example for dynamic table with CSV download](single-page-application%2FStep_14%20Components%20-%20Example%20for%20dynamic%20table%20with%20CSV%20download)\n- [Step_15 Debugging](single-page-application%2FStep_15%20Debugging)\n- [Step_16 Unit Testing - Activation](single-page-application%2FStep_16%20Unit%20Testing%20-%20Activation)\n- [Step_17 Unit Testing - UI Test](single-page-application%2FStep_17%20Unit%20Testing%20-%20UI%20Test)\n\n# Downloads\n[Seanox aspect-js 1.8.0 Tutorial](https://github.com/seanox/aspect-js-tutorial/archive/refs/tags/1.8.0.zip)\n\n# Changes\n## 1.8.0 20250207  \nBF: Build: Optimization  \nCR: Assets: Update of aspect-js-max.js (1.8.0)  \nCR: Tutorial: Added tutorial for a micro frontend  \nCR: Tutorial: Update to use reactive rendering  \nCR: Tutorial: Renaming page-flow to view-flow  \n\n[Read more](https://raw.githubusercontent.com/seanox/aspect-js-tutorial/master/CHANGES)\n\n# Contact\n[Issues](https://github.com/seanox/aspect-js-tutorial/issues)  \n[Requests](https://github.com/seanox/aspect-js-tutorial/pulls)  \n[Mail](http://seanox.com/contact)\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fseanox%2Faspect-js-tutorial","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fseanox%2Faspect-js-tutorial","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fseanox%2Faspect-js-tutorial/lists"}