¿Qué herramientas se utilizan para crear un sitio web?

¿Conoces el JAMstack (JavaScript, API y marcado)?

Este paradigma de desarrollo web moderno está viendo la transición de los desarrolladores de aplicaciones dinámicas del lado del servidor a pilas modulares del lado del cliente.

Un cambio significativo en el enfoque del backend ahora abstraible al frontend ahora poderoso. [1]

Obviamente, esto marca un cambio en las herramientas que utilizamos para crear sitios web:

  • Generadores de sitios estáticos (Jekyll, Hugo, Gatsby, etc.)
  • CMS sin cabeza (Directus, Cockpit, WP REST API, etc.)
  • API del servicio (Algolia, Disqus, Snipcart)

Muchos desarrolladores todavía usan WordPress (no pueden mentir al respecto), pero hay muchas ventajas al trabajar con JAMstack y sitios estáticos (rendimiento, seguridad, costo y mantenimiento). ¡Al menos deberías echarle un vistazo!

Si eso le parece interesante, nuestro blog está lleno de publicaciones de introducción y tutoriales para estas herramientas. 😉 [2]

Notas al pie

[1] JAMstack para clientes: Beneficios, CMS de sitio estático y limitaciones – Snipcart

[2] Generadores de sitios estáticos, arquitecturas sin servidor y JAMstack – Snipcart

para que el sitio web se desarrolle necesita el conocimiento de diseño web y el conocimiento de desarrollo web. sin ese conocimiento también podemos hacer el sitio web usando Free Website Builder | Crea un sitio web gratis | Wix.com a través de muchos fragmentos de diseño y muchos diseños personalizados. a través de html y css.

Y WordPress también es un tipo de creador de sitios web gratuito para sitios web de negocios y sitios web de comercio woo y magento para el sitio web de comercio electrónico B2C catogery.

herramientas como notepad ++ y visual studio 2017, y

* Pixa, la mayoría de los desarrolladores recomendaron esto fácil de construir.

* El flujo web en esta ventana de diseño estará allí y el diseño se convertirá en código en html, javascript y css.

* El generador de temas en este lote de diseños y diseños de temas será compatible con cualquier extensión y complemento de terceros.

* UCoZ es una de las herramientas que permite editar el código y tiene algunas características fantásticas que cualquier diseñador web preferirá.

Para que el motor de búsqueda sea visible, necesita optimizar el contenido y el diseño será muy bueno y fantástico, entonces el rango aumentará

También tenemos el creador de sitios web con muchos diseños y diseños, y con algunos conocimientos de desarrollo web podemos construir un sitio web fácilmente

Y necesita alojamiento, puede preferir este alojamiento de negocios para el sitio web

HTML para crear la estructura del sitio web.

CSS para que se vea bien y para agregar animaciones.

JavaScript para agregar funcionalidad a la página, como temporizadores, hacer que las cosas funcionen al hacer clic en ellas, y más. Lo usará principalmente para obtener datos de otro lugar si su página se vuelve más compleja.

Después de crear todos los archivos, debe colocarlos en algún lugar para que las personas puedan encontrarlos. Necesitas una computadora para eso, que lo llamamos servidor, y luego una aplicación que sepa cómo manejar todo el tráfico de ida y vuelta entre el servidor y las personas que verán tu página. Esto se llama un servidor web. Entonces, un servidor (su computadora u otra persona / hosting), conexión a Internet y un servidor web.

También necesitará un nombre de dominio. Ya sabes, la URL. Debe registrar uno para que las personas puedan recordar dónde encontrar su sitio web. Funciona como un alias, le da a la dirección IP de su servidor un nombre más significativo y fácil de recordar.

Para crear un sitio web, estas son las herramientas básicas que necesita:

  1. Navegadores web : Google Chrome + Mozilla Firefox al menos
  2. Control de versiones: línea de comando Git
  3. Editor de texto : texto sublime / código de Visual Studio
  4. Herramientas de desarrollo del navegador: herramientas de desarrollador de Chrome / Firefox
  5. Software de manipulación de imágenes: – Adobe Photoshop CS6

Realmente depende del tipo de sitio web que desee crear, pero mi preferencia personal sería usar WordPress .

WordPress es la plataforma más fácil y flexible para usar al crear un sitio web.

¡No tiene una curva de aprendizaje empinada y puede crear casi cualquier tipo de sitio web!

Y otra cosa buena es que hay muchos recursos gratuitos disponibles para ayudarlo a comenzar a usar WordPress.

Pero en resumen, todo lo que necesitas para construir un sitio web usando WordPress es;

  1. Alojamiento web (a partir de $ 2.95 / mes con nombre de dominio gratuito de por vida)
  2. Temas de WordPress (opciones gratuitas y premium)
  3. Complementos de WordPress (opciones gratuitas y premium)
  4. Tu tiempo para aprender y configurarlo

Espero que haya sido útil …

PD: la empresa de alojamiento web a la que me refería que proporciona dominios gratuitos de por vida es SSD Cloud Hosting con Cloudflare y soporte Premium 24/7

  • Todo lo que necesitas es un editor de texto, cualquier cosa servirá, pero me gustan los corchetes. Con esto puedes escribir todo el HTML, CSS, PHP, Javascript que necesites.
  • Si desea editar imágenes, entonces necesita algo como Photoshop o GIMP (gratis y excelente para diseño web)
  • Si necesita cargar sus archivos en un servidor, entonces un programa FTP es una buena idea, como FileZilla.
  • Al construir su sitio, algunos navegadores diferentes son útiles para ver y probar, y la mayoría de ellos tienen herramientas de desarrollador integradas.
  • Dependiendo de cómo trabaje, un marco como Drupal o WordPress puede ser útil (uso Drupal para la mayoría de mis sitios, es increíble y reduce mi tiempo de trabajo diez veces).
  • Por último, pero lo más importante es un lápiz y un poco de papel. Cada sitio que construyo comienza con esto.

Puede comenzar con Atom o PHPStorm, puede ver la comparación aquí que he hecho no hace mucho tiempo.

Depende mucho de lo que espere construir. Si se trata de un sitio web de una página con contenido estático o es algo dinámico donde muchas cosas tienen que ser automatizadas.

En caso de sitio web estático, sugiero usar Free Website Builder | Crea un sitio web gratis | WIX.com es un sitio web muy simple, muy amigable para los novatos y fácil de configurar en cuestión de minutos, pero no es bueno para sitios web serios donde necesitas funciones serias.

Otro caso es donde su sitio web debe ser dinámico, leer datos de otras fuentes y bases de datos, con capacidad para agregar contenido nuevo sin escribir código o agregar secciones manualmente (por ejemplo: Give Me Job Today – Consejos para desarrolladores web de desarrolladores web). . Llega WordPress y millones de temas premium en Envato (ejemplo: Avada | Responsive Multi-Purpose Theme) para el mercado, también muy fácil de configurar e increíblemente fácil de mantener más adelante.

Bono :

El tercer caso es cuando necesita desarrollar algo en serio y si está preguntando “qué herramientas se utilizan para crear un sitio web”, entonces ciertamente no sabe mucho sobre desarrollo web. Para leer más sobre cómo convertirse en uno de nosotros, lea aquí.

Algunas de las herramientas que uso todos los días:

  1. Tormenta PHP – para escribir código y empujar al servidor
  2. iTerm: para mantener el servidor y el back-end del sitio web
  3. Sequel pro: para trabajar con bases de datos
  4. Google: para hacer todo lo que no sé o no estoy seguro de cómo hacerlo
  5. Photoshop: para hacer algunos trabajos pequeños cuando hay que hacerlo, porque no soy diseñador

Si le gustó mi respuesta, puede votar y seguirme en Quora y leer más sobre el desarrollo de sitios web o leer mi blog donde puede ver la versión extendida de mis respuestas de Quora.

Aquí está la lista de algunas buenas herramientas.
8 herramientas para hacer tu sitio web gratis | Webdesigner Depot