# Fundamentos de Arquitetura de Software

###### tags: `Arquitetura de Software`

### Capítulo 1. Visão Geral da Arquitetura de Software

1.1 Definição e Elementos da Arquitetura.
1.2 Características Arquiteturais.
1.3 Estilos Arquiteturais.
1.4 Frameworks Arquiteturais.

1.5. Interseções da Arquitetura.

Capítulo 2. O Papel do Arquiteto

2.1. Expectativas sobre o Arquiteto.

2.2. Mentalidade de Arquitetura.

Trabalho Prático do Módulo 1

Capítulo 3. Abordagens de Desenvolvimento

3.1. Modelos de Ciclos de Vida.

3.2. Abordagem Ágil.

3.3. Framework Scrum.

Capítulo 4. DevOps

4.1. Contexto do DevOps.

4.2. Visão geral do DevOps.

4.3. Princípios DevOps.

4.4. Princípios de Fluxo.

4.5. Sistema de Controle de Versões.

#### Definição e Elementos da Arquitetura

:::info
"Arquitetura diz respeito a coisas importantes, seja lá o
que ‘importante’ signifique."
Martin Fowler
:::

:::info
"O arquiteto deve ser como um guia, um experiente e capacitado membro da
equipe que ensina aos outros se virar melhor, e ainda assim está sempre lá para as
partes mais complicadas"
Martin Fowler
:::
##### O que é Arquitetura de Software?

##### Elementos da Arquitetura de Software

> This note is yours, feel free to play around. :video_game:
> Type on the left :arrow_left: and see the rendered result on the right. :arrow_right:

## :memo: Where do I start?

### Step 1: Change the title and add a tag

- [x] Create my first HackMD note (this one!)
- [x] Change its title
- [x] Add a tag

:rocket:

### Step 2: Write something in Markdown

Let's try it out!
Apply different styling to this paragraph:
**HackMD gets everyone on the same page with Markdown.** ==Real-time collaborate on any documentation in markdown.== Capture fleeting ideas and formalize tribal knowledge.

- [x] **Bold**
- [ ] *Italic*
- [ ] Super^script^
- [ ] Sub~script~
- [ ] ~~Crossed~~
- [x] ==Highlight==

:::info
:bulb: **Hint:** You can also apply styling from the toolbar at the top :arrow_upper_left: of the editing area.

:::

> Drag-n-drop image from your file system to the editor to paste it!

### Step 3: Invite your team to collaborate!

Click on the <i class="fa fa-share-alt"></i> **Sharing** menu :arrow_upper_right: and invite your team to collaborate on this note!


- [x] Register and sign-in to HackMD (to use advanced features :tada: )
- [ ] Set Permalink for this note
- [ ] Copy and share the link with your team

:::info
:pushpin: Want to learn more? ➜ [HackMD Tutorials](https://hackmd.io/c/tutorials)
:::

---

## BONUS: More cool ways to HackMD!

- Table

| Features | Tutorials |
| ----------------- |:----------------------- |
| GitHub Sync | [:link:][GitHub-Sync] |
| Browser Extension | [:link:][HackMD-it] |
| Book Mode | [:link:][Book-mode] |
| Slide Mode | [:link:][Slide-mode] |
| Share & Publish | [:link:][Share-Publish] |

[GitHub-Sync]: https://hackmd.io/c/tutorials/%2Fs%2Flink-with-github
[HackMD-it]: https://hackmd.io/c/tutorials/%2Fs%2Fhackmd-it
[Book-mode]: https://hackmd.io/c/tutorials/%2Fs%2Fhow-to-create-book
[Slide-mode]: https://hackmd.io/c/tutorials/%2Fs%2Fhow-to-create-slide-deck
[Share-Publish]: https://hackmd.io/c/tutorials/%2Fs%2Fhow-to-publish-note

- LaTeX for formulas

$$
x = {-b \pm \sqrt{b^2-4ac} \over 2a}
$$

- Code block with color and line numbers：

var s = "JavaScript syntax highlighting";
alert(s);

- UML diagrams

Alice->Bob: Hello Bob, how are you?
Note right of Bob: Bob thinks
Bob-->Alice: I am good thanks!
Note left of Alice: Alice responds
Alice->Bob: Where have you been?

- Auto-generated Table of Content
[ToC]

> Leave in-line comments! [color=#3b75c6]

- Embed YouTube Videos

{%youtube PJuNmlE74BQ %}

> Put your cursor right behind an empty bracket {} :arrow_left: and see all your choices.

- And MORE ➜ [HackMD Tutorials](https://hackmd.io/c/tutorials)