An open API service indexing awesome lists of open source software.

https://github.com/edijunior88/caelum_html_css_javascript

Esse curso pretende abordar o desenvolvimento de front end (interfaces) para Aplicações Web e Sites que acessamos por meio do navegador de nossos computadores, utilizando padrões atuais de desenvolvimento e conhecendo a fundo suas características técnicas.
https://github.com/edijunior88/caelum_html_css_javascript

css css3 html html-css-javascript html5 javascript

Last synced: 7 months ago
JSON representation

Esse curso pretende abordar o desenvolvimento de front end (interfaces) para Aplicações Web e Sites que acessamos por meio do navegador de nossos computadores, utilizando padrões atuais de desenvolvimento e conhecendo a fundo suas características técnicas.

Awesome Lists containing this project

README

        

Caelum


Apostila HTML / CSS / JavaScript


Site do Projeto - https://edijunior88.github.io/Caelum_HTML_CSS_JavaScript/


Site da apostila Caelum (online e atualizada) - https://www.caelum.com.br/apostila-html-css-javascript/


Tecnologias Utilizadas

- JavaScript [JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript) – Languages

Para ver todas as tecnologias [clique aqui](/techstack.md)



Esta apostila da Caelum visa ensinar de uma maneira elegante, mostrando apenas o que é necessário e quando é necessário,
no momento certo, poupando o leitor de assuntos que não costumam ser de seu interesse em determinadas fases do aprendizado.



Esse material é parte integrante do treinamento Desenvolvimento Web com HTML, CSS e JavaScript e distribuído gratuitamente
exclusivamente pelo site da Caelum. Todos os direitos são reservados à Caelum. A distribuição, cópia, revenda e utilização
para ministrar treinamentos são absolutamente vedadas. Para uso comercial deste material, por favor, consulte a Caelum
previamente.



  • 1 A estrutura dos arquivos de um projeto

  • 2 Exercício: Baixando os arquivos do curso

  • 3 Introdução ao HTML

  • 4 Exercício: Primeiros passos com HTML

  • 5 Estrutura de um documento HTML

  • 6 Exercício: A Especificação HTML

  • 7 Estilizando com CSS

  • 8 Exercício: Mudando o visual da nossa página

  • 9 Espaçamentos e dimensões

  • 10 Exercício: Trabalhando com tamanhos e espaçamento

  • 11 Listas HTML

  • 12 Exercício: Usando links e listas

  • 13 Seletores mais específicos e herança

  • 14 Exercício: Selecionando elementos mais específicos e herança

  • 15 Desacoplamento com classes

  • 16 Exercício: Usando classes para evitar acoplamento de estilos

  • 17 Elementos estruturais e semântica dos elementos

  • 18 Exercício: Semantica em primeiro lugar

  • 19 Conhecendo padrões de CSS

  • 20 Exercício: Treinando display e nomenclatura de classes

  • 21 Exercício: Um pouco sobre estilização com blocos

  • 22 Exercício: Modificadores

  • 23 Unidades relativas com EM e REM

  • 24 Exercício: Medidas relativas em e rem

  • 25 Site mobile ou mesmo site?

  • 26 Exercício: Responsividade com viewport e unidades relativas

  • 27 Exercício: Responsividade com `@media`

  • 28 O processo de desenvolvimento de uma tela

  • 29 Exercício: Estrutura da página principal e o cabeçalho

  • 30 Estilizando o header da home

  • 31 Exercício: Começando a estilizar o `header` da home

  • 32 Progressive Enhancement

  • 33 Exercício: Progressive Enhancement

  • 34 Display Flex

  • 35 Exercício: Novos Layouts com Flexbox

  • 36 Exercício: Novos Layouts com Flexbox B

  • 37 Responsividade e Fallback

  • 38 Exercício: Responsividade e fallback

  • 39 Exercício: Desafio: crie o HTML do rodapé

  • 40 Exercício: Conteúdo Rodapé

  • 41 Exercício: Espaçando o conteúdo do rodapé - os detalhes nas entrelinhas e margens

  • 42 Exercício: O formulário de newsletter do rodapé

  • 43 Exercício: Embaralhando os itens do rodapé em telas maiores com Flexbox

  • 44 Exercício: Rodapé em telas grandes sem sobrescrever tudo o que veio antes

  • 45 Exercício: O componente container

  • 46 Display: grid

  • 47 Exercício: Conteúdo principal - a vitrine de cursos

  • 48 Exercício: Conteúdo Principal

  • 49 Exercício: Conteúdo principal (opcional) - os planos

  • 50 Exercício: Conteúdo Principal - os benefícios

  • 51 Exercício: Conteúdo Principal (opcional) - chamada youtube

  • 52 Exercício: Conteúdo Principal - chamada dos aplicativos

  • 53 Bootstrap e frameworks de CSS

  • 54 Exercício: Primeiros passos com Bootstrap

  • 55 Exercício: Customizando o Bootstrap (opicional)

  • 56 Exercício: A tabela de cursos

  • 57 Um pouquinho da história do JavaScript

  • 58 Exercício: Calculando total de horas e cursos com JavaScript

  • 59 Propriedades CSS



Curso: :green_book: :books: 59 capítulos + Exercícios



Status do Curso: ✅ Concluído