Busca DevMedia
Você está buscando no canal front-end web
- Guia de CSS Guia
Domine a linguagem de estilo da web!
- Tecnologia HTML Guia
HTML é uma linguagem de marcação utilizada para estruturar o conteúdo das páginas web, definindo elementos como parágrafos, títulos, imagens, etc.
- Tecnologia Angular Guia
O Angular é um framework que simplifica a construção da interface de usuário assim como o desenvolvimento de aplicações client-side.
- Front-end Web na prática Guia
Nesse Guia de Front-end você encontrará conteúdos que apresentam, na prática, linguagens, frameworks e técnicas de desenvolvimento front-end web.
- Bootstrap Guia
Nesse Guia de Consulta você encontrará o conteúdo que precisa para iniciar seus estudos sobre framework Bootstrap.
Guias relacionados
- HTML: Criando formuláriosCurso
Neste curso você vai aprender a utilizar tags de formulários tais como form, input, select, checkbox, radio, button entre outras.
- CSS: Background - Preenchendo o fundo de um elementoCurso
Neste curso vamos relembrar como inserir uma cor de fundo além de aprender como inserir e estilizar uma imagem atrás de um elemento.
- CSS: Estilização através de seletoresCurso
Neste curso você vai aprender os seletores de tag e de classes e como eles podem ser usados para aplicar estilos nas suas páginas web. Os seletores são padrões usados para identificar elementos em uma página. Com eles você pode definir estilos para múltiplos elementos HTML.
- CSS: PropriedadesCurso
Nesse curso veremos as propriedades no CSS e como elas mudam a aparência dos elementos nas páginas web. Vamos abordar algumas delas com diversos exemplos mostrando na prática como o visual do elemento é modificado.
- CSS: IntroduçãoCurso
CSS (Cascading Style Sheets) é uma linguagem de estilos que serve para manipular a parte visual das páginas web. Com ela você pode estilizar os elementos presentes em um documento HTML como parágrafos, imagens, links entre outros.
Cursos e Vídeos relacionados
- AluCar: Recebendo inputs do usuário através de formuláriosExemplo
Neste projeto vamos conhecer um exemplo prático que utiliza alguns inputs para construir um formulário de cadastro de uma loja de aluguel de carro.
- Senhor lei: utilizando background-image nos elementos da páginaExemplo
Neste projeto relembre como inserir uma cor de fundo além de aprender como inserir e estilizar uma imagem atrás de um elemento.
- Introdução ao CSSExemplo
Introdução ao CSS
- Documentação Teste UnitárioExemplo
Esse projeto é uma série de documentações de ferramentas de teste unitário em diversas linguagens.
- Protocolo HTTP para programadoresExemplo
Nesta documentação você aprenderá o protocolo HTTP e como os dados devem ser passados de uma aplicação para outra através da internet.
Exemplos relacionados
- Programador Front-end (web) Artigo
Um programador Front-end/Web cuida da parte visual, ou seja, tudo que o usuário consegue ver e interagir em uma página.
- CSS: Unidades Artigo
Um vasto conjunto de propriedades pode receber valores numéricos. São exemplos width, height, margin e muitas outras. No CSS temos dois grupos básicos de valores que podem ser utilizados dessa maneira, as unidades de valor absoluto e relativo.
- CSS: Background Artigo
Um plano de fundo, ou background, é a área posicionada sob o conteúdo, preenchimento e borda de um elemento. Com a propriedade background podemos preencher essa área.
- CSS: Box Model Artigo
O motor de renderização do navegador representa cada elemento como uma caixa retangular, de acordo com o padrão definido pelo CSS conhecido como box (caixa) model.
- CSS: Texto Artigo
Nesta seção da documentação de CSS veremos como utilizar negritos, itálicos e sublinhados, alterar a fonte e aplicar efeitos sobre elementos de text. Você aprenderá também a definir o espaçamento entre as linhas e letras.
Artigos relacionados
- Faça você mesmo Vídeo
Nesta aula vamos explicar os passos dados para criar e estilizar a página web que vimos na aula anterior. Lembrando que esta página utiliza a tag form, tags de inputs e campos que vimos no decorrer do curso.
- Exemplo prático Vídeo
Nesta aula vamos colocar em prática o que aprendemos. Vamos conhecer um exemplo prático que utiliza alguns inputs para construir um formulário de cadastro de uma loja de aluguel de carro.
- Fieldset Vídeo
O fieldset é uma tag HTML que permite o agrupamento de forma visual de dados do formulário em seções. Os fieldsets não afetam o funcionamento dos formulários, mas ajudam a organizar o seu conteúdo.
- Radio Vídeo
O radio é um tipo de input e seu objetivo é permitir a criação de opções de seleção única, ou seja, onde o usuário só pode fazer uma escolha. Nesta aula você vai aprender como criar um input do tipo radio.
- Checkbox Vídeo
O checkbox é mais um tipo de input, e tem como objetivo permitir a criação de caixas de seleção muito usadas em formulários para marcar informações do tipo leitura de contrato, ou mesmo para permitir a marcação de múltiplas opções.