---
# System prepended metadata

title: Front-End Notes

---

# Front-End Notes

## Front

### Roadmap
![](https://i.imgur.com/7LmRQXr.png)


---

## HTML

### Uso ideal de tags 
![](https://i.imgur.com/rR3mX47.png)


---

## CSS

### Solução simples para manter a borda dentro da div: 
``` css
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; 
```
---

### SASS

#### Configurações necessárias para o SASS dentro do projeto Angular:
Dentro de **angular.json**:
```json
    // Para que o app reconheça os esquemas de scss
    "schematics": {
        "@schematics/angular:component": {
          "style": "scss"
        }
      },
    
    // Para que seja possível importar o arquivo global dentro de outros 
    // arquivos scss por toda a aplicação
      "options": {
            "stylePreprocessorOptions": {
              "includePaths": [
                "src/assets"
              ]
            }
          },
          
    // Para importar dentro de outro scss 
    @import "<nome do arquivo>";
```
---
