Pular para o conteúdo

A primeira escola especializada em tecnologia do Alto Solimões, com corpo técnico formado na área.

CSS do zero

Cor, espaço, tipografia e layout: o modelo de caixa, flexbox, grid, o responsivo que começa pelo celular, e o contraste que faz o texto ser legível no sol e no escuro. O curso irmão de HTML estrutura o portfólio; este o transforma, sem tocar numa linha de estrutura.

14 aulas em 5 módulos · leitura livre, sem matrícula

Programa

Módulo 1: A folha e os valores do portfólio

  1. 1O que é CSS e como ele chega ao HTMLA linguagem que diz como as coisas aparecem
  2. 2Seletores e a cascataEscolher o que estilizar, e quem vence quando duas regras brigam
  3. 3Cor, unidade e variável: a paleta do portfólioOs valores que se repetem, escritos uma vez só

Módulo 2: Caixa, tipo e espaço

  1. 4O modelo de caixa: o cartão de projetoTodo elemento é um retângulo, e é isto que o compõe
  2. 5Tipografia: a abertura e o selo do portfólioO texto que se lê no celular, com dado contado
  3. 6Display, fluxo e posição: o topo que grudaBloco, linha, e o que sai do fluxo

Módulo 3: O layout do portfólio

  1. 7Flexbox: a barra de topo e os botõesO sistema de layout de uma dimensão
  2. 8Grid: a grade de projetos e o bentoLinhas e colunas ao mesmo tempo
  3. 9Responsivo: o portfólio no celular primeiroPorque é de onde vem quase todo mundo

Módulo 4: Estado e movimento

  1. 10Estados: o cartão que responde e o foco que ficaA página que responde a quem a usa
  2. 11Transição e animação sem exageroMovimento que ajuda, e movimento que atrapalha

Módulo 5: Organizar, contrastar e publicar

  1. 12Organizando a folha do portfólioO CSS que ainda faz sentido daqui a seis meses
  2. 13Contraste e o tema claro do portfólioQuem lê no sol também precisa ler
  3. 14Projeto: o portfólio vestido e publicadoA folha inteira, conferida e no ar