This is a series of web component respecting both the [web components standards](https://developer.mozilla.org/fr/docs/Web/Web_Components) and the [Linked Data Platform convention](https://en.wikipedia.org/wiki/Linked_Data_Platform).
They are aimed at enabling anyone with little development skills to create their own web application by placing these components in an HTML file.
If you want to know more about the technological choices :
*[Why we choose Web Components ?](./Why Web Components ?)
*[Why we choose the Linked Data Platform convention ?](./Why Linked Data ?)
*[How do we manage the backend ?](./About the backend)
__The common thread of Startin'Blox is interoperability to promote a decentralized web.__
# Initialization
**If you use Edge**, you should first to load the webcomponents polyfill for your browser.
You can check if that's no longer the case, on the [official Web Component website](https://www.webcomponents.org/).
Then you can use all the component included in the core.
## How works a Component ?
A component is a simple tag. Each component has its own attributes that allow us to customize its behavior.
Let's see an exemple with sib-display :
```html
<sib-display
data-src="http://api.myadress.com/users/"
fields="first_name, last_name"
></sib-display>
```
This code will retrieve the data from the uri assigned to the data-src attribute and display all fields present in the field attribute.
See the full explanation on [the doc of SiB Display](Components/SiB-Display).
## Core Components
Here you'll find the documentation for each component of the core :
*[SiB Display](Components/SiB-Display) - To display datas
*[SiB Form](Components/SiB-Form) - To display a form
*[SiB Delete](Components/SiB-Delete) - To delete datas
*[SiB Ac Checker](Components/SiB-Ac-Checker) - To manage permission
*[Sib Widget](Components/SiB-Widget) - To custom your rendering
*[SiB Calendar](Components/SiB-Calendar) - To display a calendar
*[SiB Map](Components/SiB-Map) - To display a map
## Framework Component
Some very useful components aren't in the core as you can just import what you need.
You'll see how to do that in their own documentation.
**Those components need the core to work.**
*[SiB Router](https://git.happy-dev.fr/startinblox/framework/sib-router/wikis/SiB-Router) - Displays a menu and handle the navigation for you.
*[SiB OIDC](https://git.happy-dev.fr/startinblox/framework/sib-oidc/wikis/Sib-OIDC) - To login with an OIDC provider.
*[SiB Generator](https://git.happy-dev.fr/startinblox/framework/sib-generator/wikis/SiB-Generator) - Convert content to pdf and initiate a download of the pdf file in the browser.
*[SiB Notification](https://git.happy-dev.fr/startinblox/framework/sib-notifications/wikis/SiB-Notification) - To get notifications, which include [SiB Badge](https://git.happy-dev.fr/startinblox/framework/sib-notifications/wikis/SiB-Badge) to see the number of unread inbox.
## Other Components
As use cases arise, new components are developed. **Those components do not need the core to work.**
Here is a list of those that have been developed by Startin' Blox so far:
*[SiB Conversation](https://git.happy-dev.fr/startinblox/components/sib-conversation/wikis/SIB-Conversation) - To make a "facebook-like" conversation.
#### Imagine your components !
There is [a tutorial](./How to make components ?) to learn how to create your own components.
## How to contribute
You can feel free and welcome to open an issue on our git repository.
If you have no fear, you can know more about SiB Core in [the developers documentation](https://git.happy-dev.fr/startinblox/framework/sib-core/blob/master/doc/README-developers.md).
**Have a look on our [Contribution guidelines](./Contribution guidelines) !**
we aim to be a good school for juniors. The purpose of the contribution guidelines is to follow the most consensually adopted and approved practices on the web. They are short, we promise ;)
### But also :
* Improve this wiki
* Write popularization about SOLID Specifications
* Hosts and/or organize a hackathon with us
* Add a history wiki page of the project
* Speak around you about the techno or simply use it :)
