-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathtutorial.txt
More file actions
263 lines (189 loc) · 7.64 KB
/
tutorial.txt
File metadata and controls
263 lines (189 loc) · 7.64 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
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
usuário: t-334031
senha: G1JTXfK8
usuário: t-354645
senha: uX34UgPh
# Lógica de programação
# Photshop
# front-end
- HTML5 e CSS3
- UX UI
- JavaScript
- Frameworks (bootstrap)
- CMS (wordpress)
# banco de dados
# sistemas desktop
electron
# back-end (Java ou php)
# testes
# pi
___________________________________
Lógica de programação
- variáveis
- operadores
- algorítmo
- estruturas de controle
- POO
- estruturas de dados
___________________________________
MANDAMENTOS DA PROGRAMAÇÃO
1) UX (User eXperience) - desenvolver sempre pensado na experiência do usuário.
Dica de video: maior tapa que o Steve Jobs já deu em um programador
2) Usar o mínimo possível de código (variáveis, operadores, comparadores, estruturas
de controle etc) para resolver o problema (lembrar do marcapasso)
>=
maior OU igual
comparador função lógica comparador
ou
>
comparador
3) Entender o problema. Não adianta sentar na frente do computador se você não sabe
resolver o problema.
Algorítmo ("receita do bolo")
Conceito:
variáveis
entrada - processamento - saída
___________________________________
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 add . (Adiciona ao repositório local)
git commit -m "tutorial" (Documentar as alterações)
git push (Enviar ao repositório GitHub)
git status (Verifica ser houve alterações de código)
git pull (Sincroniza as informações do repositório) no PC
Sempre que projeto o projeto for editado em outra maquina: git pull para
Para verificar se houve alterações na sua maquina: git status
Se houve alteração: git add .
Depois de adicionar no "container" é necessário fechar o containter
e identificar o que foi guardado/alterado: git commit -m "Descrição objetiva do que foi alterado"
Agora que foi guardado e identificado só falta enviar para o repositório/Navio: git push
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
Comentário: /**
Nome do projeto
Descrição da classe / função
@author Vitor de Assis
@version 1.0
Link para repositório (OPCIONAL)
*/ Fim Comentário
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 delcaração de nomes (Erros internos no programa)
- Só classes iniciam om letras maiúsculas
- Constantes e variáveis não iniciar um nome com número
- Quando for declarar dois nomes usar a técnica do camelo(camel case )
Exemplo: nomeCliente
________________________________________________________________________________________
Comandos básicos do MS-DOS
cls -> Limpar
dir -> Listar arquivos e diretórios(pastas)
cd "diretorio" -> acessar o diretório
cd .. -> voltar para o diretório anterior
________________________________________________________________________________________
Node - Plataforma que permite a execução do JavaScript fora do navegador(Browser)
https://nodejs.org/pt (Sempre usar a versão LTS-Longo Termo de Serviço)
Comando básicos:
node -v (Versão do node)
Gerencidor de pacote para o node
npm está relacionado a pasta do projeto (ex: JAVASCRITP),
caso tenha outro projeto será necessário instalar novamente os pacotes
https://www.npmjs.com/
npm -v (Versão do NPM)
npm ls (Listar pacotes instalados)
npm init (Iniciar um novo projeto JavaScript)
|_____ package.json
npm i nome_do_pacote (instalar um novo pacote/biblioteca)
npm r nome_do_pacote (remover um pacote/biblioteca)
json = JavaScript Object Notation
________________________________________________________________________________________
Variáveis e Constantes
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.
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.
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(independente da linguagem):
String -> Caracteres e numeros(Textos em geral)
Number -> Numeros(Inteiros e decimais)
Boolean -> Verdadeiro ou Falso (True or False)
ATENÇÃO: No JS uma variável pode ser criada usando let ou var
var (Obsoleto e inseguro), usar sempre o let
________________________________________________________________________________________
Comandos JavaScript (Sintaxe)
console.log() -> Escrever n 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
switch case (uso e variável numérica (número inteiro))
switch(variável){
case 1:
// código caso o valor da variável seja 1
break
case 2:
// código caso o valor da variável seja 2
break
defalt:
//opcional, o código será executado se nenhum caso for definido
break
}
Estruturas de controle - laços de repetições
for(let i = 1; i < 10; i++){
// o código será repetido enquanto a 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 estrutura de dados (importantes)
2) Simplificar o codigo (arduino)
3) Fazer calculos levando em conta a variavel interna do laço
________________________________________________________________________________________
Executando JavaScript junto com HTML
- execução interna no próprio documento HTML
- Link com um documento JS (preferenciamente)
________________________________________________________________________________________
POO ( programação orientada a objetos)
objeto -> estrutura de dados
Conceito relacionado a estrutura de dados:
CRUD (Create Read Update Delete)
são as 4 operações basicas que podemos realizar com a estrutura de dados:
create: inserção de dados na estrutura
Read:Pesquisa de dados na estrutura
Update:alteração de dados da estrutura
Delete:Exclusão de dados
Pilares da programação orientada a objetos
//Reutilização
abtração
herança
polimofismo
classe modelo (abstração - herança - poliformismo)
- biblioteca nativa do JS
- biblioteca instalada do node
- Criada pelo usuário usando class
observação o ponto "
// Segurança
encapsulamento
observações:
Toda classe modulo obrigatoriamente deve iniciar com letra maiúsculas
dica:
classe(biologia)
lingua portuguesa:
objeto