Olá, todo mundo.
Bem-vindo à Introdução ao CSS3.
Nas próximas quatro semanas, vamos aprender a pegar um código HTML5 simples e
transformá-lo em algo realmente bonito.
Então, o que vai fazer nas próximas quatro semanas?
Bem, o foco principal será aprender sobre folhas de estilo em cascata.
Vamos falar sobre por que eles são uma maneira melhor de estilizar do que o que
as pessoas costumavam usar no início dos anos 2000 e no final
dos anos 1990.
Uma vez que você saiba que é uma maneira melhor de usá-lo,
como podemos ter certeza de que você está escrevendo um código realmente bom?
Uma vez que você descobriu a sintaxe, vamos continuar e
também vamos falar sobre ferramentas de desenvolvimento.
Quando você faz web design, é muito raro que você apenas sentar lá e você codificar, e
você não olhar para a esquerda, ou olhar para a direita, ou ir olhar para a web.
Em vez disso, você estará usando outras ferramentas para ver como você pode alterar seu código
sem realmente ter que escrever o código de antemão.
Finalmente, como sempre, falaremos sobre questões de acessibilidade.
É sempre divertido adicionar cores e animações e coisas legais à nossa página.
Quando fazemos isso,
queremos ter certeza de que não fazemos isso ao custo da acessibilidade.
Queremos garantir que todos vejam tudo na nossa página.
Então vamos falar sobre o que vamos fazer em cada uma das quatro semanas.
Na primeira semana, o foco é apenas começar, molhar os pés
e deixar você um pouco de confiança em saber que você pode fazer isso.
Vamos começar falando sobre os três métodos comuns para estilizar código.
E quando os cobrirmos, vamos falar sobre como esses métodos interagem,
quais são melhores em diferentes situações.
E coisas diferentes que você pode se sentir confiante sabendo como você pode
melhor estilizar sua página em qualquer situação específica.
Em seguida, falaremos sobre o estilo básico das fontes.
Até o final da primeira semana, eu realmente quero que você seja capaz de pegar uma página web e
mudar algo realmente óbvio.
Você pode alterar o texto para que ele seja cursivo, sublinhado ou
uma cor diferente?
Finalmente, vamos falar muito brevemente sobre a colocação de elementos na página.
Isto vai ser um elemento importante das nossas quatro semanas.
Está tentando descobrir como você pode colocar seu cabeçalho aqui ou
uma imagem ali.
E pode ser complicado, mas está tudo bem.
Porque vamos repetir semana após semana.
Na segunda semana, falarei sobre algo chamado modelo de caixa.
Este é um conceito muito comum para qualquer desenvolvedor web,
porque falamos sobre como cada elemento em sua página é realmente uma caixa.
Em seguida, vamos falar sobre links de estilo e listas.
Todos nós amamos os links em nossa página.
A web é a web porque temos links, então como podemos fazê-los parecer realmente legais?
Em seguida, falaremos sobre seletores avançados.
No início do curso, teremos muito cuidado com o estilo de
elementos simples, como estilizar uma lista ou estilizar um parágrafo ou estilizar um cabeçalho.
Em seguida, vamos querer falar sobre e se só quisermos estilizar alguns dos links,
não todos os links?
Finalmente vamos falar sobre as capacidades do navegador.
Assim como quando você aprendeu sobre HTML5,
você aprendeu que alguns navegadores suportam algumas tags, enquanto outros não.
Da mesma forma, os navegadores tratam CSS de forma diferente.
E quero que saiba como reagir melhor a isso.
Na terceira semana, falamos sobre pseudo-classes e elementos.
Essas são uma idéia legal de como podemos fazer coisas diferentes acontecerem
quando passamos o mouse sobre uma página.
Ele também fala sobre como podemos estilizar apenas certas coisas como
o último parágrafo na página ou o primeiro parágrafo.
Também falaremos sobre transições.
Esta é uma maneira de mudar a aparência de um dos elementos em sua página,
que é muito semelhante à idéia de transformações.
Transformações são como podemos girar as coisas na página, distorcê-las,
torná-las maiores e menores, e fazer coisas diferentes como essa.
Finalmente, novamente vamos falar sobre posicionamento,
como podemos fazer as coisas irem em um determinado ponto e ficar lá o tempo todo.
Todos nós vimos menus pop-up realmente irritantes e anúncios pop-up diferentes.
Agora você pode criar seu próprio anúncio pop-up irritante.
Na quarta semana, não vamos cobrir material novo.
Em vez disso, serão amostras, amostras e mais exemplos e amostras.
Em particular, quero mostrar-lhe diferentes maneiras de estilizar uma tabela e
diferentes formas de estilizar um menu de navegação.
A maior parte da quarta semana será realmente gasta trabalhando no seu projeto final.
Quero que saibam logo para quem é esta aula e se estão prontos e
estão interessados em aceitá-la.
Primeiro de tudo, você não quer fazer essa aula a menos que você já saiba sobre HTML5.
Você pode estar fazendo um curso sobre isso.
Você pode estar apenas indo on-line e lendo sobre isso, mas você precisa se sentir confortável
se eu mencionar coisas como tags ou elementos ou validação.
Em seguida, esta aula é para pessoas que têm persistência.
Você nunca vai codificar suas páginas do jeito certo da primeira vez.
Até a segunda vez, às vezes a terceira, quarta e quinta vez.
É realmente sobre desfrutar de todo o processo de realmente querer
fazer algo funcionar e sentir pequenas vitórias quando isso acontece.
Finalmente, esta aula é para
aqueles que estão dispostos a fazer mais do que o que eu vou fazer nessas palestras.
Não há tanta informação que posso dar a você.
Cabe a você praticá-lo, ajustá-lo, mudá-lo e
tentar realmente ver o que acontece além do que estou lhe mostrando.
Então, se quiser saber um pouco mais sobre mim e por que estou escolhendo
dar essa aula, aqui está um pouco de informação.
Eu tenho um PhD em Ciência da Computação.
Mas para ser honesto, essa é a parte menos importante.
O que eu realmente tenho são duas décadas de experiência de ensino.
E durante esse tempo, eu ensinei uma grande variedade de alunos e
uma ampla gama de tópicos.
E eu descobri que eu realmente gosto de explicar as coisas de maneiras diferentes, e
eu realmente gosto de estender a mão para estudantes que talvez tenham mais perguntas.
Minha ênfase na educação sempre foi correndo pela sala de aula,
ajudando os alunos a depurar, encontrando-se com eles um a um.
A carga de trabalho para este curso será bastante simples.
Todas as semanas haverá um questionário muito curto, normalmente perguntas de múltipla escolha.
Mais importante ainda, você vai ter tarefas semanais com classificação de pares.
Porque eu posso falar o quanto quiser sobre CSS3, mas até você começar a digitar coisas e
brincar com ele, não há outra maneira de aprender.
Então toda semana, todos os alunos terão o mesmo HTML.
Você criará seu próprio visual exclusivo para ele.
A tarefa final dos pares, a da quarta semana.
Será bastante substancial para que você possa criar algo
de que você realmente pode se orgulhar e que terá seu próprio selo único para ele.
Então vamos falar sobre como você pode ter sucesso neste curso.
Em um mundo perfeito, você se junta com amigos, você codifica juntos, você
aprende com os erros uns dos outros, e você também aprende com os sucessos uns dos outros.
Por isso, embora não tenhamos essa experiência,
certifique-se de usar os fóruns de mensagens.
Não só para fazer perguntas, mas para ver que outras perguntas as pessoas estão colocando.
Você pode aprender muito assim.
Eu realmente não posso estressar o suficiente para que eu não quero que você sinta que eu estou tentando
enganá-lo, ou que eu estou dando algum tipo de problemas com você.
Se você está trabalhando em algo e está preso nele por
mais de 15 minutos, siga em frente.
Isto é CSS, é estilo.
Há sempre algo que você pode mudar, e
você pode encontrar outra coisa em que você prefere trabalhar.
Certifique-se de que você está procurando as coisas por conta própria.
Não vou poder ensinar-te tudo o que precisas de saber.
E, é por isso que você pode ir na Internet e olhar para diferentes recursos, e
ver se há algo lá fora que você gostaria de recriar.
Finalmente, é muito importante que você pratique isso o máximo que puder.
Se você fizer o mínimo necessário para este curso, e estiver satisfeito com isso,
isso é ótimo.
Fico feliz que você possa aprender alguma coisa.
Mas se você realmente quer ser um desenvolvedor web, é tão
importante que você esteja gostando do que está fazendo, e você está saindo por conta própria,
e você está criando algo bonito sempre que pode.
Então, dou-vos as boas-vindas à aula, e mal posso esperar
que se juntem a nós enquanto aprendemos mais sobre folhas de estilo em cascata.
Obrigado.