forked from karolinealencar/desvendandoJavaScript
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
150 lines (145 loc) · 9.96 KB
/
index.html
File metadata and controls
150 lines (145 loc) · 9.96 KB
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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<title>Desvendando Javascript</title>
<link rel="stylesheet" href="estilo.css">
<script src="js/main.js"></script>
</head>
<body>
<main>
<header>
<h1>Desvendando Javascript</h1>
<nav>
<ul>
<li><a href="#introducao">Introdução</a></li>
<li><a href="#number">Number</a></li>
<li><a href="#string">String</a></li>
<li><a href="#boolean">Boolean</a></li>
<li><a href="#undefined">Undefined e Null</a></li>
<li><a href="#object">Object</a></li>
<li><a href="#function01">Function Parte 01</a></li>
<li><a href="#function02">Function Parte 02</a></li>
<li><a href="#array">Array</a></li>
<li><a href="#expressoes">Expressões Regulares</a></li>
<li><a href="#date">Date</a></li>
<li><a href="#operadores">Operadores</a></li>
<li><a href="#statements">Statements</a></li>
</ul>
</nav>
</header>
<h3>Repositório de auxílio ao curso <a href="https://www.youtube.com/playlist?list=PLQCmSnNFVYnT1-oeDOSBnt164802rkegc">Desvendando a linguagem Javascript</a> de <a href="https://www.youtube.com/user/rodrigobranas/featured">Rodrigo Branas</a></h3>
- Dica, instale o <a href="https://nodejs.org/en/">Node.js</a> na sua máquina, e rode os exercícios direto do seu console. (É bem simples, após instalar o Node.js no seu computador, abra seu console, prompt se estiver usando windows e terminal se estiver usando mac, e digite node, se tudo estiver certo, o console vai pular uma linha e vai aparecer um sinal de > )
<div class="separador">- - -</div>
<img src="img/console.png" alt="prompt node" />
<div class="separador">- - -</div>
<div class="intro">
<h2>Vou separar cada aula em uma sessão com um resumo do assunto abordado no vídeo e em alguns casos, artigos para complementar oque foi passado, e cada vídeo vai ter um arquivo .js de referência, com todos exercicíos que foram passados na aula, mais um exemplo explicado para ajudar na fixação.</h2>
</div>
<div class="separador">- - -</div>
</main>
<section id="introducao">
<h2>Introdução</h2>
Aula 01 - <a href="https://github.com/ravenNNN/desvendandoJavaScript/blob/master/aulas/introducao.js" target="_blank">introdução.js</a>
<p class="code">
<span>alert</span>(<strong>"Fala aê noobada!"</strong>);<br>
<span>console.log</span>(<strong>"De boas?"</strong>);
</p>
<p>
Há muito tempo que o JavaScript se tornou mais do que uma mera linguagem para fazer truques bobos em páginas HTML e atualmente é praticamente impossível imaginar a internet sem a existência dele. Em conjunto com o HTML e o CSS, o JavaScript - bem como suas bibliotecas, dialetos e tecnologias relacionadas - é um dos alicerces fundamentais da web como a conhecemos.<br><br>
Embora originalmente o JavaScript tenha sido projetado para rodar em navegadores, atualmente também é possível executar aplicações escritos nessa linguagem em servidores web graças ao Node.js.<br><br>
Criado em 2009, o Node.js é um conjunto de ferramentas opensource que permite criar servidores web para execução remota de aplicações JavaScript. Serviços importantes como PayPal, LinkedIn e Groupon usam Node.js para funcionar.<br><br>
Graças aos avanços proporcionados pela comunidade de desenvolvedores dessa ferramenta, existem implementações do Node.js até mesmo para dispositivos da chamada Internet das Coisas: o Tessel, computador semelhante ao Arduino, executa aplicações embarcadas rodando em Node.js.<br><br>
O JavaScript já transcendeu os navegadores e agora permite fazer virtualmente qualquer software que se possa imaginar, inclusive aplicativos para smartphones!<br><br>
Todos os sistemas operacionais móveis disponíveis no mercado suportam JavaScript, sendo possível construir aplicativos para Android, iOS, Windows Phone. A vantagem aqui é que geralmente é mais fácil desenvolver aplicativos compatíveis com todas as aplicações, ao contrário do desenvolvimento com linguagens nativas, que limita as opções ao SO de origem (Java para Android, Swift para iOS, etc).<br><br>
Sencha Touch, PhoneGap, Titanium e outras tecnologias são apenas alguns exemplos de ferramentas que permitem a criação de poderosos aplicativos mobile com mais facilidade e flexibilidade.<br><br>
fonte: <a href="canaltech.com.br/materia/internet/O-que-e-e-como-funciona-a-linguagem-JavaScript/">O que é e como funciona a linguagem JavaScript?</a>
</p>
</section>
<div class="separador">- - -</div>
<section id="number">
<h2>Number</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque veritatis beatae reiciendis nam maxime assumenda qui perferendis neque, quo expedita, doloribus dolorum laboriosam, modi odio. Illo iusto voluptatum, quam eius.
</p>
</section>
<div class="separador">- - -</div>
<section id="string">
<h2>String</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque veritatis beatae reiciendis nam maxime assumenda qui perferendis neque, quo expedita, doloribus dolorum laboriosam, modi odio. Illo iusto voluptatum, quam eius.
</p>
</section>
<div class="separador">- - -</div>
<section id="boolean">
<h2>Boolean</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque veritatis beatae reiciendis nam maxime assumenda qui perferendis neque, quo expedita, doloribus dolorum laboriosam, modi odio. Illo iusto voluptatum, quam eius.
</p>
</section>
<div class="separador">- - -</div>
<section id="undefined">
<h2>Undefined e Null</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque veritatis beatae reiciendis nam maxime assumenda qui perferendis neque, quo expedita, doloribus dolorum laboriosam, modi odio. Illo iusto voluptatum, quam eius.
</p>
</section>
<div class="separador">- - -</div>
<section id="object">
<h2>Object</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque veritatis beatae reiciendis nam maxime assumenda qui perferendis neque, quo expedita, doloribus dolorum laboriosam, modi odio. Illo iusto voluptatum, quam eius.
</p>
</section>
<div class="separador">- - -</div>
<section id="function01">
<h2>Function Parte 01</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque veritatis beatae reiciendis nam maxime assumenda qui perferendis neque, quo expedita, doloribus dolorum laboriosam, modi odio. Illo iusto voluptatum, quam eius.
</p>
</section>
<div class="separador">- - -</div>
<section id="function02">
<h2>Function Parte 02</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque veritatis beatae reiciendis nam maxime assumenda qui perferendis neque, quo expedita, doloribus dolorum laboriosam, modi odio. Illo iusto voluptatum, quam eius.
</p>
</section>
<div class="separador">- - -</div>
<section id="array">
<h2>Array</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque veritatis beatae reiciendis nam maxime assumenda qui perferendis neque, quo expedita, doloribus dolorum laboriosam, modi odio. Illo iusto voluptatum, quam eius.
</p>
</section>
<div class="separador">- - -</div>
<section id="expressoes">
<h2>Expressões Regulares</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque veritatis beatae reiciendis nam maxime assumenda qui perferendis neque, quo expedita, doloribus dolorum laboriosam, modi odio. Illo iusto voluptatum, quam eius.
</p>
</section>
<div class="separador">- - -</div>
<section id="date">
<h2>Date</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque veritatis beatae reiciendis nam maxime assumenda qui perferendis neque, quo expedita, doloribus dolorum laboriosam, modi odio. Illo iusto voluptatum, quam eius.
</p>
</section>
<div class="separador">- - -</div>
<section id="operadores">
<h2>Operadores</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque veritatis beatae reiciendis nam maxime assumenda qui perferendis neque, quo expedita, doloribus dolorum laboriosam, modi odio. Illo iusto voluptatum, quam eius.
</p>
</section>
<div class="separador">- - -</div>
<section id="statements">
<h2>Statements</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque veritatis beatae reiciendis nam maxime assumenda qui perferendis neque, quo expedita, doloribus dolorum laboriosam, modi odio. Illo iusto voluptatum, quam eius.
</p>
</section>
<footer>Desenvolvido e mantido com ♥ pelo blog <a href="https://medium.com/@blog.fullstack">FullStack</a> <span>☭</span></footer>
</body>
</html>