| template |
block |
logo |
navigation-left |
navigation-right |
background-color |
navigation-header |
header-1 |
/uploads/2020/07/11/logo.png |
| link |
link_text |
/ |
<strong>pt</strong>/en |
|
|
| link |
link_text |
an-architecture |
Blog |
|
| link |
link_text |
/pt#looset-diagram |
Looset Diagram |
|
| link |
link_text |
/pt#looset-code |
Looset Code |
|
|
|
|
|
| template |
block |
headline |
content |
cta |
image |
background_image |
background-color |
headline-color |
content-color |
hero-banner-w-image |
hero-2 |
Visualização de Código Fonte |
Uma família de ferramentas para explorar projetos grandes e complexos. |
| enabled |
url |
button_text |
true |
pt/#developer-time |
<i class="fas fa-angle-double-down"></i> |
|
| image |
alt_text |
has-shadow-box |
url |
/uploads/2020/07/13/looset-diagram-gif.gif |
Product Shot |
true |
|
|
|
var(--bg) |
var(--headline-color) |
var(--content-color) |
|
| template |
block |
col_2 |
col_1 |
background-color |
2-column-text |
two-column-1 |
| content |
headline |
headline-color |
content-color |
background-color |
Isso é possível graças a um simples <strong>analisador estático</strong> que identifica <strong>Blocos de Código</strong> e um identificador, o que na maioria dos casos são os nomes de funções. O analisador básico aproveita do fato que desenvolvedores separam os Blocos de Código por <strong>linhas em branco</strong> e usam <strong>indentação </strong>apropriada. Por isso funciona com <strong>qualquer linguagem de programação </strong>, o que é perfeito pra usar em projetos que misturam HTML, CSS, Javascript, C#, Java, Clojure, Go, Rust, Bash, R, Ruby, Swifty, SQL, Kotlin, Lua, Scala, VBA, Python, Haskell, Cobol, Lolcode, etc. |
Funciona com Todas as Linguagens |
var(--headline-color) |
var(--content-color) |
|
|
| content |
headline |
headline-color |
content-color |
background-color |
O problema é quando estamos diante de um projeto gigante que não conhecemos, seria ótimo se todo projeto fosse dividido em módulos, tivesse boa documentação, testes e bons nomes de funções e variáveis que são compatíveis com as regras de negócio, mas a vida não é sempre assim. |
Projetos de Software raramente tem código limpo |
var(--headline-color) |
var(--content-color) |
|
|
var(--bg) |
|
| template |
block |
headline-color |
content-color |
media_alignment |
background-color |
headline |
media |
content |
HtmlId |
content-feature |
feature-1 |
var(--headline-color-secondary) |
var(--content-color-secondary) |
Right |
var(--bg-secondary) |
Tempo do desenvolvedor |
| image |
alt_text |
has-shadow-box |
/uploads/2020/07/24/data-charts.gif |
Gráfico de pizza: Menos que um mês 30%, De um a três meses 44.70%, De três a seis meses 17.40%, De seis a nove meses 5.10%, De nove a doze meses 1.70%, Mais de um ano 1.20%. |
false |
|
|
developer-time |
|
| template |
block |
content |
HtmlId |
background-color |
content-color |
headline-color |
headline |
title-color |
title-no-bottom-padding |
title |
Looset Diagram |
looset-diagram |
var(--bg-secondary) |
var(--content-color-secondary) |
var(--headline-color-secondary) |
|
var(--headline-color-secondary) |
|
| template |
block |
media_alignment |
headline |
content |
media |
HtmlId |
background-color |
headline-color |
content-color |
content-feature |
feature-1 |
Left |
<strong>Visualize</strong> como o sistema é afetado ao fazer mudanças específicas;<br><br>Melhore a <strong>comunicação</strong> entre stakeholders mostrando como o produto evoluiu pelo tempo; <br><br>Estime o tempo das tarefas com mais <strong>precisão</strong> entendendo o quão complexas elas são. |
|
| alt_text |
image |
has-shadow-box |
Diagrama de dependências |
/uploads/2020/07/14/gif-2.gif |
true |
|
diagram |
var(--bg-secondary) |
var(--content-color-secondary) |
var(--content-color-secondary) |
|
| template |
block |
media_alignment |
content |
headline |
media |
HtmlId |
background-color |
headline-color |
content-color |
content-feature |
feature-1 |
Right |
Looset Diagram te ajuda a <strong>entender o código</strong> que você trabalha te dando mais que apenas texto colorido num editor e mostrando um <strong>grafo de chamadas</strong>. <br><br>Ele gera automaticamente diagramas onde cada Bloco de Código é um nó e uma conexão é criada quando um Bloco de Código referencia outro. Quando um <strong>diretório é fechado</strong>, todos seus Blocos de Código são <strong>escondidos dentro do diretório</strong> e suas conexões passam a apontar para o nó do diretório, atuando como uma <strong>caixa preta</strong>. |
Projetos enormes passam a fazer sentido |
| image |
alt_text |
has-shadow-box |
/uploads/2020/07/14/gif-3.gif |
|
true |
|
|
var(--bg-secondary) |
var(--headline-color-secondary) |
var(--content-color-secondary) |
|
| template |
block |
headline |
content |
HtmlId |
content-color |
background-color |
headline-color |
title-color |
title-no-bottom-padding |
title |
|
Looset Code |
looset-code |
var(--content-color-secondary) |
var(--bg-secondary) |
var(--headline-color-secondary) |
var(--headline-color-secondary) |
|
| template |
block |
media_alignment |
headline |
content |
media |
HtmlId |
background-color |
headline-color |
content-color |
content-feature |
feature-1 |
Right |
Looset Code ajuda desenvolvedores a <strong>navegar pelo código</strong> de maneira eficiente, evitando abrir vários arquivos ao mesmo tempo, e <strong>mostrando os Blocos de Código</strong> que estão trabalhando, simultaneamente <strong>numa única tela</strong>. |
|
| image |
alt_text |
has-shadow-box |
/uploads/2020/07/15/gif-4.gif |
Mostra apenas os Blocos de Código selecionados. |
true |
|
|
var(--bg-secondary) |
var(--content-color-secondary) |
var(--content-color-secondary) |
|
| template |
block |
media_alignment |
headline |
content |
media |
HtmlId |
background-color |
headline-color |
content-color |
content-feature |
feature-1 |
Left |
Resolva seu problema de documentação desatualizada |
Veja quando a documentação e o código se dessincronizam: A <strong>data do último commit </strong>é mostrada tanto no código quanto na sua docstring, então desenvolvedores podem instantaneamente compará-las e ter certeza que podem <strong>confiar na informação</strong> |
| image |
alt_text |
has-shadow-box |
/uploads/2020/07/16/gif-5.gif |
Aviso em amarelo quando docstring se desatualiza em relação ao código. |
true |
|
|
var(--bg-secondary) |
var(--headline-color-secondary); |
var(--content-color-secondary); |
|
| template |
block |
embed |
background-color |
1-column-embed |
one-column-embed |
<iframe width="800" height="500" style="box-shadow: 20px 13px 20px 0px #0000004f;" src=" https://www.youtube.com/embed/TW5c8V33-rk" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> |
var(--bg-secondary) |
|
| template |
block |
headline-color |
content-color |
background-color |
content |
embed |
headline |
background_image |
cta |
hero-banner-w-embed |
hero-embed |
var(--content-color-secondary) |
var(--content-color-secondary) |
var(--bg-secondary) |
Muito projeto Open Source é feito de graça, mas infelizmente eu não posso me dar ao luxo de trabalhar a quantidade de horas que esse projeto demanda sem receber. Kickstarter é uma plataforma de financiamento coletivo onde você pode contribuir com qualquer quantia e só é cobrado se eu alcançar meu objetivo. |
|
Você pode apoiar o Looset agora mesmo |
|
| enabled |
url |
button_text |
true |
|
Campanha Kickstarter |
|
|
| template |
block |
email_recipient |
content |
button-text |
background-color |
content-color |
signup-bar |
cta-bar |
JpSoares106@gmail.com |
Gostaria de receber atualizações sobre o projeto por email? |
Me Inscrever |
#4b7153 |
var(--content-color) |
|
| template |
block |
headline |
content |
background-color |
headline-color |
content-color |
detail-content |
text-1 |
Mais Conteúdo |
|
var(--bg) |
var(--headline-color) |
var(--content-color) |
|
| template |
block |
content |
background-color |
content-color |
simple-footer |
footer-1 |
|
var(--bg) |
var(--content-color) |
|