MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/MDN-dev-survey

 

Começando na Web é uma série que vai te introduzir aos aspectos práticos do desenvolvimento web. Você vai conhecer as ferramentas que você precisa para construir uma página simples e publicar seu próprio código.

A história do seu primeiro website

Criar sua primeira página vai dar bastante trabalho, então se você é um novato em desenvolvimento web, nós recomendamos que você comece devagar. Você não vai construir outro Facebook logo, mas não é difícil ter seu site online, então vamos começar.

Por meio dos artigos listados abaixo, você vai sair do nada e vai construir sua primeira página online. Vamos lá!

Instalando os programas básicos

Quando se trata de construir um site, há muito a se discutir. Se você está começando, pode ficar confuso com o conjunto de editores de código, frameworks e ferramentas de teste existentes. Em Instalando os programas básicos nós vamos te mostrar passo-a-passo como instalar os programas que você precisa para começar o desenvolvimento básico de web.

Com o que seu site vai parecer?

Antes de começar a escrever o código do seu site, você deve planejá-lo. Que informação você vai disponibilizar? Quais fontes usar? Com o que seu site vai parecer? Nós fornecemos um método simples que você pode seguir para planejar o conteúdo e design do seu site.

Lidando com arquivos

Um site consiste de muitos arquivos: conteúdo em texto, código, stylesheets, conteúdo de mídia, entre outras coisas. Quando você está construindo um site, você precisa montar esses arquivos em uma estrutura sensível e ter certeza que eles poderão falar entre si. Lidando com arquivos explica como preparar uma estrutura sensível de arquivos para seu site e sobre quais questões você deve estar ciente.

HTML básico

Hypertext Markup Language (HTML) é o código que você usa para estruturar seu conteúdo web, dando significado e propósito. Por exemplo, meu conteúdo é organizado em parágrafos, ou em uma lista de pontos? Eu tenho imagens na minha página? Eu tenho uma tabela de dados? Sem pressionar você, o HTML básico provê informação suficiente para você se familiarizar com HTML.

CSS básico

Cascading Stylesheets (CSS) são os códigos que você usa para dar estilo ao seu site. Por exemplo, você quer que seu texto seja preto ou vermelho? Onde o conteúdo deve aparecer na tela? Que imagens de fundo ou cores devem ser usadas para decorar seu site? Com o artigo CSS básico, você terá o necessário para programar seu site.

JavaScript básico

JavaScript é a linguagem de programação que você usa para adicionar características interativas ao seu site. Por exemplo, jogos, coisas que acontecem quando botões são pressionados ou dados que são armazenados em formulários, efeitos dinâmicos de estilo, animação e muito mais. JavaScript básico vai te dar uma ideia do que é possível com essa excitante linguagem de programação, e como começar a usá-la.

Publicando seu site

Uma vez que você tenha acabado de escrever seu código e organizado os arquivos que compõem seu site, você precisa disponibilizar tudo isso online para que as pessoas possam achá-lo. Publicando seu site descreve como colocar seu código online com o mínimo de esforço.

Como a web funciona

Quando você acessa seu site favorito, um monte de coisas complicadas acontecem por debaixo dos panos que você não deve fazer ideia. Como a web funciona mostra o que acontece quando você vê um site no seu computador.

Etiquetas do documento e colaboradores

 Colaboradores desta página: gustavoaraujo, duuz
 Última atualização por: gustavoaraujo,