Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/ojonatasquirino/automacao-front

Pacotes e ferramentas essenciais para codificação. Compreensão e uso prático da Linha de comando, Git, NPM, ESLint, Webpack e Babel.
https://github.com/ojonatasquirino/automacao-front

babel eslint git javascript npm-package package-json webpack

Last synced: about 2 months ago
JSON representation

Pacotes e ferramentas essenciais para codificação. Compreensão e uso prático da Linha de comando, Git, NPM, ESLint, Webpack e Babel.

Awesome Lists containing this project

README

        

Automação Front-end

[comment]: <> (Adicione o seu usuário e o nome do repositório)




# sumário

- [objetivos](#id01)
- [descrição detalhada do repositório](#id01.01)
- [tecnologias de estudos](#id02)
- - [documentação e cursos](#id02.01)
- [ambiente de codificação](#id03)
- [clonagem e instalação](#id04)
- [autoria](#id05)

# objetivos

Este é um guia abrangente que explora as práticas fundamentais de automação no desenvolvimento de software. Aqui, quero documentar informações e conceitos úteis que queria receber no início dos meus estudos em programação sobre CLI (linha de comando), Git, NPM, ESLint, Webpack, Babel e outras ferramentas essenciais.

# descrição detalhada do repositório
Aqui trarei um recurso panorâmico projetado para orientar desenvolvedores front-end no ambiente da automação com as ferramentas necessárias para o desenvolvimento. Este repositório aborda diversos tópicos em suas respectivas pastas, incluindo:

1. Linha de Comando (CLI) : Uso prática e eficaz da linha de comando para executar tarefas cotidianas, desde navegação até manipulação de arquivos e diretórios.

2. NPM (Node Package Manager) : Gerenciamento de dependências, scripts e pacotes NodeJS de forma eficaz para otimizar o fluxo de trabalho de desenvolvimento.

3. Git : Exploração das melhores práticas do Git para controle de versão, colaboração eficiente e gerenciamento de branches em projetos front-end.

4. ESLint : Utilização do ESLint para manter um código JavaScript consistente, identificando e corrigindo padrões problemáticos.

5. Webpack : Utilização do Webpack para modularizar e otimizar o código, gerenciando eficientemente dependências e recursos.

6. Babel : Compreensão do papel do Babel na transpilação de código ECMAScript moderno para versões compatíveis com navegadores.

# tecnologias de estudo

![Git](https://img.shields.io/badge/-Git-0D1117?style=for-the-badge&logo=git&labelColor=0D1117)
![GitHub](https://img.shields.io/badge/-GitHub-0D1117?style=for-the-badge&logo=github&labelColor=0D1117) 
![bash](https://img.shields.io/badge/terminal-0D1117?style=for-the-badge&logo=windows%20terminal&logoColor=white)
![eslint](https://img.shields.io/badge/eslint-0D1117?style=for-the-badge&logo=eslint&logoColor=3A33D1)
![npm](https://img.shields.io/badge/npm-0D1117?style=for-the-badge&logo=npm&logoColor=red)
![webpack](https://img.shields.io/badge/webpack-0D1117?style=for-the-badge&logo=webpack&logoColor=blue)
![babel](https://img.shields.io/badge/babel-0D1117?style=for-the-badge&logo=babel&logoColor=yellow)

# documentação e cursos

![MDN](https://img.shields.io/badge/youtube-0D1117?style=for-the-badge&logo=youtube&logoColor=red)
[![](https://img.shields.io/badge/npm-0D1117?style=for-the-badge&logo=npm&logoColor=red)](https://docs.npmjs.com/about-npm/)
![curso](https://img.shields.io/badge/origamid-0D1117?style=for-the-badge&logo=Databricks&logoColor=fff)

# ambiente de codificação

![](https://img.shields.io/badge/VSCode-0D1117?style=for-the-badge&logo=visual%20studio%20code&logoColor=blue)
![node](https://img.shields.io/badge/Nodejs-0D1117?style=for-the-badge&logo=node.js&logoColor=green)
![git](https://img.shields.io/badge/GIT-0D1117?style=for-the-badge&logo=git&logoColor=red)
![github](https://img.shields.io/badge/Github-0D1117?style=for-the-badge&logo=github&logoColor=fff)

# clonagem e instalação

Clone este repositório usando o comando:

```bash
git clone https://github.com/ojonatasquirino/automacao-front.git
```

[comment]: <> (Adicione o link da implatação, se houver)

# autoria

[comment]: <> (Adicione seu nome e função)

@ojonatasquirino • desenvolvedor front-end

#

[comment]: <> (Adicione as suas redes sociais e profissionais)

[![Linkedin](https://img.shields.io/badge/LinkedIn-0D1117?style=for-the-badge&logo=linkedin&logoColor=blue)](https://www.linkedin.com/in/jonatasquirino/)

![Gmail](https://img.shields.io/badge/Gmail-0D1117?style=for-the-badge&logo=gmail&logoColor=red)

[![TabNews](https://img.shields.io/badge/tabnews-0D1117?style=for-the-badge&logo=Databricks&logoColor=fff)](https://www.tabnews.com.br/ojonatasquirino) [![github](https://img.shields.io/badge/Github-0D1117?style=for-the-badge&logo=github&logoColor=fff)](https://www.github.com/ojonatasquirino)