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 |