Seção 1 - Roteiro de estudos (lista ordenada type com e
start)
Etapa 1: Fundamentos
-
Configuração do Ambiente de Desenvolvimento
- Instalação do VS Code
- Extensões essenciais para HTML/CSS
-
Estrutura Básica de Documentos
- Uso da tag DOCTYPE e meta tags
- Semântica de cabeçalhos e parágrafos
-
Elementos de Texto e Links
- Formatação de texto negrito e itálico
- Criação de links internos e externos
Após concluir os fundamentos acima, o aluno estará apto a avançar para a organização de dados e conteúdos complexos, conforme detalhado a seguir:
Etapa 2: Elementos Estruturais
-
Trabalhando com Listas
- Listas não ordenadas (ul)
- Listas de definição (dl)
-
Construção de Tabelas
- Tags básicas de tabela (table, tr, td)
- Mesclagem de células com rowspan e colspan
-
Inclusão de Mídia
- Atributos de imagens e acessibilidade
- Incorporação de áudio e vídeo
Seção 2 - Ranking de tecnologias (lista ordenada reversa)
-
SQL
Linguagem padrão para gerenciar e manipular bancos de dados relacionais, fundamental para o desenvolvimento de aplicações web dinâmicas que processam dados.
-
Git
Ferramenta essencial para o controle de versão e colaboração em projetos de software, permitindo rastrear mudanças no código-fonte ao longo do tempo.
-
JavaScript
Linguagem de programação que permite a criação de conteúdo interativo e dinâmico no lado do cliente, sendo um dos pilares do desenvolvimento web moderno.
-
CSS
Responsável pela estilização e layout das páginas web, permitindo separar o conteúdo da apresentação visual e garantindo a responsividade do site.
-
HTML
A base fundamental da web. Define a estrutura e o significado do conteúdo através de elementos semânticos, sendo o ponto de partida obrigatório para qualquer desenvolvedor.
Seção 3 - Glossário de termos técnicos (lista de definição)
- HTML
- HyperText Markup Language (Linguagem de Marcação de Hipertexto).
- Linguagem padrão utilizada na criação de páginas e documentos para a World Wide Web.
- CSS
- Cascading Style Sheets (Folhas de Estilo em Cascata), utilizada para definir a apresentação visual de documentos HTML.
- Navegador
- Browser
- Software projetado para permitir a navegação e visualização de páginas da web, processando códigos HTML, CSS e JavaScript.
- API
- Application Programming Interface (Interface de Programação de Aplicações).
- Conjunto de normas que possibilitam a comunicação entre plataformas por meio de uma série de padrões e rotinas.
- Tag
- Etiqueta
- Elementos de marcação usados para instruir o navegador sobre como a estrutura do conteúdo deve ser exibida.
- JavaScript
- Linguagem de programação interpretada que permite implementar itens complexos e interatividade em páginas web.
- HTTP
- Hypertext Transfer Protocol, o protocolo base utilizado para a troca de informações na internet.
- URL
- Uniform Resource Locator, o endereço único que identifica um recurso na rede.
Seção 4 - Mapa de tecnologias (lista aninhada)
-
Desenvolvimento Web
-
Frontend
-
Linguagens
- HTML
- CSS
- JavaScript
-
Frameworks
- React
- Vue.js
- Angular
-
Linguagens
-
Backend
-
Linguagens
- Python
- Java
- Node.js
-
Bancos de Dados
- MySQL
- PostgreSQL
-
Linguagens
-
Frontend