-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathtutorial.txt
More file actions
232 lines (174 loc) · 7.07 KB
/
tutorial.txt
File metadata and controls
232 lines (174 loc) · 7.07 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
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
Lógica de programação
- variáveis
- operadores
- algorítmo
- estruturas de controle
- POO
- estruturas de dados
_______________________________________________________________________________
MANDAMENTO DA programação
1) UX (Use experience) - desenvolver sempre pensando na experiencia do usuário.
Dica de video: http://youtu.be/Z1GNW_woXI0?si=rT8A-7amLsIxuokW
2) Usar o minimo posível de código (variáveis), operadores, comparadores, estuturas de controle etc) para resolver o problema (lembrar do marcapasso)
3)Entender o problema. Não adianta sentar na frente do computador se você não sabe como resolver o probelma.
"algoritmo" (receita do bolo")
conceito:
variáveis
entrada - processamento - saínpmda
__________________________________________________________________________________
GIT e GITHUB
Comandos básicos do git:
git config --global user.name "Seu nome"
git config --global user.email "seuemail@email.com"
git clone url_do_repositório (clonar um repositório)
git status (verificar o status do repositório local)
git add . (adiciona ao repositório local)
git commit -m "tutorial" (documentar as alterações)
git push (enviar ao repositório GitHub)
git pull (sincroniza as informações do repositório no PC)
Gerar token GitHub
1) Settings
2) Developer Settings
3) Token classic
4) Gerar o token selecionando tudo, guardar o token
____________________________________________________
Boas práticas na programação
1) Cabeçalho de documentação
/**
Nome do projeto
Descrição da classe / função
@author Professor José de Assis
@version 1.0
*/
2) Nomes de arquivos, variáveis, funções, classes, etc
Regras (clean code)
- Declarar nomes que tenham relação com o problema
- Não usar espaço, "ç", acentos e caracteres especiais para declaração de nomes (erros internos no programa)
- Só classes iniciam com letra maiúscula
- Não iniciar um nome com número
- Quando for declarar dois nomes usar a técnica do camelo (camel case) - Usar uma letra maiúscula na segunda palavra
Exemplo
nomecliente -> nomeCliente
____________________________________________________
Comandos básicos do MS-DOS
cls -> limpar a tela
dir -> listar arquivos e diretórios
cd nome_diretório -> entrar no diretório
cd .. -> voltar par ao diretório anterior
____________________________________________________
Node - Plataforma que permite a execução do JavaScript
fora do navegador (browser)
https://nodejs.org/ (baixar sempre a versão LTS)
Comandos básicos:
node -v (versão do node)
Gerenciador de pacote para o node:
npm está relacionado a pasta do projeto ou seja os pacotes são instalados na raiz do projeto e não no sistema operacional
npm -v (versão do npm)
npm ls (listar pacotes instalados)
npm i nome_do_pacote (instalar um pacote)
npm init (iniciar um novo projeto javaScript)
npm init (iniciar um novo projeto JavaScript)
|____ package.json
json (JavaScript Object Notation)
____________________________________________________
Variáveis e constante:
Uma variável é um espaço na memória do computador onde armazenamos dados que podem ser utilizados e modificados durante a execução de um programa. O nome "variável" vem do fato de que o valor armazenado pode variar ao longo do tempo, conforme o programa roda.
Por que usar variáveis?
Para guardar informações que você vai precisar mais tarde.
Para realizar cálculos ou tomar decisões baseadas em diferentes valores.
Uma constante é como uma variável, mas com uma diferença importante: uma vez que você define o valor de uma constante, ele não pode ser alterado durante a execução do programa.
Por que usar constantes?
Segurança: Se você sabe que um valor não deve ser alterado em seu programa, usar uma constante evita erros.
Legibilidade: Quando você usa uma constante, deixa claro para quem está lendo o código que aquele valor é fixo e importante.
Boas práticas: Em muitos casos, é recomendado usar constantes sempre que possível para valores que não precisam mudar, facilitando a manutenção do código.
Nas linguagens de programação as variáveis são tipadas ou dinamicamente tipadas
Existem 3 tipos de variáveis:
String -> Armazena caracteres e números
Number -> Armazena números inteiros e não inteiros
Boolean -> true | false
ATENCAO: No js uma variavel pode ser criada usando let ou var
var (obsoleto e insegura), usar sempre let
_____________________________________________________
Comandos JavaScript (Sintaxe)
console.log() -> escrever no console
console.clear() -> Limpar a tela do console
const -> criar(declarar) uma constante
let -> criar(declarar) uma variável
typeof() -> verificar o tipo de variável
_______________________________________________________________________________
Estrutura de controle
-condicionais
-laços de repetições
Estruta de controle condicionais
if (condição){
//condição verdadeira
}
// nao disperdiça como so o if
if (condição){
//condição verdadeira
} else {
//condição falsa
}
Observações:
1) Uma condição nunca pode ser verdadeira e falsa simultaniamente.
2) No uso do if-else sempre uma das condições será processada.
if (condição 1){
//condição 1 verdadeira
} else if (condição 2){
//condição 2 verdadeira
} else {
//condição falta
}
Obs: Nesta estrutra o else é opcional, porém se indicado caso não nenhuma condição for verdeira ele obrigatóriamente executará o que estiver no else.
switch case (uso de variável numérico(número inteiro))
switch (variavel){
caso1 :
//código caso o valor da variável seja 1 break
caso2 :
//codigo caso o valor da variável seja 2 break
default:
// opcional, o código será executado se nenhum caso for defiido
definido
break
}
Estrutura de controle - laços de repetições
for (let i = 1; i < 10; i++) {
// o código aqui dentro será repetido enquanto condição for verdadeira
}
// Laço com número de repetições definidas
// let i = 1 (início)
// i < 10 (condição)
// i++ (incremento) i-- (decremento)
Uso do laço for:
1) Percorrer uma estrtura de dados (Importante)
2) Simplificar o código
3) Fazer cálculos levando em conta a variável interna do laço
(+ 1 exemplo do exercício contagem):
console.clear()
for (let i = 10; i => 0; i--) {
console.log(i)
}
console.log("Decolar")
Exercicio de contratação:
/**
* Tabuadas
* @author Wellington R. Cruz
*/
console.clear()
for (let i = 1; i < 11; i++) {
console.assert(`Tabuada do ${i}`)
for (let j = 1; j < 11; j++) {
console.log(`${i} x ${j} = ${i*j}`)
}
}
while(condição) {
//condição verdadeira
}
do {
//executa o codigo uma vez independente da condição e depois analisa a condição
} while (condição)
As estruturas while e do-while são estruturas de repetições infinitas, ou seja enquanto a condição for verdadeira o código interno será repetido infinitamente
____________________________________________________
Executando o JavaScript junto com HTML
- Execução interna no próprio documento HTML
-Link com um documento JS(preferencialmente)