-
Notifications
You must be signed in to change notification settings - Fork 0
/
arquitetura_computadores.html
172 lines (158 loc) · 9.16 KB
/
arquitetura_computadores.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Arquitetura de Computadores - Technologia Simplificata</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet">
<link rel="stylesheet" href="styles.css">
<link rel="shortcut icon" type="image/x-icon" href="./assets/icon.ico">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top">
<a class="navbar-brand" href="/index.html">
<img src="/assets/ts_vertical_logo.png" alt="Logo TS - Technologia Simplificata" width="130px">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item"><a class="nav-link" href="/index.html">Home</a></li>
<li class="nav-item dropdown"><a class="nav-link dropdown-toggle" href="#">Conteúdos</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="aplicacoes_web.html">Aplicações Web</a></li>
<li><a class="dropdown-item" href="modelagem_negocios.html">Modelagem de Negócios</a></li>
<li><a class="dropdown-item" href="arquitetura_computadores.html">Organização e
Arquitetura de Computadores</a></li>
<li><a class="dropdown-item" href="programacao_computadores.html">Programação de
Computadores</a></li>
<li><a class="dropdown-item" href="sistemas_operacionais.html">Sistemas Operacionais</a></li>
</ul>
</li>
<li class="nav-item"><a class="nav-link" href="#newsletter">Newsletter</a></li>
<li class="nav-item"><a class="nav-link" href="#contato">Contato</a></li>
</ul>
</div>
</nav>
<header class="py-5 text-center bg-dark text-white">
<div class="container">
<h1 class="display-4">Arquitetura de Computadores</h1>
<p class="lead">Tudo o que você precisa saber para começar a desenvolver aplicações web.</p>
</div>
</header>
<main class="container my-5">
<section id="apresentacao" class="mb-5">
<h2 class="mb-3">Apresentação</h2>
<p>Bem-vindos ao conteúdo de Modelagem de Negócios! Aqui, você encontrará tudo o que precisa saber para começar a
desenvolver aplicações web. Vamos explorar desde os conceitos básicos até técnicas mais avançadas, com o
objetivo de ensinar de forma clara e prática.</p>
</section>
<section id="skills" class="mb-5">
<h2 class="mb-3">Skills que serão conquistadas</h2>
<div class="row">
<div class="col-sm-6 col-md-4 col-lg-3 mb-3">
<div class="card card-custom">
<div class="card-body">
<i class="fas fa-laptop-code mb-3"></i>
<h5 class="card-title">Desenvolvimento de Software</h5>
<p class="card-text">Conhecimento mínimo sobre como criar e organizar código de software.
</p>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-3 mb-3">
<div class="card card-custom">
<div class="card-body">
<i class="fas fa-brain mb-3"></i>
<h5 class="card-title">Lógica de Programação</h5>
<p class="card-text">Habilidades iniciais para resolver problemas de forma lógica.</p>
</div>
</div>
</div>
</div>
</section>
<section id="introducao" class="mb-5">
<h2 class="mb-4">Introdução ao Desenvolvimento Web</h2>
<h3 class="mb-3">Conceito e Importância</h3>
<p>As aplicações web são programas ou softwares acessados por meio de um navegador web, sem a necessidade
de instalação no dispositivo do usuário. Elas são fundamentais na era digital, oferecendo uma série de
benefícios em relação às aplicações tradicionais, como desktop e mobile.
</p>
<p>O desenvolvimento de aplicações web é uma jornada empolgante que envolve várias etapas e tecnologias.
Começamos com HTML para estruturar nossas páginas, CSS para estilizá-las e JavaScript para adicionar
interatividade. À medida que avançamos, vamos conhecer frameworks e bibliotecas populares como React,
Angular e Vue.js.
</p>
</section>
<section id="html-css" class="mb-5">
<h2 class="mb-3">HTML e CSS</h2>
<p>HTML (HyperText Markup Language) é a linguagem que usamos para criar a estrutura das páginas web. CSS
(Cascading Style Sheets) é o que usamos para definir a aparência visual dessas páginas. Vamos aprender a
criar layouts que funcionam bem em qualquer dispositivo e que são visualmente atraentes.</p>
</section>
<section id="javascript" class="mb-5">
<h2 class="mb-3">JavaScript e Interatividade</h2>
<p>JavaScript é a linguagem de programação que permite adicionar funcionalidades complexas às páginas web.
Com ele, podemos atualizar conteúdos automaticamente, controlar mídias e animar imagens.</p>
</section>
<section id="frameworks" class="mb-5">
<h2 class="mb-3">Frameworks e Bibliotecas</h2>
<p>Para desenvolver de forma mais rápida e criar aplicações robustas, utilizamos frameworks e bibliotecas.
Vamos explorar ferramentas como React, Angular e Vue.js e aprender como elas podem facilitar o nosso
trabalho.</p>
</section>
<section id="backend" class="mb-5">
<h2 class="mb-3">Backend e Banco de Dados</h2>
<p>Além do que vemos na tela (frontend), precisamos também de um backend, onde a lógica do negócio é
implementada e os dados são gerenciados. Vamos aprender sobre tecnologias como Node.js, Django e bancos
de dados como MongoDB e PostgreSQL, que nos ajudam a criar aplicações web completas e eficientes.</p>
</section>
</main>
<section id="contato" class="py-5 bg-light">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading">Contato</h2>
<p class="text-muted">Envie suas dúvidas, sugestões ou feedback através do formulário abaixo.</p>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<form onsubmit="sendEmail(event)">
<div class="row">
<div class="col-md-6 mb-3">
<label for="nome">Nome</label>
<input type="text" class="form-control" id="nome" name="nome" placeholder="Seu nome"
required>
</div>
<div class="col-md-6 mb-3">
<label for="email">Email</label>
<input type="email" class="form-control" id="email" name="email"
placeholder="Seu e-mail" required>
</div>
</div>
<div class="mb-3">
<label for="mensagem">Mensagem</label>
<textarea class="form-control" id="mensagem" name="mensagem" rows="4"
placeholder="Sua mensagem" required></textarea>
</div>
<button type="submit" class="btn btn-primary">Enviar</button>
</form>
</div>
</div>
</div>
</section>
<footer class="py-4 bg-dark text-white-50">
<div class="container text-center">
<small>© 2024 Technologia Simplificata. Todos os direitos reservados.</small>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5/dist/js/bootstrap.bundle.min.js"
integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
crossorigin="anonymous"></script>
</body>
</html>