Aprender sobre o desenvolvimento da Web

This translation is incomplete. Please help translate this article from English

Bem-vindo à Área de Aprendizagem da MDN. Este conjunto de artigos visa fornecer aos principiantes no desenvolvimento da web com tudo o que eles precisam para começarem a programar simple websites.

O objetivo desta área da MDN não é transformá-lo de "principiante" em "especialista", mas sim, de "principiante" a "ter noção". A partir daí, deverá conseguir começar o seu próprio trajeto, aprendendo com o resto da MDN e outros intermediários para recursos avançados que requerem bastante conhecimento prévio.

Se é principiante, o desenvolvimento da web pode ser um desafio — nós iremos dar-lhe a mão e fornecer-lhe detalhes suficientes para que se sinta confortável e aprenda os tópicos adequadamente. Deveria sentir-se em casa, quer seja um estudante a aprender desenvolvimento web (por sua conta ou parte de uma turma), um professor a pesquisar por matéria para aulas, como passatempo, ou alguém que apenas quer saber mais sobre como as tecnologias da web funcionam.

Importante: o conteúdo na Área de Aprendizagem está a ser acrescentado com regularidade. Se tem questões sobre tópicos que gostaria que fossem abordados ou acha que estão em falta, consulte a secção Contacte-nos abaixo para informação de como entrar em contacto.

Onde começar

  • Principiante: Se é principiante no do desenvolvimento da Web, nós recomendamos que começe pelo nosso módulo Começar com a Web, que fornece uma introdução prática ao desenvolvimento web.
  • Questões específicas: Se tem uma questão específica sobre o desenvolvimento Web, a nossa secção de Questões comuns poderá ter algo para o ajudar.
  • Além do básico: Se já tem algum conhecimento, o próximo passo é aprender HTML e CSS em detalhe: comece com o nosso módulo Introdução a HTML e avançe para o nosso módulo Introdução a CSS.
  • Mover para scripting: Se já se sente confortável com HTML e CSS, ou se está interessado principalmente em código, poderá querer seguir para JavaScript ou desenvolvimento do lado do servidor. Comece com os nossos módulos JavaScript - primeiros passos e Primeiros passos do lado do servidor.

Nota: o nosso Glossário proporciona definições de terminologia.

Random glossary entry

IndexedDB
IndexedDB é uma API de web para armazenar volumosas estruturas de dados dentro dos navegadores e indexá-los para buscas de alto desempenho. Sendo um RDBMS baseado em SQL, IndexedDB é um sistema de banco de dados transacionais. Porém ele usa objectos JavaScript ao invés de tabelas em colunas fixas para armazenar os dados.

Tópicos abrangidos

A seguir, tem uma lista de todos os tópicos que nós abordaremos na área de aprendizagem da MDN.

Primeiros passos na aprendizagem Web
Proporciona uma introdução prática ao desenvolvimento web para os principiantes.
HTML — Estruturando a web
HTML é a Linguagem que é usada para estruturar as diferentes partes dos Conteudos e definir o seu significado ou propósito.
CSS — Estilizar a web
CSS é a Linguagem usada para estilizar e formatar o conteudo Web, como também acrescenta comportamentos como por exemplo animações. Este tópico apresenta uma cobertura abrangente de CSS.
JavaScript — Scripts dinâmicos do lado do cliente
JavaScript é a Linguagem usada para adicionar funcionalidades dinâmicas a uma página Web. Este tópico ensina o essencial para se tornar confortável escrevendo e compreendendo JavaScript.
Formulários - Coletando dados de utilizadores
Os formulários Web são uma ferramenta poderosa que permitem a interação com os utilizadores - sendo mais comumente usados para a recolha de dados dos utilizadores ou para permitir-lhes controlar uma interface de utilizador. Nos artigos listados abaixo iremos abranger os aspectos essenciais de estruturação, estilização e interação com Formulários Web.
Acessibilidade — tornar a web utilizável por todos
Acessibilidade é a prática de tornar a Web disponivel ao maior numero possivel de pessoas independentemente de alguma incapacidade fisica, localização, dispositivo ou outro factor qualquer. Este tópico lhe mostrará tudo o que precisa saber.
Ferramentas e testes
Este tópico abrange as ferramentas que os desenvolvedores utilizam para facilitar o seu trabalho, como por exemplo ferramentas de testes browsers.
Programação Lado -do-Servidor
Mesmo que esteja focado em desenvolvimento Lado-do-Servidor, é muito útil saber como funcionam os Servidores e como são as características do Código de Programação Lado-do-Servidor. Este tópico fornece uma introdução geral em como tudo isso funciona e fornece também tutoriais detalhados que mostram como construir uma aplicação do Lado-do-Servidor utilizando-se duas Frameworks populares: Django (Phyton) e Express (Node.js).

Obter os nossos exemplos de código

Os exemplos de código que irá encontrar na Área de Aprendizagem podem ser encontrados em GitHub. Se preferir copiá-los para o seu computador, a maneira mais fácil é fazer o download (ZIP) do mais recente código.

Se preferir copiar o código de maneira mais flexivel que permite actualizações automáticas, pode seguir estas instruções um pouco mais complexas:

1. Instale Git na sua máquina. 

  1. Install Git on your machine. This is the underlying version control system software that GitHub works on top of.
  2. Sign up for a GitHub account. It's simple and easy.
  3. Once you've signed up, log in to github.com with your username and password.
  4. Open your computer's command prompt (Windows) or terminal (Linux, MacOSX)
  5. To copy the learning area repo to a folder called learning-area in the current location your command prompt/terminal is pointing to, use the following command:
    git clone https://github.com/mdn/learning-area
  6. You can now enter the directory and find the files you are after (either using your finder/file explorer or the cd command).

You can update the learning-area repository with any changes made to the master version on GitHub with the following steps:

  1. In your command prompt/terminal, go inside the learning-area directory using cd. For example, if you were in the parent directory:
    cd learning-area
  2. Update the repository using the following command:
    git pull

Contactar-nos

If you want to get in touch with us about anything, the best way is to drop us a message on our Learning Area discourse thread or IRC channels. We'd like to hear from you about anything you think is wrong or missing on the site, requests for new learning topics, requests for help with items you don't understand, or any other questions or concerns.

If you're interested in helping develop/improve the content, take a look at how you can help, and get in touch! We are more than happy to talk to you, whether you are a learner, teacher, experienced web developer, or someone else interested in helping to improve the learning experience.

Consulte também

Boletim Informativo de Desenvolvimento da Mozilla
Our newsletter for web developers, which is a great resource for all levels of experience.
Codecademy
A great interactive site for learning programming languages from scratch.
Code.org
Basic coding theory and practice, mainly aimed at children/complete beginners.
EXLskills 
Cursos gratuitos e abertos para o aprendizado de habilidades tecnológicas, com orientação e aprendizado baseado em projetos
freeCodeCamp.org
Um website interactivo com tutoriais (challenges) e projectos para aprender desenvolvimento web.
Web Literacy Map
A framework for entry-level web literacy & 21st Century skills, which also provides access to teaching activities sorted by category.
Teaching activities
A series of teaching activities for teaching (and learning) created by the Mozilla Foundation, covering everything from basic web literacy and privacy to JavaScript and hacking Minecraft.