Fonte: Google
Este espaço servirá como um guia de apoio ao curso, apresentando os conteúdos abordados e os passos que seguiremos para construir nossas próprias aplicações web. Aqui, desenvolveremos juntos as habilidades práticas e os conhecimentos essenciais para atuação no universo da programação.
No mundo da programação, existem diversas áreas de atuação. Vamos destacar três das principais:
Desenvolvimento Back-end: cuida da parte lógica das aplicações, sendo responsável por gerenciar dados e executar as regras de negócio. Geralmente envolve linguagens como PHP, Java ou Python.
Desenvolvimento Front-end: é o responsável pela interface do usuário — aquilo que vemos e com o que interagimos diretamente nas páginas web.
Desenvolvimento Mobile: foca na criação de aplicativos para dispositivos móveis, como smartphones e tablets, normalmente para sistemas Android ou iOS.
Desenvolvimento web é o processo de criação e manutenção de sites e aplicativos para a internet. Pode envolver desde páginas simples até plataformas complexas de comércio eletrônico, sistemas de gestão ou interações em tempo real.
Para isso, são usadas várias tecnologias, como:
HTML (HyperText Markup Language): estrutura o conteúdo da página;
CSS (Cascading Style Sheets): define o visual e a formatação do conteúdo;
JavaScript: adiciona interatividade e dinamismo às páginas web.
Além disso, o desenvolvimento web muitas vezes inclui o uso de bancos de dados e servidores, para armazenar e processar informações.
De forma geral, o desenvolvimento web se divide em duas camadas:
Front-end (Client-side): é a parte visível, que roda no navegador do usuário. Nela usamos:
HTML para estruturar o layout (divisão da página, cabeçalho, menus etc.);
CSS para estilizar a página (cores, fontes, posicionamento);
JavaScript para tornar a página interativa (responder cliques, animações, validações).
Importante: JavaScript não é o mesmo que Java. Apesar do nome semelhante, são linguagens diferentes.
Back-end (Server-side): roda no servidor e é responsável por processar os dados da aplicação. Linguagens como PHP, Java e Python são utilizadas para tarefas como acessar bancos de dados ou executar serviços.
Por exemplo: se um cálculo simples de 2 + 2 for feito em JavaScript, ele será processado no navegador do usuário (client-side). Já se o mesmo cálculo for feito com PHP, quem processa é o servidor (server-side), e o resultado é enviado ao navegador.
Assim, quem desenvolve a interface visual é chamado de Desenvolvedor Front-end, enquanto quem cuida da lógica por trás das aplicações é o Desenvolvedor Back-end.
O objetivo do uso conjunto de HTML, CSS e JavaScript é separar:
Conteúdo (HTML),
Estilo (CSS),
Comportamento (JavaScript).
Essa separação facilita a organização e manutenção do código, além de melhorar a experiência do usuário.
O desenvolvimento web é uma área dinâmica e em constante evolução. Novas ferramentas e metodologias — como a abordagem ágil — surgem o tempo todo. Por isso, é fundamental que os profissionais estejam sempre aprendendo e se atualizando.
SUMÁRIO
INTRODUÇÃO AO DESENVOLVIMENTO WEB
FORMATOS DE IMAGENS – PRINCIPAIS EXTENSÕES
ELEMENTOS DE ESTRUTURA DO LAYOUT
FORMATAÇÕES DE TEXTO E CARACTERES EMOJIS
PSEUDOS ELEMENTOS E PSEUDOS CLASSES
INDICAÇÕES DE TAMANHO - EM, PX, PT, CM, IN
PROPRIEDADE TRANSITION - TRANSFORM E ANIMATION