Esquema de diseño web y desarrollo web.

Descripción general y guía temática sobre diseño y desarrollo web

El siguiente esquema se proporciona como una descripción general y una guía temática del diseño y desarrollo web, dos campos muy relacionados:

Diseño web : campo que abarca muchas habilidades y disciplinas diferentes en la producción y mantenimiento de sitios web . Las diferentes áreas del diseño web incluyen diseño gráfico web; diseño de interfaz ; creación, incluido código estandarizado y software propietario ; diseño de experiencia de usuario ; y optimización de motores de búsqueda . A menudo, muchas personas trabajarán en equipos y cubrirán diferentes aspectos del proceso de diseño, aunque algunos diseñadores los cubrirán todos. ^[1] El término diseño web se utiliza normalmente para describir el proceso de diseño relacionado con el diseño frontal (lado del cliente) de un sitio web, incluido el marcado de escritura . El diseño web se superpone parcialmente a la ingeniería web en el ámbito más amplio del desarrollo web . Se espera que los diseñadores web tengan conocimiento de la usabilidad y, si su función implica la creación de marcas, también se espera que estén actualizados con las pautas de accesibilidad web .

Desarrollo web : trabajo relacionado con el desarrollo de un sitio web para Internet ( World Wide Web ) o una intranet (una red privada). ^[2] El desarrollo web puede abarcar desde el desarrollo de una simple página estática de texto plano hasta complejas aplicaciones de Internet basadas en web ( aplicaciones web ), negocios electrónicos y servicios de redes sociales . Una lista más completa de tareas a las que comúnmente se refiere el desarrollo web puede incluir ingeniería web , diseño web , desarrollo de contenido web , enlace con el cliente, secuencias de comandos del lado del cliente / servidor , configuración de seguridad de la red y del servidor web , ydesarrollo del comercio electrónico .

Entre los profesionales web, "desarrollo web" generalmente se refiere a los principales aspectos no relacionados con el diseño de la creación de sitios web: escritura, marcado y codificación . ^[3] El desarrollo web puede utilizar sistemas de gestión de contenido (CMS) para hacer que los cambios de contenido sean más fáciles y estén disponibles con habilidades técnicas básicas.

Para organizaciones y empresas más grandes, los equipos de desarrollo web pueden estar formados por cientos de personas ( desarrolladores web ) y seguir métodos estándar como metodologías ágiles mientras desarrollan sitios web. Es posible que las organizaciones más pequeñas solo requieran un único desarrollador permanente o contratado, o una asignación secundaria a puestos de trabajo relacionados, como diseñador gráfico o técnico de sistemas de información . El desarrollo web puede ser un esfuerzo de colaboración entre departamentos en lugar del dominio de un departamento designado. Hay tres tipos de especialización de desarrollador web: desarrollador front-end , desarrollador back-end y desarrollador full-stack . Los desarrolladores de front-end son responsables del comportamiento y las imágenes que se ejecutan en el navegador del usuario, los desarrolladores de back-end se ocupan de los servidores y los desarrolladores de pila completa son responsables de ambos. Actualmente, la demanda de desarrolladores de React y Node.JS es muy alta en todo el mundo.

diseño web

• Diseño gráfico
  • Tipografía
  • Diseño de página
• Diseño de experiencia de usuario (diseño UX)
• Diseño de interfaz de usuario (diseño de UI)
• Técnicas de diseño web
  • Diseño web responsivo (RWD)
  • Diseño web adaptativo (AWD)
  • Mejora progresiva
  • Diseño web sin tablas
• Software
  • Adobe Photoshop
  • Ilustrador Adobe
  • Adobe XD
  • figura
  • Bosquejo (software)
  • Diseñador de afinidad
  • paisaje de tinta

desarrollo web

• Desarrollo web front-end : la práctica de convertir datos a una interfaz gráfica, mediante el uso de HTML, CSS y JavaScript, para que los usuarios puedan ver esos datos e interactuar con ellos.
  • HTML (lenguaje de marcado de hipertexto) (*.html)
  • CSS (Hojas de estilo en cascada) (*.css)
    • Marco CSS
  • JavaScript (*.js)
    • Administradores de paquetes para JavaScript
      • npm (originalmente abreviatura de Node Package Manager)
• Secuencias de comandos del lado del servidor (también conocidas como "desarrollo (web) del lado del servidor" o "desarrollo (web) de back-end")
  • ActiveVFP (*.avfp)
  • ASP (*.asp)
  • Formularios web ASP.NET (*.aspx)
  • Páginas web ASP.NET (*.cshtml, *.vbhtml)
  • Lenguaje de marcado ColdFusion (*.cfm)
  • Ir (*.ir)
  • Secuencia de comandos de aplicaciones de Google (*.gs)
  • Hackear (*.php)
  • Haskell (*.hs) (ejemplo: Yesod )
  • Java (*.jsp) a través de páginas JavaServer
  • JavaScript o TypeScript usando JavaScript del lado del servidor (*.ssjs, *.js, *.ts) (ejemplo: Node.js )
  • Lazo (*.lazo)
  • Lua (*.lp *.op *.lua)
  • NodoJS (*.nodo)
  • Analizador (*.p)
  • Perl a través del módulo CGI.pm (*.cgi, *.ipl, *.pl)
  • PHP (*.php, *.php3, *.php4, *.phtml)
  • Progreso WebSpeed ​​(*.r,*.w)
  • Python (*.py) (ejemplos: Pyramid , Flask , Django )
  • R (*.rhtml) – (ejemplo: rApache)
  • Reaccionar (*.jsx, *.tsx)
  • Ruby (*.rb, *.rbw) (ejemplo: Ruby on Rails )
  • SMX (*.smx)
  • Tcl (*.tcl)
  • ADN web (*.dna,*.tpl)
• Desarrollo web completo: implica desarrollo tanto de front-end como de back-end (del lado del servidor)
• marco web
  • Tipos de arquitecturas framework
    • Modelo-vista-controlador
    • Arquitectura de tres niveles
• Software
  • Átomo
  • IDEA IntelliJ
  • Texto sublime
  • Código de estudio visual

Ver también

• esquema de computadoras
  • Esquema de informática y Esquema de tecnología de la información.
    • Esquema de la informática
      • Esquema de la inteligencia artificial
      • Esquema de criptografía
    • Esquema de Internet
      • Esquema de Google
    • Esquema del software
      • tipos de software
        • Esquema del software libre
        • Esquema de los motores de búsqueda
      • Esquema del desarrollo de software
        • Esquema de la ingeniería de software
        • Esquema de diseño web y desarrollo web.
        • Esquema de programación informática
          • Lenguajes de programación
            • Esquema de C++
            • Esquema de Perl
    • Esquema de la ingeniería informática

Referencias

1. Lester, Georgina. "Diferentes trabajos y responsabilidades de varias personas involucradas en la creación de un sitio web". Artes Gales Reino Unido. Archivado desde el original el 31 de mayo de 2013 . Consultado el 17 de marzo de 2012 .
2. "¿Qué es el desarrollo web? - Definición de Techopedia". Techinfo.com . Consultado el 7 de diciembre de 2018 .
3. Campbell, Jennifer (2017). Diseño web: introducción . Aprendizaje Cengage. pag. 27.

enlaces externos