SlideShare una empresa de Scribd logo
DESARROLLO
WEB
Marelyn Aceituno 201601851
Eden Aquino 200615537
ÍNDICE
Introducción
Concepto
Tecnologías Frontend
Tecnologías backend
INTRODUCCIÓ
N
El desarrollo web es una disciplina
que se encarga de crear y mantener
sitios web.
El desarrollo web se divide en dos
grandes áreas: frontend y backend.
También hablaremos del rol del
desarrollador fullstack.
Es el proceso de creación y mantenimiento de sitios y aplicaciones
web. Involucra la programación, el diseño y la implementación de las
funcionalidades necesarias para que los usuarios puedan interactuar
con la web de forma eficiente y agradable. El desarrollo web abarca
desde páginas simples hasta plataformas complejas, utilizando
diferentes lenguajes de programación, bases de datos y tecnologías
que permiten que los sitios sean dinámicos, interactivos y accesibles
a través de internet.
Concepto
TECNOLOGÍAS
FRONTEND
Son las herramientas y lenguajes
utilizados para construir la parte visual e
interactiva de un sitio web, lo que los
usuarios ven y con lo que interactúan
directamente
PRINCIPALES
TECNOLOGÍAS
• HTML • CSS
Es el lenguaje de marcado
utilizado para estructurar el
contenido de una página
web.
Se utiliza para dar estilo y
diseño a los elementos HTML,
controlando aspectos como
colores, fuentes y
distribuciones
• JAVASCRIPT • FRAMEWORKS
Y BIBLIOTECAS
Es un lenguaje de programación
que permite agregar interactividad
y dinamismo a los sitios web, como
animaciones, validaciones de
formularios, o interacción en
tiempo real
Facilitan el desarrollo de
aplicaciones web dinámicas y
reactivas, al proporcionar
estructuras predefinidas y
componentes reutilizables
Enfoque en el desarrollo web que
permite que un sitio o aplicación
web se adapte y funcione bien en
cualquier dispositivo o tamaño de
pantalla, desde teléfonos móviles
hasta monitores de escritorio.
• Grid flexible
• Imágenes fluidas
• Media Queries
• Diseño mobile-first
Responsive
design
Principios
TECNOLOGÍAS
BACKEND
Son las herramientas y lenguajes que se
utilizan para gestionar la parte interna de una
aplicación o sitio web, es decir, todo lo que
ocurre "detrás de escena". El backend es
responsable de manejar la lógica de la
aplicación, el acceso a bases de datos, la
autenticación de usuarios, y la comunicación
con el frontend.
01
Node.js
• Express.js: Framework
minimalista y flexible
para crear aplicaciones
y APIs rápidas.
• NestJS: Framework
robusto y modular para
aplicaciones escalables
en Node.js.
02
Python:
• Django: Framework
completo que incluye
todo lo necesario para
grandes aplicaciones.
• Flask: Framework
ligero y flexible para
proyectos pequeños o
mediano
03
PHP:
• Laravel: Framework
con un enfoque en la
simplicidad y
elegancia del código.
• Symfony: Framework
escalable con
componentes
reutilizables.
• CodeIgniter:
Framework ligero y
fácil de aprender,
ideal para
aplicaciones
pequeñas.
Java:
• SpringBoot: Framework
de Java que simplifica la
creación de
aplicaciones
empresariales con
configuración mínima.
05
ASP.NET Core:
• Plataforma
multiplataforma y
modular para
aplicaciones web de
alto rendimiento.
04
Sistema de control de
versiones distribuido que
facilita la colaboración y el
seguimiento de cambios en el
código.
• GitHub: Servicio de alojamiento
de repositorios Git con
herramientas de colaboración y
control de versiones.
• GitBucket: Plataforma
alternativa para gestionar
repositorios Git de forma
privada o pública.
Git Plataformas de
Repositorios:
CONTROLDEVERSIONES
Desarrollador Fullstack
Características: Domina tanto el frontend (interfaz de
usuario) como el backend (servidor y bases de datos).
Ventajas:
• Flexibilidad en el desarrollo completo de
aplicaciones.
• Más autonomía en la creación de proyectos.
Desventajas:
• Puede resultar difícil mantenerse actualizado en
todas las tecnologías.
• La profundidad de conocimiento en cada área
puede ser menor que la de especialistas.
EJEMPLO
MUCHAS
GRACIAS

Más contenido relacionado

PDF
Explorando el Mundo de la Programación Frontend vs. Backend
PPTX
Aplicaciones WEB para ingeniería ne sistemas
PDF
Front end
PDF
Introducción al Desarrollo Web - Argentina Programa
PDF
Profesión: Las webs y demás plataformas en red
PPTX
La importancia del frontend y backend en un proyecto
PPTX
Front end y Back-end
PPTX
wepik-introduccion-al-desarrollo-front-end-202403142009120s3a.pptx
Explorando el Mundo de la Programación Frontend vs. Backend
Aplicaciones WEB para ingeniería ne sistemas
Front end
Introducción al Desarrollo Web - Argentina Programa
Profesión: Las webs y demás plataformas en red
La importancia del frontend y backend en un proyecto
Front end y Back-end
wepik-introduccion-al-desarrollo-front-end-202403142009120s3a.pptx

Similar a Desarrollo de programacion Web en lenguajes (20)

PDF
Semana 2 HTML y CSS
PPTX
Tecnologias de desarrollo web
DOCX
Desarrollo en el servidor
PPTX
UNA VISTA PANORÁMICA del curso de aplicaciones web, backend introdución.pptx
PPTX
Desarrollo de aplicaciones Web fundamenteos
PPTX
PROGRAMACIÓN PARA INTERNET lo básico en WEB
PDF
Clase 1 Introducción al Desarrollo Web
PDF
Desarrollo Full Stack. El nuevo rol del programador
PDF
Tema2: Tecnologías de desarrollo web (Desarrollo Aplicaciones Web)
PPTX
Desarrollo de webapps 1
PPTX
Diseño Web: Qué necesitamos para empezar?
PDF
Sanchez pamela y su trabajo escolar final
PPTX
APPSWEBI4.0.pptx
PDF
Las Aplicaciones WEB / Maniobra y Recursos
PDF
0x00-Frontend_intro.pdf
PDF
Trabajo 2.pdf
PPTX
SESION DE APRENDIZAJE INTRODUCCION AL DISEÑO WEB1.pptx
PDF
Act 01 - Introducción a HTML 5 para pregrado.pdf
PPTX
UNIDAD 2 del curso de desarrollo web mariano galvez
PPTX
Exposición 7
Semana 2 HTML y CSS
Tecnologias de desarrollo web
Desarrollo en el servidor
UNA VISTA PANORÁMICA del curso de aplicaciones web, backend introdución.pptx
Desarrollo de aplicaciones Web fundamenteos
PROGRAMACIÓN PARA INTERNET lo básico en WEB
Clase 1 Introducción al Desarrollo Web
Desarrollo Full Stack. El nuevo rol del programador
Tema2: Tecnologías de desarrollo web (Desarrollo Aplicaciones Web)
Desarrollo de webapps 1
Diseño Web: Qué necesitamos para empezar?
Sanchez pamela y su trabajo escolar final
APPSWEBI4.0.pptx
Las Aplicaciones WEB / Maniobra y Recursos
0x00-Frontend_intro.pdf
Trabajo 2.pdf
SESION DE APRENDIZAJE INTRODUCCION AL DISEÑO WEB1.pptx
Act 01 - Introducción a HTML 5 para pregrado.pdf
UNIDAD 2 del curso de desarrollo web mariano galvez
Exposición 7
Publicidad

Último (13)

PPTX
Presentation 4 hipermesis Gravidica ptrt
PPTX
Emergencias-y-Urgencias-Medicas.pptx....
PDF
awwwwwwwwwwwwwwwwwwwwwwwwaeeeeeeeeeeeeeeeeeeeeeeeeeeeeee
PDF
27.-PRESENTACION-SALUD-NUTRICIONAL-EN-LOS-TRABAJADORES.pdf
PPTX
Clase Gramineas.pptx......................
DOCX
Sistemas Operativos, su importancia y objetivos.
PPTX
DEFENSA DE TESIS RIDER DUARTE año 2025..
PPTX
ap_presentacion_taller_0620vvvvvvvvvvvvv21.pptx
PPTX
PropuestaPasantiayTFG para almunado de electronica de potencia
PPTX
TAREA PRÁCTICA DE LA UNIVERSIDAD BOLIBARIANA DEL ECUADOR
PDF
Funciones de material didáctico para formación
PPTX
def2025SEMILLERO DE INVESTIGACION TRAZANDO RUTAS.pptx
PPTX
MOVILIZACION Y TRANSPORTE DEL ADULTO MAYOR-1.pptx
Presentation 4 hipermesis Gravidica ptrt
Emergencias-y-Urgencias-Medicas.pptx....
awwwwwwwwwwwwwwwwwwwwwwwwaeeeeeeeeeeeeeeeeeeeeeeeeeeeeee
27.-PRESENTACION-SALUD-NUTRICIONAL-EN-LOS-TRABAJADORES.pdf
Clase Gramineas.pptx......................
Sistemas Operativos, su importancia y objetivos.
DEFENSA DE TESIS RIDER DUARTE año 2025..
ap_presentacion_taller_0620vvvvvvvvvvvvv21.pptx
PropuestaPasantiayTFG para almunado de electronica de potencia
TAREA PRÁCTICA DE LA UNIVERSIDAD BOLIBARIANA DEL ECUADOR
Funciones de material didáctico para formación
def2025SEMILLERO DE INVESTIGACION TRAZANDO RUTAS.pptx
MOVILIZACION Y TRANSPORTE DEL ADULTO MAYOR-1.pptx
Publicidad

Desarrollo de programacion Web en lenguajes

  • 3. INTRODUCCIÓ N El desarrollo web es una disciplina que se encarga de crear y mantener sitios web. El desarrollo web se divide en dos grandes áreas: frontend y backend. También hablaremos del rol del desarrollador fullstack.
  • 4. Es el proceso de creación y mantenimiento de sitios y aplicaciones web. Involucra la programación, el diseño y la implementación de las funcionalidades necesarias para que los usuarios puedan interactuar con la web de forma eficiente y agradable. El desarrollo web abarca desde páginas simples hasta plataformas complejas, utilizando diferentes lenguajes de programación, bases de datos y tecnologías que permiten que los sitios sean dinámicos, interactivos y accesibles a través de internet. Concepto
  • 5. TECNOLOGÍAS FRONTEND Son las herramientas y lenguajes utilizados para construir la parte visual e interactiva de un sitio web, lo que los usuarios ven y con lo que interactúan directamente
  • 6. PRINCIPALES TECNOLOGÍAS • HTML • CSS Es el lenguaje de marcado utilizado para estructurar el contenido de una página web. Se utiliza para dar estilo y diseño a los elementos HTML, controlando aspectos como colores, fuentes y distribuciones • JAVASCRIPT • FRAMEWORKS Y BIBLIOTECAS Es un lenguaje de programación que permite agregar interactividad y dinamismo a los sitios web, como animaciones, validaciones de formularios, o interacción en tiempo real Facilitan el desarrollo de aplicaciones web dinámicas y reactivas, al proporcionar estructuras predefinidas y componentes reutilizables
  • 7. Enfoque en el desarrollo web que permite que un sitio o aplicación web se adapte y funcione bien en cualquier dispositivo o tamaño de pantalla, desde teléfonos móviles hasta monitores de escritorio. • Grid flexible • Imágenes fluidas • Media Queries • Diseño mobile-first Responsive design Principios
  • 8. TECNOLOGÍAS BACKEND Son las herramientas y lenguajes que se utilizan para gestionar la parte interna de una aplicación o sitio web, es decir, todo lo que ocurre "detrás de escena". El backend es responsable de manejar la lógica de la aplicación, el acceso a bases de datos, la autenticación de usuarios, y la comunicación con el frontend.
  • 9. 01 Node.js • Express.js: Framework minimalista y flexible para crear aplicaciones y APIs rápidas. • NestJS: Framework robusto y modular para aplicaciones escalables en Node.js. 02 Python: • Django: Framework completo que incluye todo lo necesario para grandes aplicaciones. • Flask: Framework ligero y flexible para proyectos pequeños o mediano 03 PHP: • Laravel: Framework con un enfoque en la simplicidad y elegancia del código. • Symfony: Framework escalable con componentes reutilizables. • CodeIgniter: Framework ligero y fácil de aprender, ideal para aplicaciones pequeñas.
  • 10. Java: • SpringBoot: Framework de Java que simplifica la creación de aplicaciones empresariales con configuración mínima. 05 ASP.NET Core: • Plataforma multiplataforma y modular para aplicaciones web de alto rendimiento. 04
  • 11. Sistema de control de versiones distribuido que facilita la colaboración y el seguimiento de cambios en el código. • GitHub: Servicio de alojamiento de repositorios Git con herramientas de colaboración y control de versiones. • GitBucket: Plataforma alternativa para gestionar repositorios Git de forma privada o pública. Git Plataformas de Repositorios: CONTROLDEVERSIONES
  • 12. Desarrollador Fullstack Características: Domina tanto el frontend (interfaz de usuario) como el backend (servidor y bases de datos). Ventajas: • Flexibilidad en el desarrollo completo de aplicaciones. • Más autonomía en la creación de proyectos. Desventajas: • Puede resultar difícil mantenerse actualizado en todas las tecnologías. • La profundidad de conocimiento en cada área puede ser menor que la de especialistas.