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

https://github.com/wesleyara/front-end-guide

Guia para estudos front end utilizando HTML, CSS, Git, Github, JavaScript, TypeScript, React e Next.js.
https://github.com/wesleyara/front-end-guide

Last synced: 2 months ago
JSON representation

Guia para estudos front end utilizando HTML, CSS, Git, Github, JavaScript, TypeScript, React e Next.js.

Awesome Lists containing this project

README

        

# Front-end Guide


![react](/assets/pexels-realtoughcandycom-11035471.jpg)

## 🚀 Começando
O Front-end Guide é um repositório dedicado a documentar e guiar desenvolvedores front-end desde o inicio de seus estudos até chegar nos passos mais avançados dentro do ecossistema do JavaScript.

>E o mais importante, todo conteúdo aqui é de uso livre e gratuito.

## 📋 Para quem é destinado?
O Front-end Guide é destinado a todos os tipos de desenvolvedores, sejam eles:

- Os que estão dando os primeiros passos na programação.
- Os que já são experientes e querem aprender um pouco mais.

## 📚 Iniciando os estudos

### 1. Nível básico
Já que estamos apenas no começo, por que não lhes apresentar um pouco sobre o guia de entrada no front-end? Começando com [HTML](https://developer.mozilla.org/pt-BR/docs/Web/HTML) e [CSS](https://developer.mozilla.org/pt-BR/docs/Web/CSS), [clique aqui](/docs/iniciante.md) você encontrará um guia para iniciantes que estão começando a programar.

![html-gif](/assets/html.gif)

### 2. Nível intermediário
No nível intermediário é necessário aprender a mexer com uma ferramenta essencial para qualquer desenvolvedor, [Git](https://git-scm.com/) e [Github](https://github.com/). [Clique aqui](/docs/intermediario-git.md) para acessar o guia de conteúdo.

![github-home-gif](/assets/github-home.gif)

Além dos estudos sobre Github, nesse estágio do estudo também é necessário começar a aprender sobre [JavaScript](https://developer.mozilla.org/pt-BR/docs/Web/JavaScript), é nesse estágio que começamos a dar mais funcionalidades as aplicações que desenvolvemos. [Clique aqui](/docs/intermediario-js.md) para acessar o guia de conteúdo.

![js-code-gif](/assets/js-code.gif)

### 3. Nível avançado
No nível avançado é onde teremos mais conteúdos a serem vistos, primeiramente é importante aprender um pouco sobre [TypeScript](https://www.typescriptlang.org/), que é uma linguagem de programação baseada no JavaScript, porém com muitas novas funcionalidades. [Clique aqui](/docs/avancado-ts.md) para acessar o guia de conteúdo.

![ts-code-gif](/assets/ts-code.gif)

Após o início dos estudos sobre TypeScript, o próximo passo é aprender sobre [React](https://pt-br.reactjs.org/), que é uma biblioteca de código aberto para desenvolvimento de interfaces de usuário. [Clique aqui](/docs/react.md) para acessar o guia de conteúdo.

![react-gif](/assets/react.gif)

### 4. Extra
Em breve...

## 🛠️ Conteúdos específicos
Nessa seção você encontrará os conteúdos mais específicos, onde poderá se aperfeiçoar em diversos tópicos e temas interessantes para o seu desenvolvmento.

- Algoritmos e lógica de programação
- ESlint e Prettier
- Testes com Jest
- Design Patterns
- Husky
- Styled Components
- Tailwindcss
- TDD
- GraphQL
- Clean Code
- JAMstack
- JSON Web Tokens

## 🔧 Exemplos:
Em breve...

## ✒️ Autores

* **Wesley Araújo** - *Trabalho Inicial* - [Github](https://github.com/wesleyara)

## 📄 Licença

Este projeto está sob a licença (MIT) - veja o arquivo [LICENSE](/LICENSE) para mais detalhes.