Curso de
Desenvolvimento Web 2020 (HTML5+CSS3): Módulo 1 de 5
Curso de
Desenvolvimento Web 2020 (HTML5+CSS3): Módulo 1 de 5
IMPORTANTE
Certificado: Para emissão do certificado será necessário marcar todas as aulas como conluídas e acertar no mínimo 70% das questões do teste final.
Contagem da carga horária: Este curso possui uma carga horária acadêmica total baseada em múltiplas atividades desempenhadas pelo aluno, incluindo o tempo dos vídeos, resolução de exercícios, práticas extras, etc. Para maiores informações, consulte nossa área de perguntas frequentes.
Primeiros passos no desenvolvimento web
O primeiro módulo do Curso HTML5 e CSS3 do Estudonauta marca o início da jornada do aluno no universo da criação de sites. Aqui, o objetivo é construir uma base sólida, capaz de sustentar o aprendizado técnico e prático dos módulos seguintes. Com a didática envolvente do professor Gustavo Guanabara, cada tema é apresentado de forma clara e acessível, permitindo que qualquer pessoa, mesmo sem experiência, consiga acompanhar o passo a passo da construção de uma página web.
Entendendo a Internet e seu funcionamento
Antes de mergulhar no código, o curso apresenta a evolução da internet e explica de maneira simples como ela realmente funciona. O aluno aprende o que são protocolos, pacotes de dados, domínios e hospedagens, entendendo como cada um desses elementos se conecta até o site aparecer na tela do usuário. Essa visão inicial é fundamental para compreender a estrutura que sustenta toda a web e o papel que o desenvolvedor exerce nesse processo.
Do front-end ao back-end: papéis e linguagens
Com essa base estabelecida, o módulo passa a explorar os diferentes papéis dentro do desenvolvimento de sites. O estudante descobre o que significam os termos front-end, back-end e full stack, e entende como essas áreas se complementam dentro de um projeto. O conteúdo também esclarece o funcionamento do HTML, do CSS e do JavaScript, mostrando que o HTML5 organiza o conteúdo da página, o CSS3 cuida do visual e o JavaScript adiciona interatividade. Essa distinção é essencial para compreender como as linguagens se relacionam entre si.
Configurando o ambiente de desenvolvimento
Antes de começar a escrever código, o aluno é orientado a preparar o próprio ambiente de trabalho. O curso ensina a instalar o Visual Studio Code, a configurar o navegador Google Chrome e a adicionar extensões que facilitam o processo de desenvolvimento. O estudante aprende também a salvar, testar e revisar seus códigos, adotando boas práticas que o acompanharão em toda a trajetória como desenvolvedor.
Primeiros códigos em HTML5
Com o ambiente pronto, chega o momento de criar as primeiras páginas em HTML5. O módulo explica a estrutura básica de um documento, o uso correto das tags e a importância da semântica para a organização do conteúdo. O aluno aprende a trabalhar com parágrafos, títulos e blocos de texto, a incluir símbolos, emojis e caracteres especiais, e a manter o código limpo e legível. Essa parte é essencial para desenvolver raciocínio lógico e pensamento estruturado, habilidades que fazem toda a diferença na hora de programar.
Trabalhando com imagens, áudio e vídeo
Após dominar o conteúdo textual, o curso introduz o uso de elementos multimídia. O aluno entende como preparar e otimizar imagens, ajustar tamanhos e resoluções e inserir arquivos que se adaptam automaticamente à tela. Também aprende a adicionar áudio e vídeo, compreendendo a diferença entre hospedar esses arquivos localmente ou incorporar conteúdo de plataformas externas como YouTube e Vimeo. O professor explica ainda as vantagens e limitações de cada método, mostrando como tornar o site mais leve, interativo e profissional.
Introdução ao CSS3
O módulo encerra com uma introdução ao CSS3, onde o aluno descobre como aplicar estilos visuais ao conteúdo. São apresentados os diferentes modos de inserção do CSS — inline, interno e externo — e explicados os momentos em que cada um deve ser utilizado. O estudante entende a diferença entre conteúdo e forma, percebendo como o HTML define a estrutura enquanto o CSS controla o design. Essa etapa prepara o terreno para os módulos seguintes, onde os estilos serão explorados com mais profundidade.
FAQ
Preciso ter conhecimento prévio?
Não. O módulo 1 foi criado para quem está começando do zero e quer aprender passo a passo.
É possível emitir certificado?
Sim. No Estudonauta, assinantes têm acesso a certificados ilimitados.
Quais ferramentas são usadas no curso?
Visual Studio Code como editor de código e Google Chrome como navegador principal.
Posso estudar no meu ritmo?
Sim. As aulas ficam disponíveis na plataforma, e você pode assistir quando quiser.