---
# System prepended metadata

title: Estudo prático para Frontend

---

# Estudo prático para Frontend
[Roadmap Frontend](https://roadmap.sh/frontend)
[Roadmap React](https://roadmap.sh/react)

## Sites de prática
> [100 days of CSS](https://100dayscss.com/about/)
> [Codewell](https://www.codewell.cc/challenges)
> [Frontend Practice](https://www.frontendpractice.com/projects)
> [Frontend Mentor](https://www.frontendmentor.io/)

### Sugestão de projetos
* [Portfolio pessoal](https://hackmd.io/U-ETpJFYSw2uGWfWuVTOSQ)
* 

## Sites úteis para construção de páginas
> Ícones
* [Tabler Icons](https://tablericons.com/)
> Imagens
* [Random Image via API](https://random.responsiveimages.io/)

## Javascript
* [You-Dont-know-JS](https://github.com/getify/You-Dont-Know-JS)
_Bom para_: Aprender conceitos fundamentais de JavaScript

* [wtfjs](https://github.com/denysdovhan/wtfjs)
_Bom para:_ Aprender truques e curiosidades de JavaScript

* [javascript-algorithms](https://github.com/trekhleb/javascript-algorithms)
_Bom para:_ Arender sobre algoritmos e estrutura de dados em JavaScript

* [clean-code-javascript](https://github.com/ryanmcdermott/clean-code-javascript)
_Bom para:_ Ver conceitos do Clean Code aplicado ao JavaScript com exemplos de código
* [javascript-questions](https://github.com/lydiahallie/javascript-questions)
_Bom para:_ Revisar conceitos da linguagem e estudar para possíveis perguntas de entrevista de código

* [ES6-for-humans](https://github.com/metagrover/ES6-for-humans)

* [JavaScript30](https://javascript30.com/)
_Bom para:_ Aprender implementações usando apenas JavaScript

* [js-stack-from-scratch](https://github.com/verekia/js-stack-from-scratch)
_Bom para:_ Aprender a montar uma stack JavaScript para montar uma aplicação escalável 
## UX Design
> Fontes
* Visual Type Scale
> Responsividade
* Responsively
