miércoles, 2 de febrero de 2022

Sitios Web/Desarrollo Web.


El desarrollo Web es el campo que implementa las distintas funcionalidades de un sitio web con lenguaje de programación. Se hace cargo de tareas como la creación o instalación de un gestor para la web o la conexión con bases de datos.


En ocasiones, no se tienen claras las diferencias entre Diseño Web y Desarrollo Web. Se usa el de “diseño web” como un término genérico que atañe a diseño y a desarrollo. El diseño web hace referencia a la apariencia y a la percepción del sitio web. Incluye el diseño, la navegación y la gama de colores del sitio web. También el diseño gráfico y el logo. Sin embargo, el diseño web está más relacionado con la estética y la experiencia del usuario. La meta de un diseñador web es hacer que un sitio web sea fácil de usar. De otra parte, el desarrollo web se encarga de las funciones y características de un sitio web. De la programación de un sitio web, de funciones como el registro, de los sistemas de gestión de contenido, del e-commerce y de cualquier aplicación de base de datos.

¿Qué es frontend?

El frontend es la parte del desarrollo web que se dedica a la parte frontal de un sitio web, en pocas palabras del diseño de un sitio web, desde la estructura del sitio hasta los estilos como colores, fondos, tamaños hasta llegar a las animaciones y efectos.

Es esa parte de la página con la que interaccionan los usuarios de la misma, es todo el código que se ejecuta en el navegador de un usuario, al que se le denomina una aplicación cliente, es decir, todo lo que el visitante ve y experimenta de forma directa.

Un front-end, es la persona que se dedica básicamente al diseño web, pero esto no significa que no toque código, tanto el front-end como el back-end están en contacto con código todo el tiempo.

Dentro del área de front-end se trabaja con lenguajes mayormente del lado del cliente, como:

HTML (lenguaje de marcado de hipertexto, se utilizan etiquetas que estructuran y organizan el contenido de la web). 

CSS (se encarga del formato y diseño visual de las páginas web escritas en html) para darle estructura y estilo al sitio. 

Javascript (un lenguaje de programación, rápido y seguro para programar centros de datos, consolas, teléfonos móviles o Internet) para complementar los anteriores y darle dinamismo a los sitios web. 

HTML y CSS son lenguajes de marcado y estilo. Javascript es un lenguaje de programación.

¿Qué es backend?

Mientras que el frontend es la capa de programación ejecutada en el navegador del usuario, el backend procesa la información que alimentará el frontend de datos.

Es la capa de acceso a los datos, ya sea de un software o de un dispositivo en general, es la lógica tecnológica que hace que una página web funcione, lo que queda oculto a ojos del visitante.

El backend de una solución, determina qué tan bien se ejecutará la aplicación y qué experiencia, positiva o negativa, obtendrá el usuario de su uso.

Trabajar en este apartado supone algo totalmente diferente al frontend, ya que exige el dominio de otros términos de programación, lenguajes que requieren una lógica, ya que esta área es también la encargada de optimizar recursos, de la seguridad de un sitio y otros factores. 

Aquí se utilizan frameworks como PHP, Javascript, Python y Ruby, entre otros.

Un framework de desarrollo es el que trabaja en el lado del servidor, se encarga de que las personas puedan disfrutar de una grata experiencia, su propósito principal es que los procesos de desarrollos estén más acelerados, que se puedan volver a utilizar los fragmentos de códigos ya existentes y que se realicen buenas prácticas mediante el uso de distintos patrones.

Con ellos se pueden escribir códigos o desarrollar aplicaciones con el mínimo esfuerzo.

Las herramientas que se utilizan son editores de código, compiladores, debuggeadores para revisar errores de seguridad y gestores de bases de datos.

El flujo de trabajo de un backend consiste en darle funciones a un sitio; mientras que el frontend hace un sitio estático, el backend después le da funciones y adapta el sistema programado a ese sitio web. 

Otras funciones que se gestionan son:

  • Creación de funciones que simplifiquen el proceso de desarrollo.
  •  
  • Acciones de lógica.
  •  
  • Conexión con bases de datos.
  •  

Además, debe velar por la seguridad de los sitios web y optimizar al máximo los recursos para que las páginas sean ligeras

Bibliografia:

Katia Hernández

Tiempo de lectura: 4 min

Publicación: 30 mar, 2021.

https://www.imagar.com/quienes-somos/


36 comentarios:

  1. Se utiliza para la distintas funcionalidad de un sitio web con lenguajes de programación.en ocasión no se tiene claras la diferencia entre diseño web y el desarrollo web , el diseño web se determina genérico que atañe a diceño. Mientras que en frontend en la capa de programación ejecutada para guardar de un usuario , en backend procesa la información que alimentará el frontend de datos

    ResponderBorrar
  2. Con esta información pude aprender la diferencia entre diseño web y desarrollo web, el diseño web se encarga de la apariencia del sitio web mientras que el desarrollo se encarga de las funciones de dicho sitio también que JavaScript es un lenguaje de programación que se encarga de la parte dinámica de una página web sin embargo HTML y CSS son lenguajes de marca, HTML se encarga de estructurar y organizar el contenido mientras que CSS se encarga de darle formato a las páginas web también pude leer cierta información sobre lo que es el backend y frotend.
    Esthefani Santana 6to B

    ResponderBorrar
    Respuestas
    1. Me gustaría ver tu opinión sobre el Frontend y Backend.

      Borrar
    2. El frontend es aquella parte del desarrollo web que se encarga de los estilos o del aspecto visual de sitio web mientras que el Backend es aquella parte que no podemos ver es la capa de acceso a los datos y esta procesa la información que alimentará el frontend de datos

      Borrar
    3. Aprendi aqui sobre el Frond-End y Back-End, que por asi decirlo viene siendo la parte visible y no visible, en este casi el back-end y el frond- End, Es todo lo contrario. También aprendi que e el desarrollo Web es el campo que implementa las distintas funcionalidades de un sitio web etc

      Borrar
  3. Buenas,esta las aclaciones son importantes ya que con ella podemos que el desarrollo web implementa las distintas funciones con su lenguaje de programación. También la diferencia de desarrollo wed y diseño wed, que HTMl y CSS son lenguajes de marca y HTMl es organizar contenidos. Y URL es un identificador de recursos uniforme cuyos cuyos recursos referidos pueden cambiar.

    Norvy juliana 6toB

    ResponderBorrar
  4. Saludos! Todas las informaciones dadas en esta página son de mucha importancia para nuestra educación a nivel informático (por así decirlo), aprendí sobre el frontend que es la parte del desarrollo web que se dedica a la parte estructural del Sitio Web, como los colores, tamaños, fondos, etc. También sobre el backend que es el que procesa la información que alimenta el fronted de datos. Jatnna Fabián- 6to-B

    ResponderBorrar
  5. Saludos, en esta página podemos ver que nos habla sobre el diseño web, u nos dice que hace referencia a la apariencia y la percepción del sitio web también incluye el diseño gráfico y el logo ,también nos aclara que la meta de todo diseñador web es que su sitio sea más fácil de usar,
    También podemos ver que el frontend se dedica a la parte frontal del sitio web osea tiene que ver con el diseño dentro de esta área se trabajan varios lenguajes como es el: HTML, CSS, JAVASCRITP,
    POR último podemos ver que el backend es la capa de acceso a los datos ya sea de un software o un dispositivo general es la lógica que hace que un sitio web funcione. Leydibel mejia

    ResponderBorrar

  6. Esta clase me pareció muy interesante, por lo que he aprendido sobre el desarrollo web, donde este es un espacio que desarrolla las diferentes funciones del sitios web con el lenguaje de programación y a la hora de crear nuestro sitio web este nos sirve para darle una mejor visión. Ahora bien, el desarrollo web se divide en dos procesos: Fontend y Backend; el frontend es una parte del desarrollo web que prácticamente hace referencia a lo que es la estructura del sitio, es decir, el estilo. Cabe resaltar que los lenguajes más utilizados en el frontend son html, css y javascript. Backend es básicamente el que transmite y analiza la información, tiene como fin alimentar o sustentar al frontend de datos y dentro de este de utilizan frameworks, como son javascript, python y ruby.

    Nanyara, 6to-A.






    ResponderBorrar
    Respuestas
    1. Nanyara excelente análisis, muy buen comentario espero continúe así. Queda más que evidenciado que realmente usted estudio el tema. Felicidades 0.4

      Borrar
  7. en esta parte de la clase huvieron muchos datos inportantes como que es desarrollo wed es el campo que implementa las distintas funcionalidades de un sitio web con lenguaje de programación , tambien estuvo lo que era el diseño web hace referencia a la apariencia y a la percepción del sitio web .

    tambien se ahablo de front-end, es la persona que se dedica básicamente al diseño web, pero esto no significa que no toque código ,se trabaja con lenguajes mayormente del lado del cliente, como: HTML ,CASS, Javascritp .

    saul emmanuel de la cruz brito

    ResponderBorrar
  8. De esta informacion pude ver sobre lo que es el desarrollo web es como la aparencia y preparacion del sitio web aqui ya se basa ya lo que va dentro de un sitio web lo que abarca, tambien sobre lo que es frontend que es como lo que se ve cuando tu entra a un sitio web y tambien es el codigo que ejecuta el navegador de un usuario, tambien se integro lo que fue el( HTML, CSS que son como un lenguaje de marcado y estilo) Y JAVASCRIP que es le lenguaje de programcaion y sobre el blackend ya viene siendo la parte oscura la que no se puede ver ya que son codigos de busqueda, y es el que procesa la informacion recibida atravez del frontend.
    aparte de eso tambien sobre se el frameworks como PHP, Javascript, Python y Ruby que son otros tipos de lenguajes que se entran a este mismo proceso

    Carla yoselin jacobo 6toA

    ResponderBorrar
  9. yo quiero agregar a mi pasado comentario al que lea en la platafomas.
    En este ámbito se pueden diferenciar varios tiposde sitio web:as páginas en Flash, las páginas en HTML y las páginas en el lenguaje del servidor.

    Sin embargo, aquellas que se desarrollan en el lenguaje del servidor ofrecen muchas funcionalidades y permiten crear sitios web dinámicos.

    esn poco decir los sitios web que se desarollan en el selguaje de servidor son lo que nos dan la facilidad o permite que un usiario cree un sitio web dinamico que son lo que se construyen o se basan aártir de la tecnologia basica de la wed las cuales son html, css y JavaScript.


    saul enmanuel de la cruz brito

    ResponderBorrar
  10. yo quiero agregar a mi pasado comentario al que lea en las plataformas.
    En este ámbito se pueden diferenciar varios tipos de sitio web: las páginas en Flash, las páginas en HTML y las páginas en el lenguaje del servidor.
    Sin embargo, aquellas que se desarrollan en el lenguaje del servidor ofrecen muchas funcionalidades y permiten crear sitios web dinámicos.

    Es poco decir los sitios web que se desarrollan en el lenguaje de servidor son lo que nos dan la facilidad o permite que un usuario cree un sitio web dinámico que son lo que se construyen o se basan partir de la tecnología básica de la web las cuales son HTML, css y JavaScript.

    profe excuseme por las faltas lo escribi rapido y lo mande sin leer pero ya aqui lo arregel

    ResponderBorrar
  11. Bueno la clase me pareció muy interesante ya que puede conocer que en diseño web y desarrollo web existe una diferencia aún que se parezcan un poquito puede ver que el diseño web es por así decirlo cuando se crea un sitio web y el desarrollo web por ssi decirlo es cuando se le da forma al sitio web, dentro del desarrollo web entra en fronend que es la parte visible en la página el y el black en que es la parte no visible en la página web pero de todos modos se encuentra ahí también pude presenciar que dentro del fronend se encuentra el HTML CSS Y JAVISCRIP.

    Lorena Hernández 6to a

    ResponderBorrar
  12. bueno, en este texto se puede reconocer que he aprendido sobre lo que es un diseño web el cual es el que se encarga de definir la parte visual de una web y aunque tenga siertas caracteristicas similares con el desarrollo web o entre ellos los podamos confundir se diferencian porque el desarrollo web traduce o mejor dicho se encarga de llevar todo esto al lenguaje de programacion diciendo esto que es donde se llevan a codigos.

    En esto del desarrollo web podemos ver lo que es el Fron-end que es el que hace que un sitio web funcione y se vea bien ya digamos la parte visible, y el Black-end que es el que se encarga de diseñar la logica y las soluciones para que las acciones solicitadas en la pagina web sean ejecutadas de manera correcta.

    al igual que se puede ver que los desarrolladores Front-end pueden codificar en HTML, CSS y Javascript.

    CHARIFER ABAD 6to A

    ResponderBorrar
  13. me parecio una buena y muy completa informacion realmente productiva he interesante ya que la misma nos ayuda resumidamente a saber muchas cosas utiles y de mucha ayuda uno de ellos el desarrollo web en donde pude aprender que se dividen en dos que son el frontal que se compone de HIMLCSS y css y el segundo que es el backened ejecutados del usuario viendo que el mismo conlleva dos procesos front-end y backend cabe destacar que queria dar la informacion completa el back end consiste en procesar la informaacion que alimentara al frond end viendo asi que el frond end se dedica basicamente al desarrollo web pero esto no significa que no toque codigo en fin hablemos de lo siguiente que es el dominio que pude ver que esta asociado a una direccion IP fisica de internet entre otras cosas .........


    LIAH DURAN 6TO A

    ResponderBorrar
  14. EL Diseño muchas personas lo confunden con lo que es el desarrollo web pero son cosas muy diferentes ya que el diseño web se trata mas de lo que es el diseño de una pagina, la estética, el color entre otras cosas, mientras que el desarrollo web se trata de lo que son las funciones y características de un sitio web ven. el desarrollo web se divide en FRONTEND Y BACKEND el frontend es la parte frontal lo que vemos los usuarios las barrass las animaciones pero el Backend es todo lo contrario son códigos lo que los ordenadores ven e interpretan.


    Anyi Brito 6TOA

    ResponderBorrar
  15. Diseño de pagina web
    Este se encarga de la estática lo que es la pagina web y es muy importante para adquirir en cualquier empresa o un producto
    Charoni Del Rosario De La Cruz 6to A

    ResponderBorrar
  16. lo que yo aprendí de diseño web fue.
    que hace referencia a la apariencia y a la percepción del sitio web y que incluye el diseño, la navegación, y la gama de colores del sitio web.

    Carlos las José 6to A

    ResponderBorrar
  17. Lo que yo pude aprender fue que el desarrollo web se encarga de los funcionamientos de los sitios web. Tambien pude aprender lo que es el backend y frontend. El frontend es la parte frontal de un sitio web como son los dieños estructuras, estilos y colores. Y el backend es la que proceasa la informacion de los datos del frontend

    ResponderBorrar
  18. Estos textos hablan sobre lo importante que es internet y las páginas web. Por lo que veo hay millones de sitios web en la red mundial, pero hay una mayoría que no está activa.

    Aprendí sobre el Desarrollo Web, el cual según mi interpretación vendría siendo como la apariencia de la página, aprendí que Frontend es la parte frontal de un sitio web y que Frontend está en contacto con Backend, o sea, van de la mano.

    Angélica Alcántara Marte, 6to A

    ResponderBorrar
  19. es básicamente el que transmite y analiza la información, tiene como fin alimentar o sustentar al frontend de datos y dentro de este de utilizan frameworks, como son javascript, python y ruby.

    Nanyara, 6to-A.

    En esta parte pudimos observar distintas informaciones sobre desarrollo, donde este es un espacio que desarrolla los diferentes funcionamientos de un sitio web al momento de crear nuestro sitio web tomando en cuenta que se debe usar el lenguaje de programación para así darle una mejor estética a dicho sitio.
    Pero el mismo de divide en *Fontend y Backend*

    El Fontend es la parte del desarrollo en la cual se hace la “estructura” de nuestro sitio. (El html, y el css son los lenguajes utilizados en el Frontend)

    El backend procesa la información que alimentará el frontend de datos

    Darvin Moreno 6to A

    ResponderBorrar
  20. En esta parte pudimos observar distintas informaciones sobre desarrollo, donde este es un espacio que desarrolla los diferentes funcionamientos de un sitio web al momento de crear nuestro sitio web tomando en cuenta que se debe usar el lenguaje de programación para así darle una mejor estética a dicho sitio.
    Pero el mismo de divide en *Fontend y Backend*

    El Fontend es la parte del desarrollo en la cual se hace la “estructura” de nuestro sitio. (El html, y el css son los lenguajes utilizados en el Frontend)

    El backend procesa la información que alimentará el frontend de datos

    Darvin Moreno 6to A

    ResponderBorrar
  21. Bueno el desarrollo web es muy importante tanto con el diseño y el cliente pork tiene funciones con lenguaje de programación que nos ayuda a realizar tareas y actividades y muchas cosas más.

    Nos explica también lo que es la diferencia entre diseño y desarrollo web

    El diseño es lo que se ve a simple vista la estética y belleza del sitio web

    Y el desarrollo se encarga de la funcione y su característica de un sitio web es decir la programación de dicha sitio web. .
    El fonted es la parte frontal es decir lo que vemos en dicha página es decir la barra izquierda la barra derecha el botón de búsqueda etc

    Banked es el que da la última palabra ya que el es es el espera que le mande la información la procesa

    Como cuando compras boletos para el cine etc no entendí mucho en css por eso no lo escribí

    ResponderBorrar
  22. En lo que pude aprender fue que el desarrollo web se encarga de las funciones y su característica de un sitio web

    Blackend procesa la información que alimentará el frontend de datos

    Klinton heyverson 6toB

    ResponderBorrar
  23. Este comentario ha sido eliminado por el autor.

    ResponderBorrar
  24. Aquí pude analizar que hay una gran diferencia entre desarrollo web y diseño web, ya que un diseñador web se encarga de como se verá este o sea su apariencia y el desarrollo web se encarga del funcionamiento de este y de que todo esté marchando como se debe.
    Este a su vez se divide en frontend y backend, siendo backend más profundo que frontend que solo se encarga de la parte de afuera literalmente.
    Daneska 5toA

    ResponderBorrar
  25. Esta información me parece muy importante porque pude aprender la diferencia entre el desarrollo web y diseño web.
    El desarrollo web es donde se implementan funcionalidades de un sitio web con lenguaje de programación, se encarga de tareas, creación e instalación de un gestor para la web mientras que el diseño web es la apariencia y a la percepción del sitio web.
    También aprendí que front-end es el desarrollo de la web (el diseño de la web).
    El front-end se encarga de lenguaje mayormente del lado del cliente, como:HTML, CSS y Javascript.
    Back-end es el que procesa la información e datos, es el que se encarga del funcionamiento de la página web y se utiliza frameworks como PHP, JavaScript, Python y Ruby.
    Claritza Maria Marte Soriano 5toA

    ResponderBorrar
  26. De esta información he aprendido que un sitio web es el lugar donde se pueden ver las diferentes funciones de un sitio web gracias al lenguaje de programación que se hace cargo de algunas tareas.
    Aveces se saben la diferencias entre diseño web y desarrollo web. El diseño se trata de la apariencia y estética del sitio web para otorgar una buena experiencia al usuario. El desarrollo web trabaja las funciones junto con características del sitio, como la programación funciones de registro etc.
    Pero dicho desarrollo se divide en dos partes y estas son:
    Front-end
    Es la parte en la que se moldea el sitio web en pocas palabras trabaja con lo que es la estructura, estilo, colores, fondos... Tiene importancia ya que es la parte donde interactuan los usuario. Los lenguajes mas utilizados son HTML, CSS Y JavaScript.
    La otra parte era el Back-end, que es la capa de la programación que procesa la información que sera dada al front-end. Es la capa de datos, ya que es la que permite que una pagina web funcione y esta oculto ante los visitantes.

    Ermenson Luis Pimentel L. 5toA

    ResponderBorrar
  27. Buenas
    Esta informacion al igual que la anterior han sido de gran importancia y beneficio para nosotros.
    En este nuevo sub-tema vimos sitios web y desarrollo web; el sitio web es el campo que implementa las distintas funcionalidades de un sitio web con lenguaje de programacion.
    tambien es el que se hace cargo de tareas como la creaciòn o la instalacion de un gestor para la conexion de base de datos.
    tambien vimos que es frontend y backend
    el fronted es la parte del desarrollo web la cual se dedica a la parte frontal de un sitio web, mientras que backend es la encargada de que la pagina funcione.


    Marielyn Rosnairy
    5to c

    ResponderBorrar
  28. Mientras que el frontend es la capa de programación ejecutada en el navegador del usuario, el backend procesa la información que alimentará el frontend de datos. Trabajar en este apartado supone algo totalmente diferente al frontend, ya que exige el dominio de otros términos de programación, lenguajes que requieren una lógica, ya que esta área es también la encargada de optimizar recursos, de la seguridad de un sitio y otros factores.

    Doris Pimentel 5toB

    ResponderBorrar
  29. el desarrollo web es el campo que implementa las distintas funcionalidades de un sitio web con lenguaje de programacion .


    en ocasiones , no tienen claras las diferencias entre diseño web y desarrollo web . la meta de un diseñador web es hacer que un sitio web sea facil de usar

    que es frontend es la parte del desarrollo web que se dedica a la parte frontal de un sitio web . una parte de la pagina con la que interaccionan los usuarios de la misma .




    que es backend

    es la capa de acceso a los datos , ya sea de un software o de un dispositivo en general , es la logica tecnologica que hace que una pagina web funcione.

    aqui se utilizan frameworks como php, javascript , python y ruby entre otros


    clefi yaibeth palin 5to b

    ResponderBorrar
  30. el desarrollo web es el campo que implementa las distintas funcionalidades de un sitio web con lenguaje de programacion .


    en ocasiones , no tienen claras las diferencias entre diseño web y desarrollo web . la meta de un diseñador web es hacer que un sitio web sea facil de usar
    Y el desarrollo se encarga de la funcione y su característica de un sitio web es decir la programación de dicha sitio web. .
    El fonted es la parte frontal es decir lo que vemos en dicha página es decir la barra izquierda la barra derecha el botón de búsqueda etc yamiles valdez sanchez 5c

    ResponderBorrar

Cuestionario

Para acceder al cuestionario sólo debes hacer click en el enlace:   http://www.proyectosalonhogar.com/que_estudiar/testvoc3.HTML