Avaliação Formadora - Relatório de Aprendizagem Semanal

AVALIAÇÃO FORMADORA 1ª competência Esta avaliação tem por objetivo verificar se oa alunoa desenvolveu determinada competência do módulo integrando os conhecimentos as habilidades e as atitudes necessários É realizado individualmente e postado no ambiente virtual ao término de cada fase de estudos Critérios de Avaliação Semana 1 Descreva com no mínimo 15 linhas como foi o aprendizado da semana Escrevendo sobre lições aprendidas dificuldades encontradas e o que você conclui deste aprendizado 10 ponto Semana 2 Descreva com no mínimo 15 linhas como foi o aprendizado da semana Escrevendo sobre lições aprendidas dificuldades encontradas e o que você conclui deste aprendizado 10 ponto Semana 3 Descreva com no mínimo 15 linhas como foi o aprendizado da semana Escrevendo sobre lições aprendidas dificuldades encontradas e o que você conclui deste aprendizado 10 ponto Semana 4 Descreva com no mínimo 15 linhas como foi o aprendizado da semana Escrevendo sobre lições aprendidas dificuldades encontradas e o que você conclui deste aprendizado 10 ponto Conclusão 10 ponto abordando o que foi descrito nos aprendizados de cada semana Referências 10 ponto Utilização das normas ABNT 10 ponto Deverá enviar no ambiente AVA até o prazo Formatação do Relatório Microsoft WORD texto JUSTIFICADO Espaço 15 Fonte Arial Tamanho 12 Margem Normal Superior 25 cm Inferior 25 cm Esquerda 30 cm Direita 30 cm 2 Numeração de página A numeração de página deve ser indicada no canto superior direito e sequencial em seu capítulo 3 Citações As citações no texto deverão ser apresentadas de acordo com a NBR 10520 da ABNT de agosto de 2002 Exemplos Nome do autor dentro da citação deverá ser com letras minúsculas De acordo Sá 1995 em relação aos dados de Miranda et al 2006 Nome do autor fora da citação mas dentro de parênteses letras maiúsculas Apesar das aparências DERRIDA 1967 comportamento seguro RIMAL et al 2001 4 Referências A literatura citada deverá ser normalizada no item de REFERÊNCIAS do seu capítulo de acordo com a NBR 6023 da ABNT de agosto2002 em ordem alfabética sem recuo de parágrafo negritar onde for o caso não será aceito título em itálico ou sublinhado Exemplos Artigos de periódicos SOBRENOME Nome SOBRENOME Nome Título do artigo Nome do Periódico em negrito Local de publicação nome da editora volume número do periódico intervalo de páginas citado p97108 mês abreviadoano de publicação Livros Dissertações e Teses SOBRENOME Nome Título do livro em negrito subtítulo normal se houver Local da publicação nome da editora ano de publicação Total de páginas do livro 343p Internet SOBRENOME Nome Título do trabalho em negrito subtítulo normal se houver Disponível em endereço do trabalho na internet Acesso em data do acesso 19 jan 2000 AVALIAÇÃO FORMADORA 1 SEMANA 5 CRIAÇÃO DE PÁGINAS WEB COM HTML 5 A primeira semana foi uma introdução ao mundo do HTML5 a linguagem de marcação que é a espinha dorsal da web Comecei aprendendo sobre a estrutura básica de uma página da web que inclui elementos como o DOCTYPE html html head e body Aprendi que o DOCTYPE html é necessário para garantir que o navegador entenda que o documento é um arquivo HTML5 Dentro do elemento head aprendi sobre a importância das tags title e meta que são cruciais para a SEO e a acessibilidade A tag title define o título da página que é exibido na guia do navegador enquanto as tags meta fornecem informações sobre a página que são importantes para os motores de busca e para a renderização correta da página No elemento body aprendi sobre várias tags HTML5 como header nav main article section e footer Cada uma dessas tags tem um propósito específico e ajuda a criar uma estrutura semântica clara para o conteúdo da página Por exemplo o elemento nav é usado para conter links de navegação enquanto o elemento main contém o conteúdo principal exclusivo de um documento Também aprendi sobre a importância das tags semânticas em HTML5 Elas não só melhoram a acessibilidade permitindo que as tecnologias assistivas entendam melhor o conteúdo mas também melhoram a SEO pois os motores de busca podem entender melhor a estrutura da página Durante esta semana também tive minha primeira experiência com o modelo de caixa CSS CSS Box Model que é fundamental para entender como os elementos HTML são exibidos na página Aprendi sobre as propriedades de margem borda e preenchimento e como elas afetam o layout dos elementos Encontrei algumas dificuldades ao tentar entender o fluxo de layout e como os elementos são posicionados na página No entanto com prática e estudo adicional consegui superar esses desafios Este aprendizado me fez apreciar a complexidade e a beleza da criação de páginas web 2 SEMANA 6 CRIAÇÃO E FORMATAÇÃO DE PÁGINAS COM CSS Nesta semana aprendi a usar CSS para estilizar páginas HTML Comecei aprendendo sobre seletores CSS que são usados para selecionar elementos HTML para estilização Por exemplo o seletor de tipo p seleciona todos os elementos p na página enquanto o seletor de classe myClass seleciona todos os elementos com classmyClass O seletor de ID myID seleciona o elemento com idmyID Aprendi a usar propriedades CSS para estilizar os elementos selecionados Por exemplo a propriedade color define a cor do texto enquanto a propriedade backgroundcolor define a cor de fundo A propriedade fontsize é usada para definir o tamanho da fonte e as propriedades margin padding e border são usadas para controlar o espaço ao redor dos elementos Também aprendi sobre o modelo de caixa CSS CSS Box Model que é uma representação de um elemento HTML que inclui margens bordas preenchimento e o próprio conteúdo Por exemplo se eu tiver um elemento p com um texto posso usar a propriedade padding para adicionar espaço ao redor do texto dentro do elemento p a propriedade border para adicionar uma borda ao redor do preenchimento e a propriedade margin para adicionar espaço fora da borda Aprendi sobre posicionamento em CSS e como ele pode ser usado para controlar o layout dos elementos na página Por exemplo a propriedade position pode ser usada para definir o tipo de posicionamento de um elemento estático relativo fixo absoluto ou pegajoso e as propriedades top right bottom e left podem ser usadas para determinar a posição exata do elemento Assim aprendi sobre o conceito de especificidade em CSS que determina qual regra CSS é aplicada ao elemento quando há várias regras que poderiam ser aplicadas A especificidade é calculada com base no tipo de seletores usados na regra CSS 3 SEMANA 7 CRIAÇÃO E VALIDAÇÃO DE FORMULÁRIOS COM HTML 5 Nesta semana concentreime em criar e validar formulários usando HTML5 Aprendi sobre diferentes tipos de inputs que podem ser usados em um formulário incluindo text email password radio checkbox select e textarea Cada tipo de input tem um propósito específico Por exemplo o input text é usado para coletar uma linha de texto do usuário enquanto o input email é usado para coletar um endereço de email O input password oculta o texto digitado pelo usuário o que é útil para coletar senhas Os inputs radio e checkbox permitem ao usuário selecionar uma ou mais opções respectivamente O input select cria uma lista suspensa de opções e o input textarea é usado para coletar várias linhas de texto Aprendi a usar a tag label para adicionar rótulos aos inputs do formulário Isso não só torna o formulário mais fácil de entender para os usuários mas também melhora a acessibilidade pois as tecnologias assistivas podem usar os rótulos para fornecer contexto aos usuários Também aprendi sobre a validação do lado do cliente usando atributos HTML5 Por exemplo o atributo required pode ser adicionado a um input para indicar que ele deve ser preenchido antes que o formulário possa ser enviado O atributo pattern pode ser usado para definir uma expressão regular que o valor do input deve corresponder Além disso aprendi sobre a tag form e seus atributos importantes como action e method O atributo action especifica a URL para onde os dados do formulário devem ser enviados quando o formulário é enviado O atributo method especifica o método HTTP a ser usado ao enviar os dados do formulário Embora tenha sido um pouco complicado entender todas as nuances da criação e validação de formulários este aprendizado foi crucial para entender como coletar e validar informações do usuário em um site 4 SEMANA 8 ANÁLISE DE REQUISITOS Na quarta semana me aprofundei em análise de requisitos A análise de requisitos é um aspecto crítico do desenvolvimento de software que envolve a determinação das necessidades ou condições a serem atendidas para um novo ou alterado produto Aprendi que a análise de requisitos envolve frequentemente muita comunicação com os clientes usuários finais e partes interessadas do sistema para entender suas necessidades e expectativas Isso pode envolver uma variedade de técnicas como entrevistas questionários observação do usuário workshops brainstorming modelagem de uso e criação de protótipos Aprendi a importância de documentar claramente os requisitos em um documento de requisitos do software Este documento serve como um contrato entre as partes interessadas e os desenvolvedores Ele detalha o que o sistema deve fazer requisitos funcionais e as restrições sob as quais o sistema deve operar requisitos não funcionais Também aprendi sobre diferentes tipos de requisitos incluindo requisitos funcionais requisitos não funcionais requisitos de interface requisitos de desempenho e requisitos de segurança Cada tipo de requisito tem um papel específico no sistema e é importante para garantir que o sistema final atenda às expectativas do usuário Aprendi sobre a importância da validação de requisitos para garantir que os requisitos sejam completos claros corretos e consistentes Isso pode envolver revisões por pares inspeções formais e prototipagem Assim aprendi sobre a gestão de requisitos e como é importante rastrear mudanças nos requisitos ao longo do tempo Isso pode envolver o uso de ferramentas de rastreamento de requisitos e a criação de uma matriz de rastreabilidade para entender como os requisitos se relacionam com os elementos do sistema Embora a análise de requisitos possa ser um processo complexo e desafiador é uma parte crucial do desenvolvimento de software Sem uma compreensão clara dos requisitos o risco de falha do projeto é significativamente aumentado 5 CONCLUSÃO Ao longo dessas quatro semanas passei por uma jornada intensiva de aprendizado no desenvolvimento web Na primeira semana aprendi a base do HTML5 e suas funções aprendendo sobre a estrutura básica de uma página da web e a importância das tags semânticas Na segunda semana explorei o CSS e como ele pode transformar uma página HTML simples em um site visualmente atraente Na terceira semana concentreime em criar e validar formulários usando HTML5 aprendendo sobre diferentes tipos de inputs e a validação do lado do cliente Já na quarta semana estudei análise de requisitos aprendendo a importância de entender completamente os requisitos de um projeto antes de começar a codificar Cada semana construiu sobre a anterior proporcionando uma base sólida em desenvolvimento web Aprendi que o desenvolvimento web não é apenas sobre codificação é também sobre entender as necessidades do usuário planejar adequadamente e iterar com base no feedback No geral essas quatro semanas foram muito produtivas Elas me desafiaram de maneiras que eu não esperava e me ensinaram lições valiosas não apenas sobre desenvolvimento web mas também sobre resolução de problemas e aprendizado contínuo 6 REFERÊNCIAS 1 MDN WEB DOCS HTML Linguagem de Marcação de Hipertexto Disponível em httpsdevelopermozillaorgptBRdocsWebHTML Acesso em 08 out 2023 2 W3C BRASIL Guia de Referência Rápida CSS Disponível em httpswwww3cbrdivulgacaoguiasreferenciacss2 Acesso em 08 out 2023 3 DEVMEDIA HTML5 Validator Validando Formulários com HTML5 Disponível em httpswwwdevmediacombrhtml5validatorvalidando formularioscomhtml528785 Acesso em 08 out 2023 4 COOPERSYSTEM Análise de requisitos o que é e para que serve Disponível em httpswwwcoopersystemcombranalisederequisitoso queeeparaqueserve Acesso em 08 out 2023 AVALIAÇÃO FORMADORA 1 SEMANA 5 CRIAÇÃO DE PÁGINAS WEB COM HTML 5 A primeira semana foi uma introdução ao mundo do HTML5 a linguagem de marcação que é a espinha dorsal da web Comecei aprendendo sobre a estrutura básica de uma página da web que inclui elementos como o DOCTYPE html html head e body Aprendi que o DOCTYPE html é necessário para garantir que o navegador entenda que o documento é um arquivo HTML5 Dentro do elemento head aprendi sobre a importância das tags title e meta que são cruciais para a SEO e a acessibilidade A tag title define o título da página que é exibido na guia do navegador enquanto as tags meta fornecem informações sobre a página que são importantes para os motores de busca e para a renderização correta da página No elemento body aprendi sobre várias tags HTML5 como header nav main article section e footer Cada uma dessas tags tem um propósito específico e ajuda a criar uma estrutura semântica clara para o conteúdo da página Por exemplo o elemento nav é usado para conter links de navegação enquanto o elemento main contém o conteúdo principal exclusivo de um documento Também aprendi sobre a importância das tags semânticas em HTML5 Elas não só melhoram a acessibilidade permitindo que as tecnologias assistivas entendam melhor o conteúdo mas também melhoram a SEO pois os motores de busca podem entender melhor a estrutura da página Durante esta semana também tive minha primeira experiência com o modelo de caixa CSS CSS Box Model que é fundamental para entender como os elementos HTML são exibidos na página Aprendi sobre as propriedades de margem borda e preenchimento e como elas afetam o layout dos elementos Encontrei algumas dificuldades ao tentar entender o fluxo de layout e como os elementos são posicionados na página No entanto com prática e estudo adicional consegui superar esses desafios Este aprendizado me fez apreciar a complexidade e a beleza da criação de páginas web 2 SEMANA 6 CRIAÇÃO E FORMATAÇÃO DE PÁGINAS COM CSS Nesta semana aprendi a usar CSS para estilizar páginas HTML Comecei aprendendo sobre seletores CSS que são usados para selecionar elementos HTML para estilização Por exemplo o seletor de tipo p seleciona todos os elementos p na página enquanto o seletor de classe myClass seleciona todos os elementos com classmyClass O seletor de ID myID seleciona o elemento com idmyID Aprendi a usar propriedades CSS para estilizar os elementos selecionados Por exemplo a propriedade color define a cor do texto enquanto a propriedade backgroundcolor define a cor de fundo A propriedade fontsize é usada para definir o tamanho da fonte e as propriedades margin padding e border são usadas para controlar o espaço ao redor dos elementos Também aprendi sobre o modelo de caixa CSS CSS Box Model que é uma representação de um elemento HTML que inclui margens bordas preenchimento e o próprio conteúdo Por exemplo se eu tiver um elemento p com um texto posso usar a propriedade padding para adicionar espaço ao redor do texto dentro do elemento p a propriedade border para adicionar uma borda ao redor do preenchimento e a propriedade margin para adicionar espaço fora da borda Aprendi sobre posicionamento em CSS e como ele pode ser usado para controlar o layout dos elementos na página Por exemplo a propriedade position pode ser usada para definir o tipo de posicionamento de um elemento estático relativo fixo absoluto ou pegajoso e as propriedades top right bottom e left podem ser usadas para determinar a posição exata do elemento Assim aprendi sobre o conceito de especificidade em CSS que determina qual regra CSS é aplicada ao elemento quando há várias regras que poderiam ser aplicadas A especificidade é calculada com base no tipo de seletores usados na regra CSS 3 SEMANA 7 CRIAÇÃO E VALIDAÇÃO DE FORMULÁRIOS COM HTML 5 Nesta semana concentreime em criar e validar formulários usando HTML5 Aprendi sobre diferentes tipos de inputs que podem ser usados em um formulário incluindo text email password radio checkbox select e textarea Cada tipo de input tem um propósito específico Por exemplo o input text é usado para coletar uma linha de texto do usuário enquanto o input email é usado para coletar um endereço de email O input password oculta o texto digitado pelo usuário o que é útil para coletar senhas Os inputs radio e checkbox permitem ao usuário selecionar uma ou mais opções respectivamente O input select cria uma lista suspensa de opções e o input textarea é usado para coletar várias linhas de texto Aprendi a usar a tag label para adicionar rótulos aos inputs do formulário Isso não só torna o formulário mais fácil de entender para os usuários mas também melhora a acessibilidade pois as tecnologias assistivas podem usar os rótulos para fornecer contexto aos usuários Também aprendi sobre a validação do lado do cliente usando atributos HTML5 Por exemplo o atributo required pode ser adicionado a um input para indicar que ele deve ser preenchido antes que o formulário possa ser enviado O atributo pattern pode ser usado para definir uma expressão regular que o valor do input deve corresponder Além disso aprendi sobre a tag form e seus atributos importantes como action e method O atributo action especifica a URL para onde os dados do formulário devem ser enviados quando o formulário é enviado O atributo method especifica o método HTTP a ser usado ao enviar os dados do formulário Embora tenha sido um pouco complicado entender todas as nuances da criação e validação de formulários este aprendizado foi crucial para entender como coletar e validar informações do usuário em um site 4 SEMANA 8 ANÁLISE DE REQUISITOS Na quarta semana me aprofundei em análise de requisitos A análise de requisitos é um aspecto crítico do desenvolvimento de software que envolve a determinação das necessidades ou condições a serem atendidas para um novo ou alterado produto Aprendi que a análise de requisitos envolve frequentemente muita comunicação com os clientes usuários finais e partes interessadas do sistema para entender suas necessidades e expectativas Isso pode envolver uma variedade de técnicas como entrevistas questionários observação do usuário workshops brainstorming modelagem de uso e criação de protótipos Aprendi a importância de documentar claramente os requisitos em um documento de requisitos do software Este documento serve como um contrato entre as partes interessadas e os desenvolvedores Ele detalha o que o sistema deve fazer requisitos funcionais e as restrições sob as quais o sistema deve operar requisitos não funcionais Também aprendi sobre diferentes tipos de requisitos incluindo requisitos funcionais requisitos não funcionais requisitos de interface requisitos de desempenho e requisitos de segurança Cada tipo de requisito tem um papel específico no sistema e é importante para garantir que o sistema final atenda às expectativas do usuário Aprendi sobre a importância da validação de requisitos para garantir que os requisitos sejam completos claros corretos e consistentes Isso pode envolver revisões por pares inspeções formais e prototipagem Assim aprendi sobre a gestão de requisitos e como é importante rastrear mudanças nos requisitos ao longo do tempo Isso pode envolver o uso de ferramentas de rastreamento de requisitos e a criação de uma matriz de rastreabilidade para entender como os requisitos se relacionam com os elementos do sistema Embora a análise de requisitos possa ser um processo complexo e desafiador é uma parte crucial do desenvolvimento de software Sem uma compreensão clara dos requisitos o risco de falha do projeto é significativamente aumentado 5 CONCLUSÃO Ao longo dessas quatro semanas passei por uma jornada intensiva de aprendizado no desenvolvimento web Na primeira semana aprendi a base do HTML5 e suas funções aprendendo sobre a estrutura básica de uma página da web e a importância das tags semânticas Na segunda semana explorei o CSS e como ele pode transformar uma página HTML simples em um site visualmente atraente Na terceira semana concentreime em criar e validar formulários usando HTML5 aprendendo sobre diferentes tipos de inputs e a validação do lado do cliente Já na quarta semana estudei análise de requisitos aprendendo a importância de entender completamente os requisitos de um projeto antes de começar a codificar Cada semana construiu sobre a anterior proporcionando uma base sólida em desenvolvimento web Aprendi que o desenvolvimento web não é apenas sobre codificação é também sobre entender as necessidades do usuário planejar adequadamente e iterar com base no feedback No geral essas quatro semanas foram muito produtivas Elas me desafiaram de maneiras que eu não esperava e me ensinaram lições valiosas não apenas sobre desenvolvimento web mas também sobre resolução de problemas e aprendizado contínuo 6 REFERÊNCIAS 1 MDN WEB DOCS HTML Linguagem de Marcação de Hipertexto Disponível em httpsdevelopermozillaorgptBRdocsWebHTML Acesso em 08 out 2023 2 W3C BRASIL Guia de Referência Rápida CSS Disponível em httpswwww3cbrdivulgacaoguiasreferenciacss2 Acesso em 08 out 2023 3 DEVMEDIA HTML5 Validator Validando Formulários com HTML5 Disponível em httpswwwdevmediacombrhtml5validatorvalidando formularioscomhtml528785 Acesso em 08 out 2023 4 COOPERSYSTEM Análise de requisitos o que é e para que serve Disponível em httpswwwcoopersystemcombranalisederequisitoso queeeparaqueserve Acesso em 08 out 2023