Executando verificação de segurança...

2 min de leitura ·

Você Não Precisa de JavaScript ❌

Depois de ver o post Tudo o que você precisa para fazer um website é HTML - gugadeschamps eu me lembrei disso aqui. Mas Calma lá, eu só vim aqui falar sobre o repositório You Dont Need JavaScript. Nada mais é que um repositório que mostra que nem todas as coisas precisam ser feitas com essa linguagem.

Esse repositório possui vários exemplos demonstrando isso, como por exemplo: sliders, animações de loading e listas de tarefas usando somente HTML e CSS.

Além disso, outros repositórios com propostas parecidas são:

You Dont Need Images
Elementos de UI e ilustrações feitas somente usando CSS.
You Dont Need GUI
Esse é massa demais, mostra como fazer diversas coisas somente usando a linha de comando.
You Dont Need to Know Web Development
Aqui ele tenta convencer você de que você não precisa saber desenvolvimento web.
You Dont Need Bootstrap
E nesse aqui mostra que você não precisa usar Bootstrap nos seus sites, apesar de ser um arquivo pequeno, em conexões mais lentas (56kbps) ele pode demorar até 45 segundos pra baixar tudo. Enquanto um arquivo CSS com 200 linhas demoraria em média 0.7s pra carregar nessa mesma conexão.

Conclusão

Esses repositórios vêm para mostrar que não existe apenas uma forma de fazer as coisas. Além disso, muitas das ferramentas que usamos, em boa parte das vezes não são necessárias e só deixam a aplicação mais pesada. Portanto, é interessante se pensar pelo menos 2 vezes antes de se escolher uma ferramenta.

Achei interessante a idéia desses repositórios, você pode acessar repositórios parecidos com estes pesquisando por "You Dont Need" na barra de busca do GitHub. Se você leu até aqui, eu só tenho a te agradecer. Então até o próximo post! 🐧

Acredito mais no "caminho do meio".

Esses repositórios são muito importantes, mas pq nos mostram opções.

Tem muita coisa que eu não preciso de JS pra fazer. Bastava um CSS Boladão em Sass que eu tinha um resultado semelhante e até mais leve...
Porém eu gasto menos tempo fazendo isso em JS, de forma mais confortável... como tempo é dinheiro, pra muitas coisas como uma prova de conceito tá ótimo!

Acredito que quase tudo tem alternativa em programação e desenvolvimento, e cabe a quem mete a mão na massa escolher o que se sente mais a vontade.
Acho até que são divertidas essas coisas de tentar fazer algo de uma forma mais raiz, ou alternativa...
Coisas assim me fazem sempre pensar antes de escrever mais um scriptizinho "hummm sera que preciso mesmo dessa func, ou só mais umas linhas de estilo dão conta?.."

E acho que esse é o maior ganho com essas iniciativas.

Concordo plenamente, já que no mundo do desenvolvimento, seja ele front ou back, existem várias formas de se chegar ao mesmo resultado sim, mas deve se analisar de como cada solução afeta o resultado final, uma solução por exemplo pode ser vantajosa para um sistema A, mas desvantajosa para um sistema B.

Concordo.
Se pararmos pra pensar todos esses frameworks de Javascript tem essa mesma ideia, o motivo do Jquery ter conseguido se popularizar tanto no começo da internet não era porque ele fazia algo que o Vanilla Js não faria na época e sim por uma questão de facilidade escrever algo.

Então mesmo que eu não precise do Jquery. Da mesma forma que eu não preciso usar o Javascript só por ser mais rápido as vezes vale a implementação

O fato é que mesmo com o Js fácil hoje em dia tem muita gente que ainda prefere Carregar o Jquery por que escrever $('#div').load('item.html'); é muito mais facil do que escrever:

let request = new XMLHttpRequest();

request.open('GET', 'item.html', true);

request.onload = function() {
    if (request.status >= 200 && request.status < 400) {
        let resposta = request.responseText;
        document.getElementById('div').innerHTML = resposta;
    };
};

request.send();

Adorei conhecer o repositório You Dont Need GUI!

Como um amante de Linux, o terminal é onde me sinto em casa! Mas ainda assim há coisas que não domino, e esse repositório é uma mão na roda pra uma consulta rápida pra alguma forma de fazer seja o que for diretamente pelo terminal.

Amigo, eu gostaria de aprender a utilizar o Linux. No momento uso Ubuntu, mas não entendo quase nada.

Poderia me indicar um local com conteúdos sobre linux? Para que eu possa aprender?

Uma recomendação que posso te passar seria essa playlist de um curso de linux do Curso em Vídeo:
https://www.youtube.com/playlist?list=PLHz_AreHm4dlIXleu20uwPWFOSswqLYbV

A programação em geral, não existe um monopolio de apenas uma linguagem, você pode utilizar o que quiser pra o que quiser.

Particulamente gosto de javascript, uma linguagem poo que no meu ponto de vista ira durar por um bom tempo.

Gabriel, quais as vatagens você acresita serem interresantes de usar menos ou até mesmo não usar o JavaScript nos sites?

Autor

Na verdade o artigo foi só para mostrar que existem diferentes formas de fazer a mesma coisa. Contudo, vejo que um dos benefícios é a compatibilidade entre os navegadores.

Principalmente entre navegadores antigos e o Tor Browser, que não permite o uso de JavaScript nas páginas que o usuário acessa.

Achei interessante, mas não espeficiamente de falar de usar tecnologias mais "nativas" como html e css, mas por um lado mais crítico. O que eu pensei é que vejo a comunidade de tecnologia muito na bolha do JS que querem que tudo seja feito em essa linguagem seguindo a idéia de "se algo existe, pode ser feito com JS" (não falo só de sites mas de APIs, jogos e já vi até IAs) mas não é porque pode que se deve ser feito.
Tu veio falar especificamente de sites e etc, mas tenho certeza que o princípio é o mesmo.

Bom post, OP :)

Isso me lembra aquele site maneiro: https://websitedocaralho.com.br/
Realmente considero visuais mais crus e simples melhores - assim como quase todos os designers de carros atualmente kkk
Tabnews dessa forma "bruta" que está, mostra-se uma joia perdida na internet, fazendo com que o que realmente importa nele é o conteúdo.
Para mim JavaScript é a melhor linguagem para começar, dá para partir dela para aprender diversas outras. Mas é bom considerar que realmente existem várias formas de se fazer uma mesma coisa.

kkkkk esse site é maravilhoso, vou guarda-lo para ler sempre que iniciar um novo projeto.

kkkkkkkkkk nunca tinha visto esse site, mas realmente diz verdades. Parando pra refletir complicamos a vida do usuário somente pra tornar mais bonito pra ele sendo que o que ele quer é o funcional.

É verdade mesmo, a gente se mata pra fazer uns frontend bonito, sendo que ninguem jamais vai parar pra ver e pensar no trabalho ferrado que foi pra fazer aquilo.
Olhando por esse lado, é um pouco broxante, não sei vocês, mas no meu caso, eu fico super orgulhoso quando eu termikno um trampo assim, por mais que ninguem nunca vá ver, eu sei que fui eu quem o fez.

Sim, não tinha parado pra pensar nisso até agora. Esse site mesmo da tabnews é uma prova disso, super simples e está desempenhando o que precisamos, realmente olhando pra um lado que você vai se matar pra fazer algo legal de visual mas o usuário nem vai perceber as vezes. Também fico orgulhoso quando consigo deixar algo visualmente elegante

Queria que todos os clientes que minha empresa tem, aceitassem o designer da página com esse estilo. Se preocupando apenas com os dados.

mas na web, basicamente tudo se compila para html, css e javascript, em se falando de um modo geral, sim eu concordo com o título do post, mas se tratando de um nicho específico como desenvolvimento web, JavaScript não tem substituto, ele domina e esta em todos os lugares. Ambiente de desenvolvimento com typescript na hora de buildar vai ser tudo para html, css e javascript.

KitsuneSemCalda

DISCLAIMER: Isso vai parecer grosseiro, e me desculpa caso se sinta ofendido pelo nível de baixo calão do hyperlink e pelo site citados. Já adianto que o site não é meu e que o uso dele é meramente ilustrativo para uma realidade sem JS e sem CSS estilizando sua pagina.

isso me lembrou um site muito grosseiro mas muito bacana chamado https://websitedocaralho.com.br é eu sei, até o hyperlink é grosseiro mas veja o interessante é completamente feito em HTML5 semantico, sua proposta é mostrar que um site só precisa de HTML para ser feito "apesar de que nós pensamentos de Tim-Benners-Lee" uma pagina deveria apontar para outra numa grande stack provavelmente em escala mundial (vai saber kkkk) enfim, hoje em dia eu colocaria um gerador de site estáitco antes do html5 para facilitar a digitação like Jerkyll, like Hugo. A maioria dos problemas Web só existem porque decidimos acrescentar demais a renderização e envio de mensagens na página

Puxa isso é muito insano, obrigadoo 😍

Excelente tópico, acredito que como a comunidade têm uma certa maturidade social atingida muitas práticas acabam ficando engessadas por serem consideradas padrão pela grande maioria dos devs

Tem um canal no Youtube muito bom chamado Online Tutorials onde ele faz diversos projetos só com HTML e CSS, tem alguns que ele usa JavaScript.

Acho que todo novo programador web devia ler esse You Dont Need Bootstrap. A melhor coisa que já me aconteceu é ser obrigado a fazer um site sem bootstrap ou alguma biblioteca semelhante, foi só aí que aprendi CSS de verdade e passei da fase de "aIn, eU NãO goStO de cSs..." que todo programador web passa.

wevertonGuimaraes

A ideia de não usar JavaScript parece bem tentadora, tem vários projetos legais que da pra fazer com apenas HTML e CSS, como landing pages, linktree, tela de login.
Fiz alguns desses no meu início no desenvolvimento web e são legais para aprendizados.
Aqui tem alguns que fiz e estão no meu github.
Instagram logo: https://github.com/WevertonAG/InstagramLogo
linktree: https://github.com/WevertonAG/Socialtree
tela de login: https://github.com/WevertonAG/loginProject

São projetos simples que eu fiz no início dos meus estudos mas pode servir de incentivo.

É muito bom conhecer alternativas , belo post

muito massa!

prefiro usar o javascript msm assim :)

Dependendo da aplicação, você vai precisar não usar. Estive em um projeto em que diversas ações (como esconder/mostrar algum elemento) que pdoeriam ser feitas com css, mas que foram feitas com js, estavam causando lentidão, pois o js é mais lento que css.

Tivemos que modificar pra usar somente css. Isso salvou a aplicação.