⌛️ 👩🏻‍🎓 👦🏼 Melhores repositórios GitHub para desenvolvedores web 😶 ✌️ 👁️

Um programador passa muitas horas desenvolvendo uma certa funcionalidade e garantindo que o código esteja em conformidade com as melhores práticas adotadas em um ambiente específico. Este relógio não deve incluir a escrita regular de modelos. Um programador pode se ajudar bastante na organização adequada do trabalho, poupando-se de coisas desnecessárias e investindo tempo em aprender as ferramentas certas. Uma boa ajuda também pode ser o conhecimento de recursos valiosos, cuja lista é sempre útil para manter à mão. O autor do material, cuja tradução publicamos hoje, se propõe a considerar vários repositórios do GitHub, que, se você os examinar algumas vezes, permitirá que os desenvolvedores da Web aprimorem seus conhecimentos e habilidades, ajudarão a escrever um código melhor e ajudarão a trabalhar mais rapidamente.

Práticas recomendadas do Node.js.

133 programadores contribuíram para o repositório de práticas recomendadas do Node.js. Ele possui mais de 40 mil estrelas no GitHub. É atualizado quase diariamente. Este é um recurso maravilhoso que permite a todos acompanhar o que está acontecendo no mundo do Node.js e, ao mesmo tempo, aprender os melhores métodos práticos de desenvolvimento.

Este repositório não apenas contém informações sobre as técnicas de desenvolvimento mais úteis para o Node.js., mas também fornece informações sobre a integração do Node.js. com outras plataformas - como, por exemplo, Docker e Kubernetes. Agora, existem mais de 80 "práticas recomendadas", guias de estilo e dicas de arquitetura de aplicativos.

Aqui estão algumas das áreas de desenvolvimento abordadas:

Estruturação de projetos.
Erro no processamento.
Estilo do código
Testando e garantindo código de alta qualidade.
Elaboração de projetos para produção em produção.

Boilerplate HTML5

O HTML5 Boilerplate é um modelo profissional de front-end para a criação de sites e aplicativos da Web rápidos, confiáveis e flexíveis.

Este projeto é o resultado de muitos anos de desenvolvimento iterativo, acumulou uma grande quantidade de conhecimento da comunidade de programadores da web. Ele não impõe a ninguém que a usa uma filosofia de desenvolvimento específica, não prescreve o uso de uma certa estrutura. Usando este projeto, todos podem criar seu código como acharem melhor.

Aqui estão os recursos apresentados no modelo:

Suporte para Normalize.css.
Suporte JQuery com CDN.
Configurações do servidor Apache.
Classes úteis de CSS auxiliar.
Estilos de impressão padrão, mecanismos de otimização de desempenho e muito mais.

Dependendo exatamente de quais recursos deste modelo estão planejados para serem usados e de como exatamente ele planeja trabalhar com ele, pode ser necessário copiar alguns de seus materiais para o seu projeto. O uso de tais materiais significa que o desenvolvedor possui um modelo básico pré-configurado. Isso acelera o desenvolvimento de projetos web.

Mundo real

Graças ao repositório do RealWorld , você pode, sem dificuldades desnecessárias, dominar os conceitos básicos e a ideologia de uma nova estrutura.

Geralmente, ao aprender algo novo, o programador lê a documentação, executa exemplos retirados da prática em algo como CodePen, analisa esses exemplos, os coleta, instala ferramentas de linha de comando ... Em geral, gasta muito tempo e esforço. Além disso, a situação pode ser complicada pelo fato de o programador não entender muito bem a essência das ferramentas que ele está tentando aprender.

Este repositório permite escolher qualquer uma das tecnologias suportadas para o desenvolvimento do cliente (React, Angular 2 e muitas outras), qualquer plataforma de servidor (entre elas, por exemplo, Node.js e Django) e, integrando-as entre si, consulte um aplicativo de exemplo real.

Como as implementações dos exemplos usam toda a pilha de tecnologias necessárias para o desenvolvimento de um projeto da Web, não será possível combinar completamente suas partes, mas, apesar do uso de várias tecnologias, elas demonstram funcionalidade comparável e especificações UX semelhantes.

Aqui estão alguns exemplos populares de integração de tecnologia deste repositório:

Angular + ngrx + nx
Re-frame ClojureScript +
React / MobX
Go + gin
NestJS + TipoORM / Prisma

Essa é apenas uma pequena parte do que pode ser encontrado no repositório do RealWorld. Suponho que você esteja interessado em explorá-lo.

E, a propósito, não há apenas exemplos projetados para desenvolvimento web. Algo baseado no NativeScript pode ser encontrado aqui por quem cria projetos criados para dispositivos móveis.

O repositório está trabalhando na preparação de exemplos focados nas seguintes tecnologias: React Native, Jasonette, Swift, C # e Xamarin, Kotlin / Android, Onymos, estrutura Quasar, Swift Perfect e Flutter.

Você ainda não conhece JS

O repositório Você ainda não sabe JS é onde você encontra uma série de livros sobre um estudo aprofundado dos mecanismos básicos do JavaScript.

Todos os livros estão disponíveis gratuitamente, você pode lê-los diretamente no repositório.

Aqui está a ordem em que esses livros são recomendados:

Iniciar.
Escopo e fechamento.
Objetos e classes.
Tipos e gramática.
Sincronização e Assíncrona.
ES.Next & Beyond.

Os livros nº 1 e 2 já podem ser lidos, os livros 3-4 ainda não estão prontos. Note-se que a segunda edição desses livros é apresentada neste repositório. E aqui você encontra seis livros da primeira edição.

Guia de Estilo JavaScript do Airbnb

O Airbnb JavaScript Style Guide , que pode ser encontrado no repositório do Airbnb JavaScript Style Guide , é um documento detalhado e profissionalmente escrito.

Este manual é capaz de ajudar o programador a entender os mecanismos internos da linguagem, tendo examinado em detalhes seus mecanismos básicos. Aqui você pode encontrar trechos de código de demonstração úteis.

Aqui estão alguns tópicos populares que são refletidos neste guia:

Funções de seta.
Levantando variáveis.
Trabalhe com tipos e conversão de tipos.
Estilos projetados para ECMAScript 6+ (ES 2015+).
Teste.
Atuação.

Livro de histórias

No repositório do Storybook , você pode encontrar o código do ambiente de desenvolvimento com o mesmo nome, projetado para criar componentes da interface do usuário. Esse ambiente permite trabalhar com bibliotecas de componentes, explorar componentes em vários estados e desenvolver e testar componentes em um modo interativo.

O ambiente do Storybook é executado fora do aplicativo. Isso permite que você desenvolva componentes de interface isoladamente, o que pode melhorar a reutilização de componentes, melhorar a testabilidade e aumentar a velocidade de desenvolvimento. Você pode criar componentes no Storybook muito rapidamente, sem se preocupar com as dependências específicas de um aplicativo específico.

O Storybook inclui uma ferramenta de linha de comando e exemplos de código para aprender rapidamente esse ambiente.

Lista de verificação de front-end

No repositório Front-End Checklist , você pode encontrar uma lista abrangente do que deve estar no projeto antes de seu lançamento em produção ou do que deve ser verificado antes que o projeto possa ser considerado pronto para o trabalho real.

Este repositório tem como alvo o lado do cliente de desenvolvimento da web. Ele aborda questões como produtividade, segurança, SEO. Os requisitos apresentados neste repositório devem ser atendidos pela maioria dos projetos. Mas alguns desses requisitos, sob certas condições, podem não ser cumpridos. Alguns podem ser menos importantes que outros. As recomendações podem incluir a leitura de documentação adicional, o uso de várias ferramentas, a exibição de vídeos com explicações sobre alguns problemas difíceis.

Sumário

Obrigado a todos que leram para este lugar. Os repositórios sobre os quais falei aqui estão longe de ser os únicos recursos desse tipo. Estou certo de que há um grande número de outros recursos semelhantes. Mas esses repositórios que compartilhei aqui me trazem benefícios reais. Espero que eles também sejam úteis para você.

Quais repositórios (destinados a desenvolvedores da Web) você considera úteis?

Melhores repositórios GitHub para desenvolvedores web