Matheus Battisti é desenvolvedor Full Stack e ama trabalhar nesta área, pois oferece diversas oportunidades de aprender novas tecnologias todos os dias. Estuda constantemente visando aprimorar as habilidades e conhecer novas libs, frameworks, linguagens e novas tecnologias que chamam a atenção. Criador do blog e canal no youtube Hora De Codar, em que ministra cursos grátis de diversas tecnologias que foi utilizando e estudando durante a vivência na área. Tem o objetivo de capacitar quem deseja ser desenvolvedor/programador para o mercado de trabalho.
Sobre o curso HTML5 e CSS3 - Técnicas Avançadas
Após este curso você estará apto a utilizar o que há de mais novo no HTML5, CSS3 e também flexbox.
Porém não para por aí, além da teoria teremos três projetos práticos que você poderá exercitar o conteúdo aprendido no curso, então vamos criar juntos um site primeiramente para treinar HTML5 e CSS3, depois o segundo projeto vai trabalhar com o flexbox, vamos aprender quando utilizar o flexbox num projeto web, teremos também um projeto com o intuito de simular uma aplicação web conhecida por todos nós, neste caso eu escolhi o WhatsApp Web.
O curso conta com 4 projetos baseados em sites reais, inclusive um dos resultados de pesquisa do Google, onde vamos utilizar flex box também.
Esse curso é pra você que:
- Quer aprimorar os conhecimentos em HTML/CSS; - Quer aprender flexbox da maneira correta e aplicar num projeto do cotidiano de um programador; - Quer entrar no mundo da programação web; - Quer entender como funciona o desenvolvimento web no mercado de trabalho; - Quer construir projetos web.
Obs: realmente não há pessoas que não podem fazer esse curso, porém se você já tem algum conhecimento em HTML/CSS a absorção de conteúdos será mais rápida.
E além disso, meu compromisso com você é explicar o mesmo assunto em vários ângulos diferentes para que você assimile os conteúdos e não fique apenas copiando código.
Se então é isso que você procura, te espero no curso para escrevermos os códigos juntos! :)
Quem é o instrutor?
Matheus Bastiti
Olá, eu sou o Matheus, desenvolvedor Full Stack e amo trabalhar nesta área que me oferece diversas oportunidades de aprender novas tecnologias todos os dias.
Por este motivo estudo constantemente visando aprimorar minhas habilidades e conhecer novas libs, frameworks, linguagens e novas tecnologias que me chamam a atenção.
Como acredito que conhecimento quanto mais se compartilha mais se têm, decidi dividir o que aprendi durante esse tempo na minha carreira profissional.
E foi então que nasceu a ideia do Hora De Codar, que hoje é um blog e um canal no YouTube, onde compartilho diversas tecnologias que fui utilizando e estudando durante minha vivência na área, e agora resolvi expandir meus cursos para o Qualifica, para alcançar o maior número de pessoas.
Meu objetivo é capacitar quem deseja ser desenvolvedor(a)/programador(a) para o mercado de trabalho. Como meu aprendizado foi semelhante, nada mais justo do que eu retornar da mesma forma. :)
O que você aprenderá
- Os novos elementos do HTML5, como utilizá-los e boas práticas; - As novas regras e propriedades do CSS3, suas utilizações em projetos e também melhores práticas; - Dominar o FlexBox, regras da propriedade, exemplos de uso e projeto prático para fixar a técnica; - Criar projetos web, inclusive com FlexBox; - Boas práticas de HTML e CSS, como estas linguagens são utilizadas no mercado de trabalho.
Há algum requisito ou pré-requisito para o curso?
- Força de vontade para aprender; - Ideal ter realizado os cursos HTML5 Fundamental e CSS3 fundamental do Matheus Bastiti disponíveis no aqui no Qualifica.
Para quem é este curso:
- Programadores iniciantes; - Estudantes de programação; - Pessoas que desejam aprender a programar; - Aspirantes a programação; - Desenvolvedores front-end.
Introdução
Introdução
Como programadores acham as soluções das dúvidas no StackOverFlow
Como programadores acham as soluções das dúvidas no Google
Como verificar erros de HTML/CSS no navegador (Inspecionar elemento)
Como instalar o Sublime (editor de código para o curso)
HTML5 - I
Conhecendo a tag
Conhecendo a tag
Conhecendo a tag e
Conhecendo os atributos required e placeholder
Conhecendo o atributo type email e autofocus
Conhecendo o atributo content editable
HTML5 - II
Introdução ao HTML semântico
Conhecendo a tag e
Conhecendo a tag
Conhecendo a tag
CSS3 - I
Iniciando com animações
Animações com vários passos
Animações: delay e iterations
Animações: timing functions
Animações: shorthand
CSS3 - II
Conhecendo a propriedade transition
Utilizando a propriedade calc
Gradiente linear
Gradiente radial
Carregando fontes com font face
Layouts responsivos com media query
Utilizando a propriedade border-radius
Projeto 1 - Site Doceria
Introdução do projeto
Iniciando o projeto e configurações
HTML do menu lateral (sidebar)
CSS Do Menu lateral (sidebar)
HTML do conteúdo do site
CSS das seções iniciais e banner
CSS das galerias
CSS do rodapé e conclusão do projeto
Flex Box
O que é Flex Box?
Propriedade flex-grow
Propriedade flex-shrink e flex-basis
Propriedade flex-direction
Propriedade flex-order
Propriedade flex com shorthand
Proriedade justify-content
Propriedade align-items
Propriedade align-self
Revisão Flex Box
Projeto 2 com FlexBox - hDC Host
Introdução do projeto
Configurando o projeto
Criando o HTML do projeto
CSS da barra de navegação e banner principal
CSS das seções com flexbox
Finalizando o CSS do projeto
Adaptando o site para dispositivos mobile
Projeto 3 - WhasApp Web Clone
Configuração do projeto
Criando o HTML da barra lateral
Criando o HTML da seção do chat
Iniciando o CSS da barra lateral
Finalizando a barra lateral
Iniciando o CSS da área de chat
Conclusão do projeto
Projeto 4 com FlexBox - Google Search Clone
Introdução do projeto
Configuração do projeto
Iniciando o cabeçalho (header)
Finalizando header e navbar
Estruturando o conteúdo principal
Estruturando o conteúdo lateral e criando o flex
Finalizando os resultados de busca
Conclusão do projeto
Projeto 5 com Flexbox: Home Instagram
Apresentação do projeto
Configurações do projeto
HTML do projeto
Iniciando o CSS do projeto
CSS do formulário de login
Finalizando CSS da resolução de desktop
Responsivo e conclusão do projeto
Sucesso
Coletamos dados estatísticos de visitas para melhorar sua experiência de navegação e personalizar conteúdo e anúncios. Ao continuar navegando você concorda com a nossa política de privacidade.
A utilização do “QUALIFICA” pelo USUÁRIO está condicionada aos Termos e Condições de Uso Aplicáveis e a Política de Privacidade abaixo:
1. ACEITE A POLITICA DE PRIVACIDADE
1.1. Ao se cadastrar no Aplicativo ou no Site, e utilizar o “QUALIFICA”, o USUÁRIO reconhece que está consentindo expressamente e livremente, com a coleta, armazenamento e utilização dos dados pessoais do USUÁRIO informados no cadastro, na seleção do PLANO PAGO e das demais informações coletadas no decorrer da utilização do “QUALIFICA”, para as finalidades e de acordo com as condições previstas no presente instrumento.
1.2. O USUÁRIO reconhece que a coleta, armazenamento e utilização dos dados pessoais do USUÁRIO e das demais informações coletadas no decorrer da utilização do “QUALIFICA” pelo USUÁRIO, é condição indispensável para a utilização do “QUALIFICA”, nos termos previstos no Artigo 9º, §3º, da Lei nº. 13.709/2018 (Lei Geral de Proteção de Dados Pessoais).
2. ALTERAÇÃO DA POLÍTICA DE PRIVACIDADE
2.1. A MLEARN se reserva o direito de modificar, incluir e/ou alterar as condições da presente Política de Privacidade, a qualquer tempo, a seu exclusivo critério e independente de aviso prévio do USUÁRIO, sendo que tais alterações passarão a vigorar imediatamente após a publicação das alterações no Aplicativo ou no Site.
2.2. A MLEARN recomenda que o USUÁRIO releia regularmente a Política de Privacidade, para verificar as últimas atualizações. Caso o USUÁRIO não concorde com qualquer modificação, inclusão ou alteração na Política de Privacidade, o USUÁRIO deverá cessar o uso do “QUALIFICA”.
3. DADOS E INFORMAÇÕES COLETADOS
3.1. No ato do cadastro o USUÁRIO fornece os seguintes dados pessoais a MLEARN: (i) nome completo; (ii)conta de e-mail; (iii)número de celular.
3.2. Caso o USUÁRIO selecione um PLANO PAGO, o USUÁRIO fornece a MLEARN na Página de Seleção do Plano Pago os seguintes dados: (i) nome completo; (ii) número de CPF; (iii)número de celular; (iv)endereço completo; (v) dados do cartão de crédito.
3.3. No decorrer da utilização do “QUALIFICA” o USUÁRIO poderá, a seu exclusivo critério, fornecer os seguintes dados a MLEARN: (i) classificações e opiniões emitidas sobre os cursos, conteúdos e demais funcionalidades disponíveis no “QUALIFICA”; (ii) definições de preferências e configurações no seu cadastro.
3.4. No decorrer da utilização do QUALIFICA, a MLEARN coleta automaticamente as seguintes informações relacionadas ao uso do “QUALIFICA” pelo USUÁRIO: (i) atividades realizadas pelo USUÁRIO no “QUALIFICA”, como como inscrições em cursos, lições finalizadas, certificados recebidos e funcionalidades utilizadas; (ii) IDs ou outros identificadores únicos de aparelhos, características de aparelhos e software, informações sobre a conexão, estatísticas sobre visualizações de página, URLs de origem, endereço de IP (pode nos indicar sua localização geográfica geral), navegador e dados padrão de logs de servidores da Internet; (iii) informações coletadas pelo uso de cookies, pixels, web beacon, memória cachê dos servidores e outras tecnologias, incluindo dados de anúncios.
4. FINALIDADE
4.1. A MLEARN utilizará os dados pessoais do USUÁRIO e demais informações coletadas nos termos do presente instrumento, para as seguintes finalidades, com as quais o USUÁRIO expressamente declara ter pleno conhecimento e concordância ao realizar o cadastro no Aplicativo ou no Site e utilizar o “QUALIFICA”: (i)para cumprimento de obrigação legal ou regulatória; (ii)para o tratamento e uso compartilhado de dados necessários à execução de políticas públicas previstas em leis, decretos e regulamentos de qualquer órgão público; (iii)para o fiel cumprimento ou execução de quaisquer direitos ou deveres inerentes aos Termos e Condições de Uso do “QUALIFICA”, da Política de Privacidade, e dos Termos e Condições de Uso aplicáveis ao PLANO PAGO selecionado pelo USUÁRIO; (iv)para o exercício regular de direitos em processo judicial, administrativo ou arbitral; (v)para a proteção do crédito (incluindo medidas de cobrança judiciais ou extrajudiciais); (vi)para garantir o cumprimento dos Termos e Condições de Uso do “QUALIFICA”, da Política de Privacidade, e dos Termos e Condições de Uso aplicáveis ao PLANO PAGO selecionado pelo USUÁRIO, incluindo o combate à fraude ou a prática de quaisquer ilícitos; (vii)para enviar ao CLIENTE qualquer comunicação prevista nos Termos e Condições de Uso do “QUALIFICA”, na Política de Privacidade, ou nos Termos e Condições de Uso aplicáveis ao PLANO PAGO selecionado pelo USUÁRIO.
4.2. Ao realizar o cadastro no Aplicativo ou no Site e utilizar o “QUALIFICA” o USUÁRIO expressa e livremente consente com a realização pela MLEARN da coleta e utilização das informações relacionadas nos itens 3.3 e 3.4 acima, para as seguintes finalidades: (i) para viabilizar a utilização do “QUALIFICA”; (ii) para atender a interesses legítimos da MLEARN;
(iii) para viabilizar a prestação do suporte remoto; (iv) para fins de produção de relatórios estatísticos de audiência dos cursos, conteúdos e funcionalidades do “QUALIFICA” utilizados; (v) para o planejamento comercial e de marketing do “QUALIFICA”; (vi) para melhorar a personalização dos cursos, conteúdos e funcionalidades disponibilizadas ao USUÁRIO através do “QUALIFICA” e melhorar a experiência do USUÁRIO.
5. COMPARTILHAMENTO COM TERCEIROS
5.1. A MLEARN não compartilhará, nem tampouco fornecerá a terceiros os dados pessoais do USUÁRIO e demais informações coletadas pela MLEARN, salvo nas hipóteses previstas a seguir: (i)para seus representantes, prepostos, empregados, gerentes ou procuradores, bem como para parceiros e terceiros que prestem serviços ou trabalhem em nome da MLEARN, incluindo previsão contratual de dever de manutenção da confidencialidade das informações por esses parceiros e terceiros; (ii)para cumprimento de obrigação legal ou regulatória; (iii)para a disponibilização em razão de qualquer ordem, decreto, despacho, decisão ou regra emitida por qualquer órgão judicial, legislativo ou executivo que imponha tal disponibilização; (iv)para o exercício e defesa de quaisquer direitos da MLEARN, no âmbito de processos judiciais, administrativos ou arbitrais; (v)para o compartilhamento de dados necessários à execução de políticas públicas previstas em leis, decretos e regulamentos de qualquer órgão público; (vi)para o fiel cumprimento ou execução de quaisquer direitos ou deveres inerentes aos Termos e Condições de Uso do “QUALIFICA”, a Política de Privacidade, aos Termos e Condições de Uso aplicáveis ao PLANO PAGO selecionado pelo USUÁRIO, ou de medidas de cobrança judiciais ou extrajudiciais.
5.2. Caso o USUÁRIO esteja utilizando o “QUALIFICA” mediante contrato firmado por um PARCEIRO COMERCIAL, ou por TERCEIRO FACILITADOR, a MLEARN poderá compartilhar os dados do “USUÁRIO” e as informações coletadas em decorrência da utilização do “QUALIFICA” pelo USUÁRIO ao respectivo PARCEIRO COMERCIAL ou ao respectivo TERCEIRO FACILITADOR.
6. DADOS COLETADOS ATRAVÉS DOS LINKS
6.1. O USUÁRIO reconhece que ao acessar os links disponíveis no “QUALIFICA” que remetem a websites, conteúdos ou recursos de terceiros, terceiros poderão coletar, utilizar, armazenar e compartilhar outros dados do USUÁRIO, os quais não são controlados pela MLEARN. Ciente disto, o USUÁRIO expressamente concorda que a MLEARN não se responsabilizará pelos dados coletados, utilizados, armazenados ou compartilhados por terceiros, nem tampouco pela política de privacidade dos mesmos. Ao acessar os links, recomendamos que o USUÁRIO leia a política de privacidade de cada website, conteúdo ou recurso acessado.
7. HOSPEDAGEM DOS DADOS E INFORMAÇÕES
7.1. Os dados pessoais do USUÁRIO e demais informações coletadas pela MLEARN, poderão ser armazenadas em servidores de seu data center ou de terceiros contratados, a critério único e exclusivo da MLEARN.
8. SEGURANÇA
8.1. A MLEARN adota medidas de segurança administrativa, física e eletrônica para proteger os dados pessoais e demais informações coletadas no decorrer da utilização do “QUALIFICA” pelo USUÁRIO, contra perda ou roubo, acesso não autorizado, divulgação, cópia ou uso indevido.
8.2. O USUÁRIO reconhece que apesar das medidas de segurança adotadas pela MLEARN para proteger os dados pessoais e demais informações coletadas no decorrer da utilização do “QUALIFICA” pelo USUÁRIO, dada a própria natureza da transmissão de informações através da internet, não é possível garantir que as informações transmitidas por este meio sejam absolutamente invioláveis, não podendo a MLEARN garantir a segurança de qualquer informação transmitida pelo USUÁRIO a MLEARN por meio da internet.
8.3. O USUÁRIO reconhece ainda que nenhum equipamento, software, servidores de dados, servidores de aplicações ou data centers está imune a invasão ou ataque de “hackers” ou qualquer outro agente malicioso. Desta forma, a MLEARN não será responsável por qualquer dano, utilização ou divulgação de dados e informações do USUÁRIO, resultantes dos referidos ataques.
8.4. Os dados pessoais do USUÁRIO são protegidos por CREDENCIAIS DE ACESSO criadas pelo próprio USUÁRIO, o único responsável por manter a guarda e confidencialidade de suas CREDENCIAIS DE ACESSO ao “QUALIFICA”, além de ser o único responsável por qualquer atividade que ocorra com as suas CREDENCIAIS DE ACESSO ao “QUALIFICA”.
9. CONFIDENCIALIDADE
9.1. A MLEARN se compromete a manter a privacidade e confidencialidade sobre os dados pessoais do USUÁRIO e demais informações coletadas pela MLEARN, salvo se a utilização dos mesmos, for expressamente autorizada por força deste instrumento.
9.2. Sem prejuízo do disposto nos itens acima, a privacidade e confidencialidade deixam de ser obrigatórias, se comprovado documentalmente que as informações relacionadas aos dados pessoais do CLIENTE e demais informações coletadas: (i) Estavam no domínio público na data do cadastro do USUÁRIO no Aplicativo ou Site e/ou da seleção do PLANO PAGO na Página de Seleção do Plano Pago; (ii)Tornaram-se partes do domínio público depois da data do cadastro do USUÁRIO no Aplicativo ou Site e/ou da seleção do PLANO PAGO na Página de Seleção do Plano Pago”, por razões não atribuíveis à ação ou omissão das partes; (iii)Foram reveladas em razão de qualquer ordem, decreto, despacho, decisão ou regra emitida por qualquer órgão judicial, legislativo ou executivo que imponha tal revelação.
10. PRAZO DE MANUTENÇÃO
10.1. A MLEARN manterá os dados pessoais do USUÁRIO e demais informações coletadas nos termos do presente instrumento, pelo prazo de 365 dias, após o cancelamento do cadastro do USUÁRIO no “QUALIFICA”, independente do motivo do cancelamento do cadastro. Podendo este prazo ser ampliado, em caso de autorização, alteração ou determinação por algum regulamento, decreto ou legislação aplicável.
11. DIREITOS DO USUÁRIO
10.1. Fica assegurado ao USUÁRIO, a qualquer momento, solicitar perante a MLEARN: (i) acesso aos dados pessoais e demais informações coletadas nos termos do presente instrumento; (ii) correção de seus dados pessoais incompletos, inexatos ou desatualizados;
(iii) a eliminação dos seus dados pessoais dos servidores da MLEARN, ressalvado as hipóteses em que a MLEARN for obrigada a manter os dados do USUÁRIO por força de previsão contratual, legal ou regulatória.
12. CONTATO
11.1. O USUÁRIO poderá contatar a MLEARN por meio do e-mail contato.qualifica@mlearn.com.br, caso deseje obter informações sobre os dados do USUÁRIO coletados, caso deseje atualizar, alterar ou apagar seus dados pessoais, ou ainda, caso tenha qualquer dúvida em relação a esta Política de Privacidade, ou caso, queira relatar qualquer violação ao presente instrumento.
13. DISPONIBILIZAÇÃO
13.1. A presente Política de Privacidade foi redigida e disponibilizada em 19 de junho de 2020.