-
linkar CSS e JS com HTML
CSS:
<link rel="stylesheet" type="text/css" href="index.css">
JS:
<script type="text/javascript" src="index.js"></script>
-
browser recebe o HTML "morto" e cria uma representação "viva", o DOM (Document Object Model), uma árvore de elementos, que pode ser manipulada via JS.
-
seletores: forma de identificar os elementos.
button
: identifica todos os elementos de tag<button>
#button-ok
: identifica o elemento comid="button-ok"
-
função: bloco de código com um nome, e possivelmente parâmetros
-
definida com:
function formatarNome(nome) { return nome.replace(/\b\w/g, function(l){ return l.toUpperCase() }) }
-
chamada com:
var nomeFormatado = formatarNome('maris konrad')
-
-
objeto: uma variável que agrupa diversos valores relacionados à mesma coisa, relacionados entre si. Inclusive os valores podem ser funções. Esses valores são acessados usando dot notation, como
objeto.valor
.console
: tem a funçãolog
, a funçãoclear
etcdocument
: tem a funçãogetElementById
etc- os elementos de input tem a função
addEventListener
, a propriedadevalue
etc
-
formas do JS acessar o DOM:
- por id do elemento:
document.getElementById('button-ok')
- existem outras formas além de
getElementById
- por id do elemento:
-
markdown: sintaxe básica de markdown. Markdown é uma linguagem de marcação usada para estrutrar texto. Existem ferramentas que convertem texto em markdown para HTML, como o Markdown Preview do Atom e Github.
-
github: criamos repositório.
-
git:
git init
: rodar uma vez no projeto para iniciar o repositório git. Cria a pasta.git
git status
: mostra o estado de cada arquivo, se foi alterado, se foi criado etc.git diff
: mostra o que foi alterado em cada arquivo, linhas adicionadas e linhas removidas.git add
: seleciona quais arquivos queremos fazer commit. Se quiser selecionar todos os arquivos da pasta do projeto, rodargit add .
git commit
: cria o ponto no histórico do projeto. Esse comando vai abrir um editor de texto para digitar a mensagem do commit. Para especificar a mensagem diretamente no comando, usargit commit -m 'mensagem do commit'
.git log
: mostra o histórico de commits.git pull
: baixa as alterações que estão no repositório remoto (GitHub).git push
: envia as alterações locais para o repositório remoto.