Quiero empezar a aprender diseño web. ¿Qué idiomas y software necesito saber para crear un sitio web funcional?

Un sitio web funcional tiene un back-end (el lado del servidor) y el front-end (el lado UI).

  1. Back-end o Server-side: hay muchos idiomas para codificar el lado del servidor de un sitio web. Por lo general, necesitará una base de datos y, según sus requisitos, elija una de las siguientes opciones:
    • SQLite
    • MySQL
    • servidor SQL
    • Base de datos Oracle
    • MongoDB
  2. Hay muchos más, por supuesto, pero por ahora, simplemente comience con uno de estos simples.

    A continuación, se codifica el lado del servidor para manejar las solicitudes de los clientes. Puedes usar Python o Ruby. Incluso tienen marcos para facilitar su desarrollo. Pruebe Django / Flask para Python; y Ruby on Rails para Ruby. Incluso puede ir con Microsoft El sitio oficial de Microsoft ASP.NET.

    También puede utilizar el modo J2EE-servlet-JSP-JSF típico, si ya conoce Java. O PHP. Tu decides. En estos días, Node JS, un marco basado en JavaScript se acerca. Puedes intentarlo también, ya que parece prometedor.

  3. Veamos ahora el lado del cliente. Hablando crudamente, HTML5-CSS-JavaScript está en todas partes.
    Pero si quieres que sea específico, hay muchos marcos agradables CSS-JS para que comiences. Por ejemplo, Twitter Bootstrap es un estándar ampliamente reconocido. Puedes empezar por aprender a usar eso. Luego puede pasar a bibliotecas de JavaScript específicas, como Angular, Knockout, Backbone, Underscore, etc.

Sé que lo que he mencionado anteriormente es demasiado simplista. Hay demasiados factores y, a menudo, se encontrará con la necesidad de aprender algo nuevo para agregar alguna funcionalidad a su aplicación.

Por ejemplo, en estos días, muchos servicios grandes como Google, Facebook, Twitter, Wikipedia y muchos otros comparativamente más pequeños como RottenTomatos, Flickr, NYTimes, etc. tienen habilitadas las API REST. Qué significa eso? Esto significa que no es necesario construir el lado del servidor. Simplemente use un método estándar para comunicarse con estos servidores, y puede crear el lado del cliente para varios dispositivos.

También hay pilas para el desarrollo de pila completa. LAMP (Linux-Apache-MySQL-PHP) solía ser una pila famosa. Sin embargo, la pila MEAN (MongoDB-ExpressJS-AngularJS-NodeJS) está saliendo muy rápido. Para decirte la verdad, puedes crear un sitio web completo utilizando solo JavaScript.

Oh, olvidé mencionar que tu mejor amigo son las herramientas de desarrollo de Chrome. ¡Aprende a usar eso primero! Y Chrome Appspector.

Ahora te proporcionaré algunas referencias:

  • Tutoriales en línea de W3Schools en línea
  • JavaScript
  • Bienvenido a Python.org
  • Ruby on Rails
  • Aprende desarrollo web gratis
  • jQuery
  • Appspector
  • RequireJS
  • node.js
  • Superheroico JavaScript MVW Framework
  • Knockout: Inicio
  • MongoDB
  • Desbordamiento de pila
  • Construir mejor el software, juntos
  • Descripción general de ASP.NET
  • Página en oracle.com

Las referencias anteriores no son exclusivas, de ninguna manera. Podría publicar cientos de estos enlaces aquí, pero solo te confundirías. Comience simple. El desarrollo web es como un océano, que se compone de agua de varios mares, que a su vez tiene la contribución de ríos grandes y pequeños.

Es fácil perderse. Pero hay un proverbio chino que parece apropiado aquí: el viaje de mil millas comienza con un solo paso . Entonces, da ese primer paso. Comience con la primera referencia. Y trata de construir algo pequeño y sencillo.

Oh sí, me olvidé de mencionar. Utilice StackOverflow y GitHub al máximo.

PD: En el interés de la divulgación completa, trabajo en Oracle. Todo lo que he escrito anteriormente es mi punto de vista, no el de Oracle.

Actualmente estoy tratando de aprender lo mismo.

Los pasos más básicos se proporcionan en el sitio web de W3Schools Online Web Tutorials, en el que se crea un tutorial para crear un sitio web de demostración, si usted es un novato completo como yo

Sitio web de demostración

Para un sitio web funcional, deberá aprender dos cosas, diseño web y desarrollo web. Diseño web = cómo se ve el sitio. (logrado por HTML, CSS, elementos de diseño creados utilizando Illustrator).
Desarrollo web = cómo funciona o funciona el sitio. (logrado por Javascript, PHP, SQL, jQuery).

Después de eso, Google es tu amigo!

¡Espero que esto ayude! (Espero que me ayude también) Buena suerte.