O curso foi produzido pelo grupo Nameless Group e tem a intensão de ensinar sobre o desenvolvimento web com base no CSS.
|
Aula 01 – O que é CSS |
|
Objetivo: Nessa primeira aula, temos como objetivo introduzir aos alunos o que é e para o que serve a linguagem de estilos CSS, além de introduzir também a sua sintaxe básica, e seus recursos os seletores e combinadores além de trazermos também 3 conceitos de extrema importância para quem está começando na linguagem. |
| Atividade |
Tempo estimado |
|
|
1 |
Apresentação |
20 seg |
|
2 |
Aula expositiva |
14 min |
|
3 |
Aula prática |
3 min |
|
Acesse o post completo da aula aqui |
||
|
Link do vídeo do Youtube do canal ACT UNICAMP:
|
||
|
CRÉDITOS: Nameless Group / Arthur Conti, João Pedro Coelho, Leonardo Boss, Leonardo Miranda/ Pesquisas / Links de sites utilizados |
||
|
Aula 02 – Box Model |
|
Objetivo: Nessa aula temos como objetivo apresentar um conceito fundamental sobre CSS, que é o box model além de algumas de suas propriedades que são frequentemente utilziadas no cotidiado de um desenvolvedor web, como margin, padding e border. |
| Atividade |
Tempo estimado |
|
|
1 |
Apresentação |
20 seg |
|
2 |
Aula expositiva |
6 min |
|
3 |
Aula prática |
6 min |
|
Acesse o post completo da aula aqui |
||
|
Link do vídeo do Youtube do canal ACT UNICAMP:
|
||
|
CRÉDITOS: Nameless Group / Arthur Conti, João Pedro Coelho, Leonardo Boss, Leonardo Miranda/ Pesquisas / Links de sites utilizados |
||
|
Aula 03 – Layout |
|
Objetivo: Nesta aula temos como objetivo passar sobre o conceito de layout, destrinchando o atributo e trabalhando com o grid-layout e flex-box, modelos de layout amplamente utilizados no mercado. |
| Atividade |
Tempo estimado |
|
|
1 |
Apresentação |
20 seg |
|
2 |
Aula expositiva |
7 min |
|
3 |
Aula prática |
6 min |
|
Acesse o post completo da aula aqui |
||
|
Link do vídeo do Youtube do canal ACT UNICAMP:
|
||
|
CRÉDITOS: Nameless Group / Arthur Conti, João Pedro Coelho, Leonardo Boss, Leonardo Miranda/ Pesquisas / Links de sites utilizados |
||
|
Aula 04 – Fontes e Cores |
|
Objetivo: Nessa aula, abordamos o tema de Fontes e Cores, como podemos alterar as fontes, representar e trabalhar com cores dentro do CSS. |
| Atividade |
Tempo estimado |
|
|
1 |
Apresentação |
20 seg |
|
2 |
Aula expositiva |
5 min |
|
3 |
Aula prática |
5 min |
|
Acesse o post completo da aula aqui |
||
|
Link do vídeo do Youtube do canal ACT UNICAMP:
|
||
|
CRÉDITOS: Nameless Group / Arthur Conti, João Pedro Coelho, Leonardo Boss, Leonardo Miranda/ Pesquisas / Links de sites utilizados |
||
|
Aula 05 – Listas e Tabelas |
|
Objetivo: Nesta aula, apresentamos como trabalhar com listas ordenadas e não ordenadas, além de como trabalhar com tabelas e suas propriedades como alinhamento largura, altura e borda. |
| Atividade |
Tempo estimado |
|
|
1 |
Orientações iniciais |
20 seg |
|
2 |
Aula expositiva |
7 min |
|
3 |
Aula prática |
9 min |
|
Acesse o post completo da aula aqui |
||
|
Link do vídeo do Youtube do canal ACT UNICAMP:
|
||
|
CRÉDITOS: Nameless Group / Arthur Conti, João Pedro Coelho, Leonardo Boss, Leonardo Miranda/ Pesquisas / Links de sites utilizados |
||
|
Aula 06 – Botões, Links e Barra de Navegação |
|
Objetivo: Nessa aula temos como objetivo ensinar como trabalhar com botões, sem entrar na parte de funcionalidade, e sim sua estilização, links com suas propriedades e como podemos criar uma barra de navegação a partir desses recursos previamente citados. |
| Atividade |
Tempo estimado |
|
|
1 |
Orientações iniciais |
20 seg |
|
2 |
Aula expositiva |
7 min |
|
3 |
Aula prática |
7 min |
|
Acesse o post completo da aula aqui |
||
|
Link do vídeo do Youtube do canal ACT UNICAMP:
|
||
|
CRÉDITOS: Nameless Group / Arthur Conti, João Pedro Coelho, Leonardo Boss, Leonardo Miranda/ Pesquisas / Links de sites utilizados |
||
|
Aula 07 – Imagens |
|
Objetivo: Nesta aula, temos como objetivo ensinar sobre a estilização de imagens, olhando para suas propriedades como bordas, opacidade, transformação (rotação de imagem). Também como utilizar imagens em listas e links além configurar uma imagem para ser responsiva. |
| Atividade |
Tempo estimado |
|
|
1 |
Orientações iniciais |
20 seg |
|
2 |
Aula expositiva |
4 min |
|
3 |
Aula prática |
5 min |
|
Acesse o post completo da aula aqui |
||
|
Link do vídeo do Youtube do canal ACT UNICAMP:
|
||
|
CRÉDITOS: Nameless Group / Arthur Conti, João Pedro Coelho, Leonardo Boss, Leonardo Miranda/ Pesquisas / Links de sites utilizados |
||