Conteúdo principal
Curso: Programação > Unidade 2
Lição 8: Aprendizagem futuraO que aprender a seguir
Google Sala de AulaParabéns por ter aprendido os conceitos básicos de HTML e CSS! Agora você entende bem o que tem nas páginas que você vê na internet, e você deve ser capaz de olhar para essas páginas e começar a reconhecer as tags HTML e as propriedades CSS usadas.
Contudo, há muito mais que você pode fazer para construir seu conhecimento em HTML e CSS. Continue lendo!
Mais tags HTML
- Tags para Formulários: Existem algumas tags usada para criar formulários web, como
<button>s e<input>s. Elas são tipicamente usadas para enviar dados para o servidor, o que nós não habilitamos na Khan Academy. Elas também podem ser usadas com JS para criar um jogo, o que nós ensinamos no curso de HTML/JS. Aprenda mais sobre tags de formulários com estes slides. Aprenda linguagens usadas pelos servidores, como PHP, Python, Ruby na Codecademy. - Iframes: A tag
<iframe>é uma forma de colocar uma outra página web dentro da sua, e é útil para inserir vídeos do Youtube, Google Maps, etc. Essa tag está desabilitada na Khan Academy por razões de segurança, mas você pode testá-la em outro lugar. Aprenda mais com estes slides. - Multimedia tags: As tags
<audio>e<video>são aceitas em navegadores modernos como uma maneira de tocar áudio e vídeo em páginas web. Como a tag<iframe>, elas também estão desabilitadas na Khan Academy, mas podem ser usadas em outros lugares. Aprenda mais com estes slides. - Novas tags semânticas: Nós últimos anos, como parte da especificação do "HTML5", os navegadores incluíram novas tags semânticas para uso de desenvolvedores, ao invés das
<div>, quando apropriado, como por exemplo<article>,<aside>,<nav>, etc. Há vários artigos sobre elas aqui, incluindo este prático fluxograma para decidir quando usá-las.
Mais propriedades e seletores CSS
Você deve ser capaz de experimentar tudo isso na Khan Academy:
- CSS3: Cobrimos o CSS que é suportado nos navegadores por anos, para existem muitas propriedades e seletores CSS novos nos quais conhecemos como especificações "CSS3", e os navegadores estão adicionando suporte de forma contínua enquanto lançam novas versões. Você pode aprender mais sobre esses slides sobre seletores do CSS3, e slides sobre propriedades do CSS3. Visite também caniuse.com para descobrir o que é suportado por cada navegador.
- Media queries: Esta é uma técnica que deixa você especificar estilos CSS diferentes para diferentes situações, como quando sua webpage é visualizada em um tamanho menor ou quando é impressa. Aprenda mais através do W3C.
- CSS frameworks: Um framework é uma coleção de regras e classes do CSS, e muitos desenvolvedores usam frameworks CSS para escrever CSS mais rápido. O mais popular é o Twitter Bootstrap, mas existem também ZURB foundation, Pure CSS, Topcoat, e outros mais.
Usando JS em páginas web
Desenvolvedores web usam JavaScript para criar páginas interativas, para responder aos eventos do usuário e trazer dados de forma dinâmica dos servidores. Eles fazem isso incorporando tags
<script> dentro do HTML, e colocando JavaScript dentro dessas tags. O código JS deles usa a "DOM API",um conjunto de funções que os navegadores disponibilizam em toda página web para que os desenvolvedores possam consultá-la e manipulá-la.Isto significa que, se você quiser aprender a fazer suas páginas interativas, você precisa aprender não só os fundamentos da linguagem JavaScript (que você pode aprender aqui na Khan Academy), mas também como usar a API DOM (que você pode aprender no nosso curso aqui).
Criando páginas web fora da Khan Academy
Amamos ver você criando webpages legais aqui e compartilhando o que está aprendendo com a comunidade, mas também achamos que é uma grande chance para experimentar outros ambientes de edição de código e experimentar as funcionalidades que não ensinamos. Se você quiser continuar o código dentro do navegador (especialmente se você estiver com um ChromeBook), você pode tentar JSBin.com, JSFiddle.net, Cloud9 IDE, ou Mozilla Thimble.
Se você quiser programar fora do navegador, você pode baixar uma IDE e salvar suas páginas como arquivos ".html". Popular IDEs are Notepad++ (Windows only), SublimeText, Adobe Brackets, Coda, and TextWrangler.
Hospedagem de páginas web em um servidor
Hospedamos as páginas que você cria aqui na Khan Academy em nosso servidor, mas você pode querer configurar sua própria presença na web.
Primeiro, você terá que encontrar uma empresa que irá hospedar seu site. Existem muitos provedores de hospedagem, com diferentes graus de flexibilidade e preço.
Em seguida, você também vai querer criar um nome de domínio, como "meunome.com", assim seu site pode ser uma parte da sua identidade. Às vezes, você pode fazer isso com seu provedor de hospedagem, mas muitas vezes você usa um registrador de nome de domínio diferente para isso. Learn more from these slides.
Assim que você tiver uma hospedagem web, você pode transferir seus arquivos para o servidor com um cliente FTP, como FileZilla. Esse é um programa que se conecta diretamente ao servidor e permite que você busque, baixe e envie arquivos para o servidor. Você também poderá usar SSH no servidor e editar os arquivos diretamente na máquina.
Continue aprendendo
HTML e CSS estão em constante evolução, porque as melhorias nas novas versões dos navegadores são frequentes e a comunidade desenvolvimento Web é muito ativa. Uma das nossas formas favoritas de nos manter atualizados é assinar a Frontend Focus, uma newsletter com links para artigos e demonstrações. Claro que quando aprender algo novo, você deve experimentar para realmente entender como funciona.
Prática, prática, prática!
Quer participar da conversa?
Quanto mais aprendo, mais parece que tenho a aprender '-' sou uma completa ignorante dessa parte de como hospedar sites.(24 votos)
Ótimo curso, aprendi muito!
Só falta emitir certificado.(20 votos)
Curso excelente <3
Obrigado Khanacademy!!(6 votos)
Obrigada pelo curso, a abordagem foi divertida e fácil de perceber. Continuam o bom trabalho :-)(3 votos)
Uma coisa que não foi dita aqui e fiquei com dúvidas:
se escrevo um código em html e css, ele irá funcionar em todos os navegadores ou necessito colocar algum código específico para X ou Y navegador.
Tive problemas durante o curso de meu código não abrir em navegador safari.(2 votos)
Pode ocorrer de você utilizar alguma versão de algum navegador que não suporte determinada versão HTML ou CSS (por exemplo, navegadores com versões antigas tendem a não suportarem HTML5 e assim por diante). Recomendo que você atualize o Safari e verifique a relação entre a versão HTML & CSS que está utilizando e o navegador para saber se são compatíveis.(3 votos)
- Onde posso localizar certificado ?(3 votos)
- Os cursos da Khan Academy não possuem certificado, o conhecimento que foi adquirido que é o que conta.(2 votos)
Finalmente, depois de muito esforço e dedicação consegui terminar este explêndido curso, agora e terminar os outros relacionados com programação também!(3 votos)
Terminei o curso, mas no meu perfil aparece 97% concluído.
O que acontece?(2 votos)- O meu está em 98% mas eu revisei e já fiz tudo. Help me please!(1 voto)
- estou no caminho certo.estou criando alguma pagina mas ainda contem alguns defeitos e pretendo me aperfeiçoar relativamente e gostaria de mais orientação. quero fazer um curso de especialização e por qual curso eu começaria?(2 votos)
Existem cursos na faculdade em que você aprende a programar, como por exemplo "ciência da computação" e até "publicidade e propaganda". Também existem cursos de informática específicos em que você se especializa em programação. 8/05/2017(3 votos)
- O fluxograma podia estar em português (brasil) também.(1 voto)