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.
- Host: GitHub
- URL: https://github.com/edijunior88/caelum_html_css_javascript
- Owner: EdiJunior88
- License: mit
- Created: 2021-03-03T17:04:38.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2024-05-02T16:53:44.000Z (about 1 year ago)
- Last Synced: 2024-05-03T02:02:53.732Z (about 1 year ago)
- Topics: css, css3, html, html-css-javascript, html5, javascript
- Language: HTML
- Homepage: https://edijunior88.github.io/Caelum_HTML_CSS_JavaScript/
- Size: 88.1 MB
- Stars: 4
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
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](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