O que um Desenvolvedor Web precisa saber?

Estudos tecnológicos e científicos aumentam a cada dia, progredindo em pró da sociedade (e as vezes da guerra, rs) demonstrando que a Web ainda tem um imenso potencial de crescer devido sua portabilidade e acessibilidade por meio de navegadores de Internet.
Os conhecimentos medianos necessários e adequados para o desenvolvedor web ter, em ordem sequencial, está indicado abaixo pelo que necessita aprender:

1. História da Internet e dos navegadores! Você aprenderá como surgiu seu trabalho, como se desenvolveu e os processos futuros que se vê para a programação web;
2. HTML - Hypertext Markup Language (Linguagem de Marcação de Hipertexto) - É uma linguagem de marcação (e não de programação!) usada para construir o esqueleto e a estrutura principal das aplicações web e dos sites. É ela quem exibe o documento na web;
3. CSS - Cascading Style Sheets (Folhas em Estilo Cascata) - É uma linguagem de estilo para definir como o documento será apresentado na web. Responsável pelo design das estruturas do HTML. Quando chegar nesta etapa procure ler sobre conceitos de design, responsividade para dispositivos móveis e Flat-Design que está em alta nos dias atuais;
4. JavaScript - ou abreviado JS, é uma linguagem de programação da web, regulada pela empresa ECMA que da "vida", ação à aplicação e às paginas, fazendo com que estas possam ter movimentos e interações com o usuário. Quando chegar nesta etapa, procure aprender conceitos de orientação à objetos, e depois aprenda a usar frameworks e plugins como JQuery e AngularJS para automatizar seu trabalho com JS;
5. Uma linguagem do programação server-side, ou seja, que o servidor dessas páginas web executa e processa antes de disponibilizar os resultados para você. Uma boa sugestã é aprender PHP - (um acrônimo recursivo para "PHP: Hypertext Preprocessor", "Processador de Hipertexto") - Uma das principais linguagens de programação na web. Ela processa o conteúdo enviado pelo usuário (por exemplo um formulário de contato, ou um agendamento) e exibe as informações para ele assim que sejam processados, calculadas ou inseridas no banco de dados por exemplo. Quando chegar nesta etapa, procure aprender de forma completa orientação à objetos, pois a orientação a objetos do JS se baseia em protótipos e não em classes (até agora, sem a nova especificação da ECMAScript 6);
6. SQL - Structured Query Language (Linguagem Estruturada de Questões - livremente traduzida) - É uma linguagem de banco de dados que permite armazenar dados de informações enviadas por uma linguagem de programação. É necessária quando se precisa guardar informações e dados, para serem computados ou reutilizados depois. Uma dica quando chegar aqui é usar o MySQL como linguagem SQL desenvolvimento web, em vista da grande afinidade que MySQL tem com o PHP, fora a quantidade de livros e apostilas que rondam pela web ensinando a utilizar ambos juntos;
7. XML - eXtensible Markup Language (Linguagem de Marcação Extensível) - É uma linguagem de marcação, estruturada para armazenar, indicar ou mesmo documentar um conjunto de dados. Ex.: Uma receita, notas fiscais eletrônicas (nf-e), usar como integrações com outros softwares, arquivo de configurações, webservices, etc;
8. Aprender a desenvolver com Ajax (Asynchronous Javascript and XML), no qual usa-se o Javascript (as)sincronamente com XML, JSON buscando dados do servidor, sem sair da página em que está, não alterando o conteúdo.
9. Aprender a usar alguns frameworks de CSS (como Bootstrap), JS (como JQuery, como citei antes), e PHP (Zend FW, CodeIgniter ou CakePHP, por ex.) para reduzir seu tempo de trabalho e melhorar o modo de trabalhar, de tal forma que garanta segurança, portabilidade, acessibilidade e eficácia tanto para o desenvolvedor quanto para o usuário. Isso acelera o desenvolvimento da aplicação.
10. Aprender configuração de servidores (como o Apache) e modificação de arquivos de configuração como o httpd.conf, php.ini, my.ini, e com certeza analisar logs.
11. Aprender a usar painéis administrativos, como cPanel, WHM e phpMyAdmin.
12. Aprender como funciona a parte de redes de computadores que faz requisições e transações de informações de HTTP;
13. Aprenda Expressões Regulares (RegEx), para fazer busca e validação de dados tanto na parte do Front-End quanto na parte do Back-End, elas irão quebrar muito o seu galho e te safar de problemas no futuro! Procure aprender as RegEx que são PCRE (Perl-compatible Reg. Exp.) primeiro;

Outra dica valiosa é para as ferramentas que você usará no processo do desenvolvimento. No começo quando aprendi HTML e CSS eu usava o bloco de notas do Windows mesmo, mas você não precisa ser tão masoquista, indico usar o Eclipse PDT ou Notepad++ que possuem syntax highlighter, que colocam cores diferentes nos tipos dos códigos para ajudar a entender a estrutura e prever eventuais erros na hora de programar.
Cuidado para não ficar preguiçoso demais com softwares que escrevem sozinho partes da estrutura básica do código para você (como for, foreach, if..else), isso lhe trará péssimas consequências no futuro para lembrar de como se escreve! Até mais !