/acervo-team7

Conjunto de conteúdos dados em sala de aula ou enviado por colegas durante o curso de Dev Fullstack na Digital College - Team07

MIT LicenseMIT

ACERVO Team07 DC (Open Source) Github

Conjunto de conteúdos dados em sala de aula ou enviado por colegas durante o curso de Dev Fullstack na Digital College - Team07 (Collection of content given in the classroom or sent by colleagues during the Dev Fullstack course at Digital College - Team07)


MENU

(Localize o assunto por aqui)



Code Hike

image

O QUE É?

Code Hike é um plugin de nota para MDX. Isso ajudará você a exibir o código em seus sites. Exibir blocos de código, usando temas VS Code para realce de sintaxe e suporte para 134 linguagens de programação. Use componentes e anotações do Code Hike para aprimorar a experiência de leitura de código e abraçar a Web como o meio interativo que ela é. Estilos padrão de boa aparência. Personalizável usando CSS. E sempre mantendo a sintaxe MDX o mais próximo possível da marcação para uma melhor experiência de autoria .

Voltar ao menu.



Styled Components

image

O QUE É?

Styled Components é uma biblioteca de estilização para aplicações React que permite escrever CSS em JavaScript. Ele fornece uma maneira de criar componentes reutilizáveis ​​com estilos encapsulados que podem ser facilmente manipulados e atualizados dinamicamente. Em vez de separar estilos e componentes em diferentes arquivos, o Styled Components permite que os estilos sejam declarados diretamente no arquivo do componente. Isso torna o código mais legível, fácil de manter e aumenta a eficiência da renderização.

Voltar ao menu.



Code Surfer

image

O QUE É?

O Code Surfer adiciona realce de código, zoom de código, rolagem de código, foco de código, transformação de código e diversão aos slides do MDX Deck.

Voltar ao menu.



Figma

image

O QUE É?

Figma é um editor gráfico de vetor e prototipagem de projetos de design baseado principalmente no navegador web, com ferramentas offline adicionais para aplicações desktop para GNU/Linux, macOS e Windows.

Voltar ao menu.



MDX Deck

image

O QUE É?

O MDX-Deck é um projeto open source hospedado no GitHub que nos permite montar apresentações incríveis usando a estrutura de MDX. O MDX, por sua vez, é a tecnologia que nos deixa usar JSX no Markdown.

Voltar ao menu.



Typescript

image

O QUE É?

TypeScript é uma linguagem de programação de código aberto desenvolvida pela Microsoft. É um superconjunto sintático estrito de JavaScript e adiciona tipagem estática opcional à linguagem.

Voltar ao menu.



SliDev

image

O QUE É?

Slidev é uma ferramenta baseada em tecnologias web para criar e apresentar slides. O Slidev foi projetado para desenvolvedores focarem em escrever conteúdo em Markdown e ainda ter o poder do HTML e dos componentes do Vue para fornecer layouts e designs perfeitos com demonstrações interativas de suas apresentações.

Voltar ao menu.



MDX

image

O QUE É?

MDX permite que você use JSX em seu conteúdo markdown. Você pode importar componentes, como gráficos ou alertas interativos, e incorporá-los ao seu conteúdo. Isso torna a escrita de conteúdo de formato longo com componentes uma explosão.

Voltar ao menu.



Vite

image

O QUE É?

O Vite é uma ferramenta de compilação de frontend desenvolvida pela equipe do Vue. js. Foi criada como uma alternativa mais rápida e moderna ao webpack, que é a ferramenta de compilação mais utilizada no ecossistema do JavaScript. O Vite foi criado em 2020 pelo desenvolvedor Evan You, criador do Vue.

Voltar ao menu.



React Docs

image

O QUE É?

Bem-vindo à documentação do React! Esta página fornecerá uma introdução aos 80% dos conceitos do React que você usará diariamente.

Voltar ao menu.



Phind

image

O QUE É?

O Phind (Antigo SayHello) diz ser um buscador especializado em Tecnologia e Programação onde, assim como o ChatGPT, ele utiliza uma Inteligência Artificial generativa para criar as respostas, porém com uma diferença: ele está "conectado na internet" e consegue consumir dados atualizados e consultar por resoluções de novos problemas na qual o atual modelo do ChatGPT ainda não acessou. Segundo os criadores, eles estão juntando o "melhor do ChatGPT com o melhor do Google". Fonte: Tabnews

Voltar ao menu.



Pexels

image

O QUE É?

O Pexels oferece fotos profissionais de alta qualidade e inteiramente grátis licenciadas sob a licença do Pexels. Todas as fotos estão indexadas por tags, disponíveis pelo mecanismo de busca e podem ser visualizadas e baixadas.

Voltar ao menu.



CodePen

image

O QUE É?

CodePen é uma comunidade online para testar e exibir trechos de código HTML, CSS e JavaScript criados pelo usuário. Ele funciona como um editor de código online e ambiente de aprendizado de código aberto, onde os desenvolvedores podem criar trechos de código, chamados de "canetas", e testá-los.

Voltar ao menu.



BootStrap

image

O QUE É?

Bootstrap é um framework web com código-fonte aberto para desenvolvimento de componentes de interface e front-end para sites e aplicações web, usando HTML, CSS e JavaScript, baseado em modelos de design para a tipografia, melhorando a experiência do usuário em um site amigável e responsivo.

Voltar ao menu.



TabNews

image

O QUE É?

Então esse post foi criado para aqueles que estão começando no front end. Nesse post você vai encontrar sites para treinar o front end para você treinar o html css e javascript, geradores css, ferramentas de desenvolvimento web e muito mais! Boa Leitura.

Voltar ao menu.



Regex101

image

O QUE É?

O Regex 101 é uma ferramenta online que é utilizado por um grande número de pessoas desenvolvedoras para realizar testes de expressões regulares (Regex).

Voltar ao menu.



ESLint

image

O QUE É?

O ESLint é uma ferramenta de análise de código que, juntamente com a sua extensão de mesmo nome disponível no VSCode, permite identificar erros quanto ao padrão de escrita que definimos.

Voltar ao menu.



JSdoc

image

O QUE É?

JSDoc é uma linguagem de marcação usada para anotar arquivos de código-fonte JavaScript. Usando comentários contendo JSDoc, os programadores podem adicionar documentação descrevendo a interface de programação de aplicativos do código que estão criando.

Voltar ao menu.



Day JS

image

O QUE É?

Day.js é uma biblioteca JavaScript minimalista que analisa, valida, manipula e exibe datas e horas para navegadores modernos com uma API amplamente compatível com Moment.js.

Voltar ao menu.



StoryBook

image

O QUE É?

O Storybook é um workshop de front-end para criar componentes e páginas de interface do usuário isoladamente. Milhares de equipes o usam para desenvolvimento, teste e documentação de interface do usuário. É de código aberto e gratuito.

Voltar ao menu.



ChatGPT

image

O QUE É?

GPT (Generative Pre-trained Transformer) é um modelo de linguagem treinado pela OpenAI que foi criado para gerar texto naturalmente. O chatGPT é uma variação desse modelo que foi especialmente adaptada para conversação, ou seja, para responder perguntas e continuar uma conversa de forma fluida e natural. Ele foi treinado com milhões de exemplos de conversação e pode responder a uma ampla variedade de perguntas e tópicos. (Esta resposta foi dada por ele mesmo.)

Voltar ao menu.



Exercism

image

O QUE É?

O Exercism é uma plataforma de codificação online, de código aberto e gratuita que oferece prática de código e orientação em 50 linguagens de programação diferentes.

Voltar ao menu.



Git and Github for beginners

image

O QUE É?

Este tutorial ajudará você a entender o que são Git e controle de versão, os comandos básicos do Git que você precisa saber, como usar seus recursos para aumentar a eficiência do trabalho e como estender esses recursos usando o GitHub.

Voltar ao menu.



Git

image

O QUE É?

Git é um sistema de controle de versão distribuído gratuito e de código aberto projetado para lidar com tudo, desde projetos pequenos a muito grandes com velocidade e eficiência.

Voltar ao menu.



Conventional Commits

www conventionalcommits org

O QUE É?

Site com boas práticas de escritas de commits para a gente se basear no nosso código de conduta. Quem quiser emprego internacional é bom ficar atento nesse site, porque segundo Abrãao as empresas olham.

Voltar ao menu.



Código Limpo para HTML

image

O QUE É?

Conceitos de formatação, semântica, SEO e acessibilidade, ou seja, os 4 pilares do código HTML limpo. Exemplos que estão relacionados a cada um desses pilares.

Voltar ao menu.



Pro GIT - Tudo que você precisa saber

image

O QUE É?

Livrinho massa pra aprender GIT.

Voltar ao menu.



Roadmap

Front-End image Back-End image

O QUE É?

Guia passo a passo para se tornar um desenvolvedor de Front/Back-end moderno em 2022.

Voltar ao menu.



Lovel

image

O QUE É?

Recrute os melhores talentos techs para sua empresa e torne sua contratação mais rápida, assertiva e inclusiva.

Voltar ao menu.



Learn Git Branching

image

O QUE É?

Aplicativo desenvolvido para ajudar os iniciantes a aprender os poderosos conceitos por trás do branching com o git.

Voltar ao menu.



Code-org

image

O QUE É?

Aprenda logica de programação por meio de jogos divertidos. Code.org® é uma organização sem fins lucrativos dedicada a expansão do acesso à ciência da computação.

Voltar ao menu.



FreeCodeCamp

image

O QUE É?

Aqui você aprenderá a codificar concluindo desafios de codificação e construindo projetos. Você também ganhará certificações verificadas ao longo do caminho.

Voltar ao menu.



Duolingo

image

O QUE É?

O Duolingo é um aplicativo de celular que possibilita a aprendizagem de mais de 30 línguas. A proposta é que você se divirta aprendendo. Por isso, ele se parece com um jogo.

Voltar ao menu.



MDN Web Docs

image

O QUE É?

O MDN Web Docs é um projeto colaborativo de código aberto que documenta tecnologias de plataforma da Web, incluindo CSS, HTML, JavaScript e APIs da Web. Também fornece um amplo conjunto de recursos de aprendizado para desenvolvedores e estudantes iniciantes.

Voltar ao menu.