HTML5-CSS3-PTBR
HTML5-CSS3
Curso de HTML5 e CSS3 criado pelo professor Gustavo Guanabara para o Curso em Vídeo. Abrangindo as diversas técnicas contidas nas linguagens de marcações, esse curso, antes feito de forma mais simples em 2013, busca expandir e explorar as principais linguagens de marcação contidas em sites na internet; dentre elas, há o HTML, que serve como uma estrutura semântica, e CSS, que é utilizada para desenvolver o design dos documentos criados.
Conteúdo
Nesse repositório, desenvolvo exercícios e desafios presentes nos capítulos do curso de HTML e CSS do Curso em Vídeo, criado por um dos mais renomados e atenciosos professores de tecnologia do mundo, Gustavo Guanabara. Embora o curso apresente um material muito simples e direto, ele é essencial para a criação de habilidades e formação de novos programadores. Já não bastava o curso ser gratuito, ele ainda se atenta em informar e ajudar os profissionais de todas as maneiras possíveis, desde dicas para melhorar seu código, até indicar programas para ajudar em tarefas diversas, como manipulação de imagens e formatação de vídeos, para aperfeiçoar o conteúdo do site.
Nesse curso, os seguintes tópicos seram explorados:
- Módulo 1:
- Conceitos básicos;
- preparação do ambiente;
- semântica da HTML5;
- textos;
- títulos;
- ligações;
- multimídia;
- estilos.
- Módulo 2:
- Fundamentos do design;
- Psicologia das cores;
- Tipografia;
- Elementos CSS;
- Modelo de caixas;
- Wireframe;
- Responsividade.
- Módulo 3:
- Versionamento de software;
- Hospedagem de sites estáticos;
- Tabelas.
- Módulo 4:
- Quadros em linha;
- Formulários;
- Media queries;
- Mobile first.
- Módulo 5:
- Flexbox; e
- Grid Layout.
Documentos
Atualizações
Começando módulo 3 - 16 de Junho de 2023
Por enquanto, apenas os documentos do módulo 1 e 2 estão completos, então não há muito o que explorar por aqui, já que se trata de documentos iguais aos criados nas aulas do curso (além de ser um conteúdo facilmente replicável, ele provavelmente é o primeiro passo da maioria das pessoas na programação). Tive o intuito de colocar os projetos aqui por duas razões: primeiro, o curso pede (lol), e segundo, para salvar e documentar meu progresso na programação e gerar uma perspectiva do desenvolvimento dos meus códigos para a contribuição da comunidade e de nossa área em geral. Começarei o módulo 3 hoje.
Desenvolvendo conhecimentos em Git e GitHub - 18 de Junho de 2023
Volto para atualizar o meu progresso no curso: É bem provavel que eu vá demorar mais para postar coisas sobre o curso de HTML e CSS, porque pretendo conciliar dois cursos, fazendo o curso de Git e Github junto, pois pretendo desenvolver mais conhecimento em repositórios, dar uma estudada no funcionamento completo do Git e Github (e demais repositórios locais), pois como sou iniciante e minha conta foi recem-criada (23 de Março de 2023) eu não tenho um aprofundamento legal na plataforma, e para que eu melhore o conteúdo é necessário entender esses conceitos. O curso de HTML e CSS também pede para eu dar uma olhada no Curso de Git e Github, então acabei me interessando, pois preciso entender como funciona a dinâmica dos arquivos .md. Eu ainda pretendo estudar mais coisas antes de realmente avançar no curso de JavaScript, como lógica de programação como exemplo, que é essencial para o entendimento desse mundo.
Explicando ausência de atividade - 05 de Julho de 2023
Depois de um bom tempo, volto para explicar a ausência de atividade tanto no meu perfil em geral, quanto no progresso do curso. Durante o final do ultimo mês, tive uma gripe forte, devido ao frio intenso, que ocasionou em uma otite em meu ouvido, impedindo que eu me concentre nas atividades básicas e lições do curso e me impedindo também de continuar adicionando coisas ao meu perfil no GitHub, por isso se deu a falta de contribuições em meu perfil. Todavia, estive acompanhando um pouco mais das aulas do curso de Git e GitHub, então, em breve, estarei atualizando o repositório do curso. Agora estou de volta, pronto para continuar as atividades propostas nos cursos que acompanho. Vam Bora!
Finalizando o módulo 3 - 13 de Julho de 2023
Após um bom tempo passando pelos ensinamentos do módulo 3 do curso de HTML e CSS do Curso em Vídeo, passo a entender e concretizar os conceitos explorados em meus pequenos projetos, e acabo assim, Finalizando o módulo 3 do curso algum tempo depois. Aviso com antecedência que começarei a desenvolver os exercícicios do módulo 4 hoje mesmo. Em breve, o fim do módulo 4 também será alcançado, e então chegarei ao estado em que o curso está hoje, inacabado, porém estarei no aguardo pelo novo e ultimo módulo do curso (que por algum motivo não saiu ainda) para em fim afiar minhas habilidades no mercado.
Finalizando módulo 4 + Progresso em estudos - 25 de Julho de 2023
Emfim, terminei os 4 módulos presentes no curso de HTML e CSS do Curso em Vídeo, e consolidei o conhecimento explorado nesse curso. Venho através dessa atualização explicar como as coisas caminharão daqui pra frente.
Em breve voltarei a contribuir no repositório do curso de Git e GitHub, na qual deixei de lado por um tempo para estudar e focar nos conteúdos de HTML e CSS. Estarei também estudando e aplicando exercícios ao repositório de JavaScript, na qual já tinha estruturado seu README. Passarei a dividir meu foco em três cursos daqui em diante, dentre eles, há o Curso de Algoritmos (Portugol), que é uma habilidade essencial para a atuação na programação, o Curso de JavaScript, que se porta como uma das principais linguagens em Desenvolvimento Web, e por ultimo, o Curso de Python, que é uma das linguagens mais versáteis e uteis na programação, englobando diversas áreas (Front-End, Back-End, Data Science, etc) e ajudando na aprendizagem dos iniciantes.
Infelizmente, o módulo 5 do curso ainda não saiu, embora o Gustavo Guanabara tenha dito que o módulo já estava por vir, nós ainda não tivemos nem um sinal de sua chegada. Entretanto, estarei no aguardo, e com certeza farei os exercícios dos módulos assim que os mesmos saírem.
Enquanto o quinto módulo do curso não sai, estarei ampliando meu repertório nas linguagens de marcação, explorando diferentes frameworks, livros e outros cursos menores, além de acompanhar e desenvolver as habilidades de HTML e CSS através dos artigos do Consórcio W3C.
HTML - Curso de 2013
Após finalizar os módulos presentes no curso de HTML e CSS, não estive satisfeito com a quantidade de informações que me foram passadas e resolvi ir atrás de mais, e meu primeiro passo pra isso será estudando a versão antiga, que embora seja uma versão antiga do atual curso, me interessei em disseca-la, e expandir o que pude fazer com as informações demonstradas no curso.
Conteúdo
Como citado antes, o curso de HTML e CSS que estive estudando durante todo esse tempo era uma reestruturação do curso antigo, que se tratava em examinar as bases do HTML e iniciar o projeto do Curso em Vídeo, que é um ótimo canal para se iniciar os estudos a fundo da tecnologias presentes na computação, e assim como o projeto, o curso foi iniciado em 2013. Por conta de meus estudos não terem acabado, decidi utilizar esse curso como segundo passo na aprendizagem da principal linguagem de marcação. Aqui vou eu!
Documentos
-
Testes e documentos de estudo:
-
Teste de JavaScript
-
Projeto:
Atualizações
Primeira atualização e Quase fim do curso…? - 15 de Agosto de 2023
Pelo visto eu esqueci de adicionar atualizações nesse segundo curso de HTML (lol), mas aqui estou, na Aula 22 e fazendo a primeira atualização de andamento do curso. Bem, como já relatei no Repositório de JavaScript, já estou no caminho para estudar JavaScript nesse curso, tendo os meus primeiros exercícios da linguagem já criados, e páginas web basicamente finalizados… Por conta do curso ser basicamente o mesmo do mais novo, acabei por não commitar meu progresso. Voltarei a atualizar o repositório quando acabar o curso, o que provavelmente vai acontecer em breve. (BRUH) ;)
Fim do curso + Aplicação de mídias- 22 de Agosto de 2023
Aqui termino a aula final do curso de HTML antigo do Curso em vídeo, e fecho de vez, os cursos de HTML que existem nesse canal de educação em tecnologia, que tanto me ajudou ao longo do tempo. Meu foco estará mais voltado para programação, pois começarei a estudar o Curso de Algoritmo do Curso em Vídeo.
Durante o tempo do desenvolvimento do projeto, as mídias e imagens que existiam no site por Gustavo Guanabara apresentado no curso não estavam presentes no protótipo que criei, porém, acabo de realizar o curso no site do Curso em Vídeo, e encontrei o pacote de hipermídia mencionado nas aulas, e partirei para aplicar as mídias e imagens no lugar certo no próximo commit.
Continuarei a atualizar e otimizar o site ao decorrer de meu aprendizado em JavaScript, já que existem algumas funções que planejei para a melhora da experiência do usuário, como o menu hamburguer, que é uma função ainda não completa no atual contexto do repositório. Estarei também desenvolvendo uma versão mais moderna do projeto que foi estudado ao decorrer do curso pois estamos falando de um curso bem antigo, que não engloba todos os conceitos e ferramentas presentes em documentos usando HTML e CSS.
Hipermídias aplicadas - 22 de Agosto de 2023
Como dito na atualização anterior, estive trabalhando com as mídias do site, e pude as aplicar sem problemas, agora, o site realmente se parece com o que foi apresentado no curso, embora haja algumas alterações por conta de Media Queries e outras preferências. Em breve, atualizarei o repositório do site, criando uma branch para uma versão mais recente, e colocarei mudanças gerais na interface.