Primeiros passos para programar para a Web
- #HTML
#INTRODUÇÃO
A programação web, assim como qualquer outra área tecnológica, exige bastante dedicação por parte daqueles que desejam dominar os conceitos gerais de programação.
Considerando que todo mundo deve e precisa partir do início, abaixo, discorreremos sobre alguns pontos importantes que precisam ser conhecidos por aqueles que estão dispostos a embarcar no maravilhoso mundo da Programação Web.
#TERMOS-CHAVE
DOWNLOAD
- Down: baixo
- Load: carregar
UPLOAD
- Up: cima
- Load: carregar
LATÊNCIA
- Tempo entre o envio e recebimento dos dados.
CRACK
- Piratear um software;
- Quebrar a segurança de um programa.
HTML
- Linguagem de Marcação [não de programação].
LINK
- Ligação.
URL
- Endereço.
LOGIN/LOGON
- Entrar.
LOGOUT/LOGOFF
- Sair.
PIXEL
- Elementos da imagem.
CLICK BAIT
- Notícias que apelam para que você clique nelas.
BLOG
- Diário na Internet.
VLOG
- Diário em vídeo.
PODCAST
- Programa gravado na internet.
#PROVEDOR DE SERVIÇO
- Dial-up
- ADSL (banda larga)
- Fibra Ótica
- Rádio
- Satélite
- Móvel
- P2P* (peer to peer)
PORTAS [Porto = Originalmente)
20 FTP
22 SSH
25 SMTP
53 DNS
80 HTTP
4443 HTTPS
#INTERNET, DADOS MÓVEIS E CELULAR
- SMS = Não custa nada para as empresas de telefonia;
- MMS = Mensagens multimídia (maiores dados);
- CONEXÕES MÓVEIS:
- 1G = 10 Kbps
- 2G = 97 Kbps
- 3G = 7 Mbps
- 4G = 22,1 Mbps
- 5G = 10 Gbps
Wi-Fi
- IEEE 802.11 2 Mbps (2.4 GHz)
- IEEE 802.11b 11 Mbps (2.4 GHz)
- IEEE 802.11a 54 Mbps (5 GHz)
- IEEE 802.11g 54 Mbps (2.4 GHz)
- IEEE 802.11n 150 - 600 Mbps (2.4 GHz / 5 GHz)
- IEEE 802.11ac 1.3 Gpbs (5 GHz)
SEGURANÇA NA INTERNET
- WEP: Chaves de 64 bits / 128 bits
- WPA: Chave trocada periodicamente
- WPA2 (AES): IEEE 802.11i:
- (+ segurança)
- (+ processamento)
BLUETOOTH
- CLASSES (Taxa: 1 Mbps - 50 Mbps)
1 100 metros
2 10 metros
3 1 metro
BROWSER
- CONSEGUE INTERPRETAR:
- Linguagens de Programação;
- Liguagens de Marcação [HTML...UML);s
- Conteúdo Multimídia.
TIPOS DE PÁGINAS
- ESTÁTICA [Não se movia - Parecia um quadro];
- DINÂMICA [Dinâmica - Interação com os elementos].
SITE
- Página da Internet;
- Podem ser feitas de diversas LPs;
- D/XHTML caindo em desuso.
*APLICATIVO NA WEB
E-COMMERCE
- Site de compra e venda;
- Com sistema de pagamentos [pode ser fora do site];
WEB-SERVER (Servidores)
- CLASSIFICAÇÕES:
- Estático = Servidor Físico;
- Dinâmico = Software no servidor Físico.
WEB-SERVICE
- Interface disponível para fazer requisições;
- Exemplos: Correios; Governo.
#STACK
- PILHAS DE TECNOLOGIAS;
- CONJUNTOS DE SOFTWARES;
- CAPACIDADE E LIMITAÇÕES DE PERFORMANCE.
- PARTES DO STACK:
Front-end
- Parte de frente;
- Interface do Usuário (UI e UX);
- Lógica de Programação;
- HTML;
- CSS;
- jQuery;
- PHP.
Back-end
- Parte de trás;
- Servidores, bancos de dados;
- meio-de-campo: banco de dados e interface;
- MySQL; Oracle; Protocolos de Comunicação; PHP, Java.
Full stack
- Profissional completo.
#PRINCIPAIS LINGUAGENS
- HTML;
- CSS;
- JAVASCRIPT;
- PHP;
- .NET
- ASP;
- JAVA;
- RUBY;
- PYTHON;
- PERL;
- C/C++/C#.
#TERMOS COMUNS
- 404 - Endereço Inexistente;
- Algoritmo;
- Linguagens;
- API - Funcionalidade adicional;
- Biblioteca / dll;
- Breakpoint - Pontos de parâmetros;
- Bug
- Código - Instruções;
- Controle de versões;
- Debug Chegar;
- Design adaptativo/responsivo;
- Documentação Interna e Externa;
- Estrutura de Dados;
- Framework - caixa de ferramentas;
- Github - Controladores de versão;
- Meta tags;
- MySQL;
- Solução - Programa ou Conjunto de Programas;
- IU;
- UX;
- WYSIWYG (Você ver -> Você imprime).
PRIMEIRA APLICAÇÃO WEB
- Servidor XAMPP: Apache + Maria DB + PHP + Perl;
- Config;
- Procurar documentroot;
- Trocar pelo caminho de sua Pasta Projetos;
- Notepad ++
