https://github.com/miguelzacca/easy-js
Scripts e css prontos para uso, simplificando o desenvolvimento e removendo a nescessidade de criar manualmente a logica em javascript e estilização com css.
https://github.com/miguelzacca/easy-js
Last synced: about 2 months ago
JSON representation
Scripts e css prontos para uso, simplificando o desenvolvimento e removendo a nescessidade de criar manualmente a logica em javascript e estilização com css.
- Host: GitHub
- URL: https://github.com/miguelzacca/easy-js
- Owner: miguelzacca
- License: mit
- Created: 2024-09-11T17:00:19.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2024-09-23T02:30:47.000Z (8 months ago)
- Last Synced: 2025-02-15T17:41:18.649Z (4 months ago)
- Language: TypeScript
- Homepage: https://easy-js.netlify.app
- Size: 8.98 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Easy JS
Scripts e css prontos para uso,
simplificando o desenvolvimento e removendo a nescessidade de criar manualmente a logica em javascript e estilização com css.
- Você só precisara do html no frontend!
## CSS (adição automatica)
O Easy JS usa o matcha css para estilização! para mais informações sobre o projeto:
[https://github.com/lowlighter/matcha](https://github.com/lowlighter/matcha)
## Easy Form
O Easy Form implementa um javascript para form html automaticamente,
facilitando o frontend basico ao executar as requisiçoes dinamicamente.
### Como iniciar
Simplesmente adicione essa script tag no html:
```html
```
Nesse caso, o atributo `data-url` deve conter a url base da api, exemplo:
```html
```
### Como usar os forms
Para `GET` e `POST` você pode pode informar no proprio `` desse modo:
```html
Enviar
```
Agora para outros metodos como PUT, DELETE e etc... Defina o metodo dessa forma:
```html
Enviar
```
Para informar o endpoint da api faça dessa forma:
```html
Enviar
```
Para informar parametros faça um input normal porém como o `name="_param"`, vace pode tambem colocar assim: `name="_param{numero}"`:
```html
// resultado: http://localhost:3000/{nome digitado}/{idade digitada}
Enviar
```
Para query tambem, porem tem que ser `name="_query_{nome da query aqui}"`, exemplo:
```html
// resultado: http://localhost:3000?nome={valor digitado no input}
Enviar
```
Para o resto dos input normais, faca igual faria normalmente,
porem lembre que o `name=""` tem que ter o nome da variavel que voçê deseja receber o backend, exemplo:
```html
Enviar
```
### Exemplo de form
```html
Enviar
```
### Exemplo completo
```html
Exemplo
Criar Cliente
Enviar
Limpar
Pesquisar Cliente
Enviar
Limpar
```