acervo-team7

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 ### - [Render](#render) - [Sequelize](#sequelize) - [Cypress](#cypress) - [Nodemon](#nodemon) - [Code Hike](#code-hike) - [Styled Components](#styled-components) - [Code Surfer](#code-surfer) - [Figma](#figma) - [MDX Deck](#mdx-deck) - [Typescript](#typescript) - [SliDev](#slidev) - [MDX](#mdx) - [Vite](#vite) - [React Docs](#react-docs) - [Phind](#phind) - [Pexels](#pexels) - [Codepen](#codepen) - [Bootstrap](#bootstrap) - [TabNews](#tabnews) - [Regex101](#regex101) - [ESLint](#eslint) - [JSDoc](#jsdoc) - [Day JS](#day-js) - [Storybook](#storybook) - [ChatGPT](#chatgpt) - [Exercism](#exercism) - [Git and Github for beginners](#git-and-github-for-beginners) - [Git](#git) - [Conventional Commits](#conventional-commits) - [Código Limpo para HTML](#código-limpo-para-html) - [Pro GIT - Tudo que você precisa saber](#pro-git---tudo-que-você-precisa-saber) - [Roadmap](#roadmap) - [Lovel](#lovel) - [Learn Git Branching](#learn-git-branching) - [Code-org](#code-org) - [FreeCodeCamp](#freecodecamp) - [Duolingo](#duolingo) - [MDN Web Docs](#mdn-web-docs)


Render

image

O QUE É?

O Render é uma plataforma de hospedagem de aplicativos em nuvem que facilita a implantação de aplicativos web e de back-end. O Render oferece uma variedade de recursos que tornam a implantação de aplicativos rápida e fácil, incluindo: Escalabilidade automática; Integração com GitHub; Preços flexíveis; Entre outros.

Voltar ao menu.



Sequelize

image

O QUE É?

O Sequelize é um ORM, ou seja, um mapeador objeto-relacional. Isso significa que ele permite que você crie modelos (classes) em TypeScript ou JavaScript que representam as tabelas do seu banco de dados. Assim, você pode manipular os dados usando objetos e métodos, sem precisar escrever SQL diretamente.

Voltar ao menu.



Cypress

image

O QUE É?

Com o Cypress, você pode facilmente criar testes para seus aplicativos da Web modernos, depurá-los visualmente e executá-los automaticamente em suas compilações de integração contínua.

Voltar ao menu.



Nodemon

image

O QUE É?

O Nodemon é um utilitário que monitora as mudanças nos arquivos do seu projeto e reinicia automaticamente o servidor Node.js quando necessário. Assim, você não precisa parar e iniciar o servidor manualmente a cada modificação.

Voltar ao menu.



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.