├── 01CA-baixando-os-arquivos-do-curso.md ├── 01EX-arquivos-iniciais.md ├── 02CA-primeiros-passos-com-html.md ├── 02EX-sobre--inicioHTML.md ├── 03CA-a-spec-html.md ├── 03EX-sobre--aSpecHTML.md ├── 04CA-mudando-o-visual-da-nossa-pagina.md ├── 04EX-sobre--estilos.md ├── 05CA-trabalhando-com-tamanhos-e-espacamento.md ├── 05EX-sobre--tamanhoEspacamento.md ├── 06CA-usando-links-e-listas.md ├── 06EX-sobre--linksEListas.md ├── 07CA-selecionando-elementos-mais-especificos-e-heranca.md ├── 07EX-sobre--seletoresEIntroAoLayout.md ├── 08CA-usando-classes-para-evitar-acoplamentos-de-estilos.md ├── 08EX-sobre--desacoplamentoComClasses.md ├── 09CA-semantica-em-primeiro-lugar.md ├── 09EX-sobre__contato--semanticaEmPrimeiroLugar.md ├── 10CA-treinando-display-e-nomenclatura-de-classes.md ├── 10EX-sobre__contato--displayEIntroBEM.md ├── 11EX-sobre__contato--layoutESemanticaComDivs.md ├── 12EX-sobre__contato--inlineBlockEModifiers.md ├── 13CA-medidas-relativas-em-rem.md ├── 13EX-sobre__rodape--medidasEmERem.md ├── 14CA-responsividade-com-viewport-e-unidades-relativas.md ├── 14EX-sobre__responsive--viewportPorcentagemMaxWBoxModel.md ├── 15EX-sobre__responsive--mediaQueries.md ├── 16CA-estrutura-da-pagina-index.md ├── 16EX-home__baseEcabecalho--semanticaHTML5Emmet.md ├── 17CA-comecando-a-estilizar-o-header-da-home.md ├── 17EX-home__inicioCabecalho--orgCSSResetF12.md ├── 18CA-progressive-enhancement.md ├── 18EX-home__cabecalho--introProgressiveEnhancement.md ├── 19CA-novos-layouts-com-flexbox.md ├── 19EX-home__cabecalho--introNovosLayoutsComFlexbox-A.md ├── 20EX-home__cabecalho--introNovosLayoutsComFlexbox-B.md ├── 21CA-responsividade-e-fallback.md ├── 21EX-home__cabecalhoResponsivoHDPI--borderRadius--calc--canIUse--fallbacks.md ├── 22EX-rodape__html--desafio--revisao.md ├── 23EX-rodape__css--conteudo-first.md ├── 24EX-rodape__css--edicao-em-massa--espacamentos--font-weight-como-numero.md ├── 25EX-rodape__intro-forms--form-label-input--escondendo-label-apenas-no-visual.md ├── 26EX-rodape__responsivo--order--o-problema-da-especificide.md ├── 27EX-rodape__responsivo-desktop--media.md ├── 28EX-rodape__responsivo-desktop--classe--container.md ├── 29CA-conteudo-principal-com-grid.md ├── 29EX-principal__chamada-cursos--grid.md ├── 30EX-principal__video.md ├── 31EX-principal__planos--opcional.md ├── 32EX-principal__beneficios.md ├── 33EX-principal__chamada-youtube--opcional.md ├── 34EX-principal__chamada-aplicativo.md ├── 35CA-paginas-com-bootstrap.md ├── 35EX-matricula__navbar-e-jumbo.md ├── 36EX-matricula__bootstrap-customizado.md ├── 37EX-matricula__tabela-de-cursos.md ├── 38CA-eventos-com-javascript.md ├── 38EX-matricula__javascript.md ├── 39CA-propriedades.md ├── LICENSE.MD ├── README.MD ├── assets ├── images │ ├── 01-arquivos-iniciais │ │ └── barra_explorer_vscode.png │ ├── 02-sobre--inicioHTML │ │ └── sobre--inicioHTML.png │ ├── 03-sobre--aSpecHTML │ │ ├── aba_navegador_antes.png │ │ └── aba_navegador_depois.png │ ├── 04-sobre--estilos │ │ └── estilos_iniciais.png │ ├── 05-sobre--tamanhoEspacamento │ │ └── sobre--tamanhoEspacamento.png │ ├── 06-sobre--linksEListas │ │ ├── links.png │ │ └── lista_diferenciais.png │ ├── 07-sobre--seletoresEIntroAoLayout │ │ ├── familia_menor.png │ │ ├── matriz_imagem_estourando_caixa.png │ │ └── matriz_menor.png │ ├── 08-sobre--desacoplamentoComClasses │ │ └── titulo_contato.png │ ├── 09-sobre__contato--semanticaEmPrimeiroLugar │ │ ├── contato_pronto_exemplo.png │ │ └── contato_sem_estilo.png │ ├── 15-sobre__responsive--mediaQueries │ │ ├── ate_342.png │ │ ├── ate_446.png │ │ ├── ate_622.png │ │ └── ate_850.png │ ├── 16-home__baseEcabecalho--semanticaHTML5Emmet │ │ ├── 16-home__baseEcabecalho.png │ │ ├── cabecalho_desktop.png │ │ ├── cabecalho_meio.png │ │ └── cabecalho_mobile.png │ ├── 17-home__inicioCabecalho--orgCSSResetF12 │ │ ├── 17-home__inicioCabecalho--orgCSSResetF12_2020-02-26-12-10-03.png │ │ └── cabecalho_sem_reset.png │ ├── 18-home__cabecalho--introProgressiveEnhancement │ │ └── final_com_device_mode.png │ ├── 19-home__cabecalho--introNovosLayoutsComFlexbox-A │ │ └── 19-home__cabecalho--introNovosLayoutsComFlexbox-A_2020-02-26-12-54-41.png │ ├── 20-home__cabecalho--introNovosLayoutsComFlexbox-B │ │ └── 20-home__cabecalho--introNovosLayoutsComFlexbox-B_2020-02-26-12-59-59.png │ ├── 21-home__cabecalhoResponsivoHDPI--borderRadius--calc--canIUse--fallbacks │ │ ├── 21-home__cabecalhoResponsivoHDPI--borderRadius--calc--canIUse--fallbacks_2020-02-26-13-09-02.png │ │ └── 21-home__cabecalhoResponsivoHDPI--borderRadius--calc--canIUse--fallbacks_2020-02-26-13-12-14.png │ ├── 22-rodape__html--desafio--revisao │ │ ├── desafio_rodape.png │ │ └── rodape_estilizado_mobile_sem_formpng.png │ ├── 23-rodape__css--conteudo-first │ │ └── 23-rodape__css--conteudo-first_2020-02-26-13-37-55.png │ ├── 24-rodape__css--edicao-em-massa--espacamentos--font-weight-como-numero │ │ └── rodape_mobile_com_espacamentos.png │ ├── 25-rodape__intro-forms--form-label-input--escondendo-label-apenas-no-visual │ │ └── rodape_mobile_com_form.png │ ├── 26-rodape__responsivo--order--o-problema-da-especificide │ │ └── 26-rodape__responsivo--order.png │ ├── 27-rodape__responsivo-desktop--media │ │ └── 27-rodape__responsivo-desktop.png │ ├── 29-principal__chamada-cursos--grid │ │ ├── 29-principal__chamada-cursos--grid_2020-02-26-14-15-17.png │ │ ├── 29-principal__chamada-cursos--grid_2020-02-26-14-15-40.png │ │ └── 29-principal__chamada-cursos--grid_2020-02-26-14-16-00.png │ ├── 30-principal__video │ │ ├── 30-principal__video_2020-02-26-14-19-14.png │ │ └── 30-principal__video_2020-02-26-14-19-47.png │ ├── 31-principal__planos--opcional │ │ ├── 31-principal__planos--opcional_2020-02-26-14-23-01.png │ │ └── 31-principal__planos--opcional_2020-02-26-14-24-35.png │ ├── 32-principal__beneficios │ │ ├── 32-principal__beneficios_2020-02-26-14-27-04.png │ │ └── 32-principal__beneficios_2020-02-26-14-27-36.png │ └── 34-principal__chamada-aplicativo │ │ ├── 34-principal__chamada-aplicativo_2020-02-26-14-28-42.png │ │ └── 34-principal__chamada-aplicativo_2020-02-26-14-29-13.png └── img-musicdot │ ├── intro-html-css │ ├── estrutura-projeto-novo.png │ ├── ss-doctype.png │ ├── ss-index-2-new-browsers.png │ ├── ss-index-2-old-browsers.png │ ├── ss-new-browsers.png │ └── ss-old-browsers.png │ └── javascript │ └── devtools-console.png └── sumario.yaml /01CA-baixando-os-arquivos-do-curso.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/01CA-baixando-os-arquivos-do-curso.md -------------------------------------------------------------------------------- /01EX-arquivos-iniciais.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/01EX-arquivos-iniciais.md -------------------------------------------------------------------------------- /02CA-primeiros-passos-com-html.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/02CA-primeiros-passos-com-html.md -------------------------------------------------------------------------------- /02EX-sobre--inicioHTML.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/02EX-sobre--inicioHTML.md -------------------------------------------------------------------------------- /03CA-a-spec-html.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/03CA-a-spec-html.md -------------------------------------------------------------------------------- /03EX-sobre--aSpecHTML.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/03EX-sobre--aSpecHTML.md -------------------------------------------------------------------------------- /04CA-mudando-o-visual-da-nossa-pagina.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/04CA-mudando-o-visual-da-nossa-pagina.md -------------------------------------------------------------------------------- /04EX-sobre--estilos.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/04EX-sobre--estilos.md -------------------------------------------------------------------------------- /05CA-trabalhando-com-tamanhos-e-espacamento.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/05CA-trabalhando-com-tamanhos-e-espacamento.md -------------------------------------------------------------------------------- /05EX-sobre--tamanhoEspacamento.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/05EX-sobre--tamanhoEspacamento.md -------------------------------------------------------------------------------- /06CA-usando-links-e-listas.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/06CA-usando-links-e-listas.md -------------------------------------------------------------------------------- /06EX-sobre--linksEListas.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/06EX-sobre--linksEListas.md -------------------------------------------------------------------------------- /07CA-selecionando-elementos-mais-especificos-e-heranca.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/07CA-selecionando-elementos-mais-especificos-e-heranca.md -------------------------------------------------------------------------------- /07EX-sobre--seletoresEIntroAoLayout.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/07EX-sobre--seletoresEIntroAoLayout.md -------------------------------------------------------------------------------- /08CA-usando-classes-para-evitar-acoplamentos-de-estilos.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/08CA-usando-classes-para-evitar-acoplamentos-de-estilos.md -------------------------------------------------------------------------------- /08EX-sobre--desacoplamentoComClasses.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/08EX-sobre--desacoplamentoComClasses.md -------------------------------------------------------------------------------- /09CA-semantica-em-primeiro-lugar.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/09CA-semantica-em-primeiro-lugar.md -------------------------------------------------------------------------------- /09EX-sobre__contato--semanticaEmPrimeiroLugar.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/09EX-sobre__contato--semanticaEmPrimeiroLugar.md -------------------------------------------------------------------------------- /10CA-treinando-display-e-nomenclatura-de-classes.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/10CA-treinando-display-e-nomenclatura-de-classes.md -------------------------------------------------------------------------------- /10EX-sobre__contato--displayEIntroBEM.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/10EX-sobre__contato--displayEIntroBEM.md -------------------------------------------------------------------------------- /11EX-sobre__contato--layoutESemanticaComDivs.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/11EX-sobre__contato--layoutESemanticaComDivs.md -------------------------------------------------------------------------------- /12EX-sobre__contato--inlineBlockEModifiers.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/12EX-sobre__contato--inlineBlockEModifiers.md -------------------------------------------------------------------------------- /13CA-medidas-relativas-em-rem.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/13CA-medidas-relativas-em-rem.md -------------------------------------------------------------------------------- /13EX-sobre__rodape--medidasEmERem.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/13EX-sobre__rodape--medidasEmERem.md -------------------------------------------------------------------------------- /14CA-responsividade-com-viewport-e-unidades-relativas.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/14CA-responsividade-com-viewport-e-unidades-relativas.md -------------------------------------------------------------------------------- /14EX-sobre__responsive--viewportPorcentagemMaxWBoxModel.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/14EX-sobre__responsive--viewportPorcentagemMaxWBoxModel.md -------------------------------------------------------------------------------- /15EX-sobre__responsive--mediaQueries.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/15EX-sobre__responsive--mediaQueries.md -------------------------------------------------------------------------------- /16CA-estrutura-da-pagina-index.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/16CA-estrutura-da-pagina-index.md -------------------------------------------------------------------------------- /16EX-home__baseEcabecalho--semanticaHTML5Emmet.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/16EX-home__baseEcabecalho--semanticaHTML5Emmet.md -------------------------------------------------------------------------------- /17CA-comecando-a-estilizar-o-header-da-home.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/17CA-comecando-a-estilizar-o-header-da-home.md -------------------------------------------------------------------------------- /17EX-home__inicioCabecalho--orgCSSResetF12.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/17EX-home__inicioCabecalho--orgCSSResetF12.md -------------------------------------------------------------------------------- /18CA-progressive-enhancement.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/18CA-progressive-enhancement.md -------------------------------------------------------------------------------- /18EX-home__cabecalho--introProgressiveEnhancement.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/18EX-home__cabecalho--introProgressiveEnhancement.md -------------------------------------------------------------------------------- /19CA-novos-layouts-com-flexbox.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/19CA-novos-layouts-com-flexbox.md -------------------------------------------------------------------------------- /19EX-home__cabecalho--introNovosLayoutsComFlexbox-A.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/19EX-home__cabecalho--introNovosLayoutsComFlexbox-A.md -------------------------------------------------------------------------------- /20EX-home__cabecalho--introNovosLayoutsComFlexbox-B.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/20EX-home__cabecalho--introNovosLayoutsComFlexbox-B.md -------------------------------------------------------------------------------- /21CA-responsividade-e-fallback.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/21CA-responsividade-e-fallback.md -------------------------------------------------------------------------------- /21EX-home__cabecalhoResponsivoHDPI--borderRadius--calc--canIUse--fallbacks.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/21EX-home__cabecalhoResponsivoHDPI--borderRadius--calc--canIUse--fallbacks.md -------------------------------------------------------------------------------- /22EX-rodape__html--desafio--revisao.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/22EX-rodape__html--desafio--revisao.md -------------------------------------------------------------------------------- /23EX-rodape__css--conteudo-first.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/23EX-rodape__css--conteudo-first.md -------------------------------------------------------------------------------- /24EX-rodape__css--edicao-em-massa--espacamentos--font-weight-como-numero.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/24EX-rodape__css--edicao-em-massa--espacamentos--font-weight-como-numero.md -------------------------------------------------------------------------------- /25EX-rodape__intro-forms--form-label-input--escondendo-label-apenas-no-visual.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/25EX-rodape__intro-forms--form-label-input--escondendo-label-apenas-no-visual.md -------------------------------------------------------------------------------- /26EX-rodape__responsivo--order--o-problema-da-especificide.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/26EX-rodape__responsivo--order--o-problema-da-especificide.md -------------------------------------------------------------------------------- /27EX-rodape__responsivo-desktop--media.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/27EX-rodape__responsivo-desktop--media.md -------------------------------------------------------------------------------- /28EX-rodape__responsivo-desktop--classe--container.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/28EX-rodape__responsivo-desktop--classe--container.md -------------------------------------------------------------------------------- /29CA-conteudo-principal-com-grid.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/29CA-conteudo-principal-com-grid.md -------------------------------------------------------------------------------- /29EX-principal__chamada-cursos--grid.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/29EX-principal__chamada-cursos--grid.md -------------------------------------------------------------------------------- /30EX-principal__video.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/30EX-principal__video.md -------------------------------------------------------------------------------- /31EX-principal__planos--opcional.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/31EX-principal__planos--opcional.md -------------------------------------------------------------------------------- /32EX-principal__beneficios.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/32EX-principal__beneficios.md -------------------------------------------------------------------------------- /33EX-principal__chamada-youtube--opcional.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/33EX-principal__chamada-youtube--opcional.md -------------------------------------------------------------------------------- /34EX-principal__chamada-aplicativo.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/34EX-principal__chamada-aplicativo.md -------------------------------------------------------------------------------- /35CA-paginas-com-bootstrap.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/35CA-paginas-com-bootstrap.md -------------------------------------------------------------------------------- /35EX-matricula__navbar-e-jumbo.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/35EX-matricula__navbar-e-jumbo.md -------------------------------------------------------------------------------- /36EX-matricula__bootstrap-customizado.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/36EX-matricula__bootstrap-customizado.md -------------------------------------------------------------------------------- /37EX-matricula__tabela-de-cursos.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/37EX-matricula__tabela-de-cursos.md -------------------------------------------------------------------------------- /38CA-eventos-com-javascript.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/38CA-eventos-com-javascript.md -------------------------------------------------------------------------------- /38EX-matricula__javascript.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/38EX-matricula__javascript.md -------------------------------------------------------------------------------- /39CA-propriedades.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/39CA-propriedades.md -------------------------------------------------------------------------------- /LICENSE.MD: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/LICENSE.MD -------------------------------------------------------------------------------- /README.MD: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/README.MD -------------------------------------------------------------------------------- /assets/images/01-arquivos-iniciais/barra_explorer_vscode.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/assets/images/01-arquivos-iniciais/barra_explorer_vscode.png -------------------------------------------------------------------------------- /assets/images/02-sobre--inicioHTML/sobre--inicioHTML.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/assets/images/02-sobre--inicioHTML/sobre--inicioHTML.png -------------------------------------------------------------------------------- /assets/images/03-sobre--aSpecHTML/aba_navegador_antes.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/assets/images/03-sobre--aSpecHTML/aba_navegador_antes.png -------------------------------------------------------------------------------- /assets/images/03-sobre--aSpecHTML/aba_navegador_depois.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/assets/images/03-sobre--aSpecHTML/aba_navegador_depois.png -------------------------------------------------------------------------------- /assets/images/04-sobre--estilos/estilos_iniciais.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/assets/images/04-sobre--estilos/estilos_iniciais.png -------------------------------------------------------------------------------- /assets/images/05-sobre--tamanhoEspacamento/sobre--tamanhoEspacamento.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/assets/images/05-sobre--tamanhoEspacamento/sobre--tamanhoEspacamento.png -------------------------------------------------------------------------------- /assets/images/06-sobre--linksEListas/links.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/assets/images/06-sobre--linksEListas/links.png -------------------------------------------------------------------------------- /assets/images/06-sobre--linksEListas/lista_diferenciais.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/assets/images/06-sobre--linksEListas/lista_diferenciais.png -------------------------------------------------------------------------------- /assets/images/07-sobre--seletoresEIntroAoLayout/familia_menor.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/assets/images/07-sobre--seletoresEIntroAoLayout/familia_menor.png -------------------------------------------------------------------------------- /assets/images/07-sobre--seletoresEIntroAoLayout/matriz_imagem_estourando_caixa.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/assets/images/07-sobre--seletoresEIntroAoLayout/matriz_imagem_estourando_caixa.png -------------------------------------------------------------------------------- /assets/images/07-sobre--seletoresEIntroAoLayout/matriz_menor.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/assets/images/07-sobre--seletoresEIntroAoLayout/matriz_menor.png -------------------------------------------------------------------------------- /assets/images/08-sobre--desacoplamentoComClasses/titulo_contato.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/assets/images/08-sobre--desacoplamentoComClasses/titulo_contato.png -------------------------------------------------------------------------------- /assets/images/09-sobre__contato--semanticaEmPrimeiroLugar/contato_pronto_exemplo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/assets/images/09-sobre__contato--semanticaEmPrimeiroLugar/contato_pronto_exemplo.png -------------------------------------------------------------------------------- /assets/images/09-sobre__contato--semanticaEmPrimeiroLugar/contato_sem_estilo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/assets/images/09-sobre__contato--semanticaEmPrimeiroLugar/contato_sem_estilo.png -------------------------------------------------------------------------------- /assets/images/15-sobre__responsive--mediaQueries/ate_342.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/assets/images/15-sobre__responsive--mediaQueries/ate_342.png -------------------------------------------------------------------------------- /assets/images/15-sobre__responsive--mediaQueries/ate_446.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/assets/images/15-sobre__responsive--mediaQueries/ate_446.png -------------------------------------------------------------------------------- /assets/images/15-sobre__responsive--mediaQueries/ate_622.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/assets/images/15-sobre__responsive--mediaQueries/ate_622.png -------------------------------------------------------------------------------- /assets/images/15-sobre__responsive--mediaQueries/ate_850.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/assets/images/15-sobre__responsive--mediaQueries/ate_850.png -------------------------------------------------------------------------------- /assets/images/16-home__baseEcabecalho--semanticaHTML5Emmet/16-home__baseEcabecalho.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/assets/images/16-home__baseEcabecalho--semanticaHTML5Emmet/16-home__baseEcabecalho.png -------------------------------------------------------------------------------- /assets/images/16-home__baseEcabecalho--semanticaHTML5Emmet/cabecalho_desktop.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/assets/images/16-home__baseEcabecalho--semanticaHTML5Emmet/cabecalho_desktop.png -------------------------------------------------------------------------------- /assets/images/16-home__baseEcabecalho--semanticaHTML5Emmet/cabecalho_meio.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/assets/images/16-home__baseEcabecalho--semanticaHTML5Emmet/cabecalho_meio.png -------------------------------------------------------------------------------- /assets/images/16-home__baseEcabecalho--semanticaHTML5Emmet/cabecalho_mobile.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/assets/images/16-home__baseEcabecalho--semanticaHTML5Emmet/cabecalho_mobile.png -------------------------------------------------------------------------------- /assets/images/17-home__inicioCabecalho--orgCSSResetF12/17-home__inicioCabecalho--orgCSSResetF12_2020-02-26-12-10-03.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/assets/images/17-home__inicioCabecalho--orgCSSResetF12/17-home__inicioCabecalho--orgCSSResetF12_2020-02-26-12-10-03.png -------------------------------------------------------------------------------- /assets/images/17-home__inicioCabecalho--orgCSSResetF12/cabecalho_sem_reset.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/assets/images/17-home__inicioCabecalho--orgCSSResetF12/cabecalho_sem_reset.png -------------------------------------------------------------------------------- /assets/images/18-home__cabecalho--introProgressiveEnhancement/final_com_device_mode.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/assets/images/18-home__cabecalho--introProgressiveEnhancement/final_com_device_mode.png -------------------------------------------------------------------------------- /assets/images/19-home__cabecalho--introNovosLayoutsComFlexbox-A/19-home__cabecalho--introNovosLayoutsComFlexbox-A_2020-02-26-12-54-41.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/assets/images/19-home__cabecalho--introNovosLayoutsComFlexbox-A/19-home__cabecalho--introNovosLayoutsComFlexbox-A_2020-02-26-12-54-41.png -------------------------------------------------------------------------------- /assets/images/20-home__cabecalho--introNovosLayoutsComFlexbox-B/20-home__cabecalho--introNovosLayoutsComFlexbox-B_2020-02-26-12-59-59.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/assets/images/20-home__cabecalho--introNovosLayoutsComFlexbox-B/20-home__cabecalho--introNovosLayoutsComFlexbox-B_2020-02-26-12-59-59.png -------------------------------------------------------------------------------- /assets/images/21-home__cabecalhoResponsivoHDPI--borderRadius--calc--canIUse--fallbacks/21-home__cabecalhoResponsivoHDPI--borderRadius--calc--canIUse--fallbacks_2020-02-26-13-09-02.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/assets/images/21-home__cabecalhoResponsivoHDPI--borderRadius--calc--canIUse--fallbacks/21-home__cabecalhoResponsivoHDPI--borderRadius--calc--canIUse--fallbacks_2020-02-26-13-09-02.png -------------------------------------------------------------------------------- /assets/images/21-home__cabecalhoResponsivoHDPI--borderRadius--calc--canIUse--fallbacks/21-home__cabecalhoResponsivoHDPI--borderRadius--calc--canIUse--fallbacks_2020-02-26-13-12-14.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/assets/images/21-home__cabecalhoResponsivoHDPI--borderRadius--calc--canIUse--fallbacks/21-home__cabecalhoResponsivoHDPI--borderRadius--calc--canIUse--fallbacks_2020-02-26-13-12-14.png -------------------------------------------------------------------------------- /assets/images/22-rodape__html--desafio--revisao/desafio_rodape.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/assets/images/22-rodape__html--desafio--revisao/desafio_rodape.png -------------------------------------------------------------------------------- /assets/images/22-rodape__html--desafio--revisao/rodape_estilizado_mobile_sem_formpng.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/assets/images/22-rodape__html--desafio--revisao/rodape_estilizado_mobile_sem_formpng.png -------------------------------------------------------------------------------- /assets/images/23-rodape__css--conteudo-first/23-rodape__css--conteudo-first_2020-02-26-13-37-55.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/assets/images/23-rodape__css--conteudo-first/23-rodape__css--conteudo-first_2020-02-26-13-37-55.png -------------------------------------------------------------------------------- /assets/images/24-rodape__css--edicao-em-massa--espacamentos--font-weight-como-numero/rodape_mobile_com_espacamentos.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/assets/images/24-rodape__css--edicao-em-massa--espacamentos--font-weight-como-numero/rodape_mobile_com_espacamentos.png -------------------------------------------------------------------------------- /assets/images/25-rodape__intro-forms--form-label-input--escondendo-label-apenas-no-visual/rodape_mobile_com_form.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/assets/images/25-rodape__intro-forms--form-label-input--escondendo-label-apenas-no-visual/rodape_mobile_com_form.png -------------------------------------------------------------------------------- /assets/images/26-rodape__responsivo--order--o-problema-da-especificide/26-rodape__responsivo--order.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/assets/images/26-rodape__responsivo--order--o-problema-da-especificide/26-rodape__responsivo--order.png -------------------------------------------------------------------------------- /assets/images/27-rodape__responsivo-desktop--media/27-rodape__responsivo-desktop.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/assets/images/27-rodape__responsivo-desktop--media/27-rodape__responsivo-desktop.png -------------------------------------------------------------------------------- /assets/images/29-principal__chamada-cursos--grid/29-principal__chamada-cursos--grid_2020-02-26-14-15-17.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/assets/images/29-principal__chamada-cursos--grid/29-principal__chamada-cursos--grid_2020-02-26-14-15-17.png -------------------------------------------------------------------------------- /assets/images/29-principal__chamada-cursos--grid/29-principal__chamada-cursos--grid_2020-02-26-14-15-40.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/assets/images/29-principal__chamada-cursos--grid/29-principal__chamada-cursos--grid_2020-02-26-14-15-40.png -------------------------------------------------------------------------------- /assets/images/29-principal__chamada-cursos--grid/29-principal__chamada-cursos--grid_2020-02-26-14-16-00.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/assets/images/29-principal__chamada-cursos--grid/29-principal__chamada-cursos--grid_2020-02-26-14-16-00.png -------------------------------------------------------------------------------- /assets/images/30-principal__video/30-principal__video_2020-02-26-14-19-14.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/assets/images/30-principal__video/30-principal__video_2020-02-26-14-19-14.png -------------------------------------------------------------------------------- /assets/images/30-principal__video/30-principal__video_2020-02-26-14-19-47.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/assets/images/30-principal__video/30-principal__video_2020-02-26-14-19-47.png -------------------------------------------------------------------------------- /assets/images/31-principal__planos--opcional/31-principal__planos--opcional_2020-02-26-14-23-01.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/assets/images/31-principal__planos--opcional/31-principal__planos--opcional_2020-02-26-14-23-01.png -------------------------------------------------------------------------------- /assets/images/31-principal__planos--opcional/31-principal__planos--opcional_2020-02-26-14-24-35.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/assets/images/31-principal__planos--opcional/31-principal__planos--opcional_2020-02-26-14-24-35.png -------------------------------------------------------------------------------- /assets/images/32-principal__beneficios/32-principal__beneficios_2020-02-26-14-27-04.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/assets/images/32-principal__beneficios/32-principal__beneficios_2020-02-26-14-27-04.png -------------------------------------------------------------------------------- /assets/images/32-principal__beneficios/32-principal__beneficios_2020-02-26-14-27-36.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/assets/images/32-principal__beneficios/32-principal__beneficios_2020-02-26-14-27-36.png -------------------------------------------------------------------------------- /assets/images/34-principal__chamada-aplicativo/34-principal__chamada-aplicativo_2020-02-26-14-28-42.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/assets/images/34-principal__chamada-aplicativo/34-principal__chamada-aplicativo_2020-02-26-14-28-42.png -------------------------------------------------------------------------------- /assets/images/34-principal__chamada-aplicativo/34-principal__chamada-aplicativo_2020-02-26-14-29-13.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/assets/images/34-principal__chamada-aplicativo/34-principal__chamada-aplicativo_2020-02-26-14-29-13.png -------------------------------------------------------------------------------- /assets/img-musicdot/intro-html-css/estrutura-projeto-novo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/assets/img-musicdot/intro-html-css/estrutura-projeto-novo.png -------------------------------------------------------------------------------- /assets/img-musicdot/intro-html-css/ss-doctype.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/assets/img-musicdot/intro-html-css/ss-doctype.png -------------------------------------------------------------------------------- /assets/img-musicdot/intro-html-css/ss-index-2-new-browsers.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/assets/img-musicdot/intro-html-css/ss-index-2-new-browsers.png -------------------------------------------------------------------------------- /assets/img-musicdot/intro-html-css/ss-index-2-old-browsers.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/assets/img-musicdot/intro-html-css/ss-index-2-old-browsers.png -------------------------------------------------------------------------------- /assets/img-musicdot/intro-html-css/ss-new-browsers.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/assets/img-musicdot/intro-html-css/ss-new-browsers.png -------------------------------------------------------------------------------- /assets/img-musicdot/intro-html-css/ss-old-browsers.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/assets/img-musicdot/intro-html-css/ss-old-browsers.png -------------------------------------------------------------------------------- /assets/img-musicdot/javascript/devtools-console.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/assets/img-musicdot/javascript/devtools-console.png -------------------------------------------------------------------------------- /sumario.yaml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caelum/apostila-html-css-javascript/HEAD/sumario.yaml --------------------------------------------------------------------------------