Participantes: Gustavo pacheco, Gustavo Ancete, Felipe Moreira, Marcelo Favaro, Lucas Honorato
Descrição: O minicurso tem como objetivo introduzir conhecimentos básicos sobre a linguagem de marcação HTML e estilização CSS. Voltado para adolescentes de 14 a 15 anos, sem necessidade de conhecimentos prévios, o curso focará na construção de um portfólio web utilizando essas tecnologias.
Carga Horária: Entre 6h/10h
Público Alvo: Alunos adolescentes com a idade entre 14 e 15 anos, quantidade a definir (Não é necessário conhecimento prévio do assunto).
Qtnd. Alunos: 20
Conteúdo: Requisitos para o desenvolvimento de um portfólio,HTML e suas funcionalidades,
Hierarquia básica de uma página HTML, Principais tags de HTML, CSS e suas funcionalidades, Estrutura e
Propriedades do CSS, Integrar o HTML com CSS e Javascript, Seletores e eventos em Javascript, Fazer deploy
no Github Pages
Número de vagas: 20
Público-alvo: alunos/adolescentes com a idade acima de 14 anos (não precisa de
conhecimento prévio na
área)
Carga horária do curso: 10h
Dias do minicurso: 08/11, 22/11, 29/11 e 06/12/2024 (sextas-feiras) Horário: Sexta-feira
das 8:00 às 10:30
Local de realização: Laboratório de Informática do IFSP – Campus Votuporanga
Durante a aula, ensinamos os conceitos de box model, display, margin e padding, além de abordar estilos de lista, flex e gap. Também mencionamos JavaScript, embora sem nos aprofundarmos no tema. A aluna demonstrou uma boa compreensão dos conceitos e tópicos abordados. Avançamos significativamente na criação do portfólio dela, e na próxima aula, planejamos finalizar o portfólio e ensinar como publicar o código no GitHub.
Na segunda aula, introduzimos os fundamentos de CSS. Explicamos conceitos como divs, CSS em suas diferentes formas (inline, interno e externo), seletores, classes, IDs, e elementos como img. Em seguida, ensinamos a aplicar esses conceitos e propriedades na construção do portfólio. Os alunos mostraram bastante interesse pelo tema, e a aula correu de forma positiva. Na próxima aula, daremos continuidade ao CSS e faremos a introdução ao JavaScript.
Na primeira aula, trabalhamos com três alunos e introduzimos o HTML. Ensinamos sobre tags como título, parágrafo, imagens, links e listas, além do conceito de semântica. Também explicamos a estrutura básica dos códigos em HTML e introduzimos o CSS in-line, abordando propriedades como width e height. Os alunos entenderam bem os conceitos apresentados. Para a próxima aula, pretendemos aprofundar o HTML, explorando divs, e iniciar o estudo do CSS.