¿Cómo puedes aprender a convertirte en un desarrollador web en línea sin ninguna experiencia?

Existen especialidades de desarrollo web. El front-end es muy diferente al back-end.

El front-end requiere conocimiento de (X) HTML (y marcado semántico), CSS, JavaScript, Flash, etc. El back-end requiere el conocimiento de un lenguaje compilado o de scripting (Java, PHP, ASP / .NET, Perl, otro CGI) y probablemente un mecanismo de almacenamiento (RDBMS y / o NoSQL). Hay diferentes niveles de comprensión de cada tecnología (todas requieren un tiempo significativo + esfuerzo).

Niveles altos:
¡WIKIPEDIA!
https://developer.mozilla.org/en…

XHTML:
Muchos recursos
http://www.w3schools.com/xhtml
http://www.w3schools.com/xml
http://en.wikipedia.org/wiki/DOC…
http://validator.w3.org

CSS:
http://www.alistapart.com/
http://positioniseverything.net/
http://www.csszengarden.com/
W3C CSS2 Spec

JavaScript / DOM:
http://www.quirksmode.org/dom/in…

Seguramente querrás usar una biblioteca de JavaScript:
http://jquery.com/ (JQuery – quizás el más usado en este momento)
http://developer.yahoo.com/yui/ (YUI2 – en desuso)
http://developer.yahoo.com/yui/ (YUI3 – en desuso)
http://prototypejs.org/ (biblioteca “Prototipo”)
http://script.aculo.us/ (requiere una biblioteca de prototipos)

Misceláneo
http://net.tutsplus.com/ (tutoriales y screencasts de tutoriales)
http://developer.yahoo.com/javas…
http://msdn.microsoft.com/en-us/… (MSDN – para referencia de IE)

Vea el código fuente de CADA sitio que encuentre. Gitano. Imitar. Aprender.

Absolutamente sí. Mi co-fundador, Martin, pasó por la experiencia (aunque él hizo alguna programación Java en su época).

Escribió su historia completa (Los desafíos del desarrollo web de aprendizaje (y cómo superarlos)), pero aquí hay un resumen:

Tener una meta
1. Decide lo que quieres crear. ¿Tienes una idea para la próxima gran red social? ¿Tienes una idea para una gran aplicación? ¿Una herramienta útil que siempre has necesitado y que no has encontrado en ningún lado? Si crees que es necesario y no existe, puedes crearlo.

Aprender a codificar
2. Al principio aprendí con Codecademy y de tutoriales gratuitos. Eso me ayudó un poco con la sintaxis de aprendizaje, pero la verdadera dificultad para mí era qué herramientas utilizar, cómo implementar, entender Git, etc., es decir, cómo trabajar como desarrollador web. Raffaela y yo fundamos CareerFoundry en base a estas observaciones, ya que nos dimos cuenta de que los estudiantes necesitan algo más que tutoriales para aprender sobre desarrollo web, necesitan el apoyo y la experiencia de alguien que ya ha estado allí. Es por esta razón que nuestros mentores están en el centro de todo lo que hacemos.

Google para soluciones
3. Cuando entiendas cómo buscar cosas en Google, te desarrollarás mucho más rápido. Es parte del proceso de aprendizaje pasar del problema a la solución en el menor tiempo posible.

Copiar cosas geniales
4. Copie las cosas geniales que encuentre en sitios web fantásticos como widgets, videos, imágenes de paralaje, etc. (vea la fuente en una página). Agrégalo a tu código. Entonces trata de entender lo que está haciendo.

Mostrar su trabajo
5. Cuando solicite realizar un trabajo como desarrollador web, no se le pedirá que muestre sus certificados, se le pedirá que muestre qué proyectos ya formó parte de la creación. Es realmente importante mostrar el código y los sitios web. La mejor manera es configurar su página Github y mostrar sus proyectos desde allí.
Vea nuestro programa de desarrollo web CareerFoundry aquí para obtener más información sobre cómo codificar con un mentor.