Desarrollo web

 

Ing. Oscar Alonso Rosete Beas

Redes de computadoras 2024-2

oscarrosete.com

oscarrosete.com

Agenda

  • Presentación

  • ¿El desarrollo web ha muerto?

  • ¿Cómo empezar?

  • Taller

  • Deployment

  • Siguientes pasos

oscarrosete.com

oscarrosete.com

Sem-2

oscarrosete.com

oscarrosete.com

  • La gente que conozco cobra poco por desarrollar páginas web 20-30 dolares

  • Las empresas que conozco prefieren estar en redes sociales que tener un website propio

¿El desarrollo web ha muerto?

Sem-2

oscarrosete.com

oscarrosete.com

¿El desarrollo web ha muerto?

  • Está en continuo crecimiento, uno de sus mejores momentos

  • Falta conocer el mercado, hacer networking y participar en proyectos más grandes.

Sem-2

oscarrosete.com

oscarrosete.com

  • Los sitios web no solo se limitan a publicidad general de negocios.
  • El desarrollo web es todo aquello que puede ejecutarse en el navegador

¿El desarrollo web ha muerto?

Sem-2

oscarrosete.com

oscarrosete.com

La digitalización se refiere a la acción o proceso de conversión de datos analógicos a formato digital. 

¿El desarrollo web ha muerto?

Sem-2

oscarrosete.com

oscarrosete.com

Para digitalizar un negocio se habilitan, mejoran y transforman las operaciones de la empresa así como sus funciones, modelos, procesos y actividades a través de la tecnología.

¿El desarrollo web ha muerto?

Sem-2

oscarrosete.com

oscarrosete.com

Los ecommerce se encuentran con demanda alta en la actualidad, cada vez más empresas venden por internet y usuarios confían en la compra por internet.

¿El desarrollo web ha muerto?

Sem-2

oscarrosete.com

oscarrosete.com

Aplicaciones web personalizadas para empresas

  • Restaurante quiere un sistema para que sus clientes hagan pedidos y tener un dashboard para controlarlos

¿El desarrollo web ha muerto?

Sem-2

¿El desarrollo web ha muerto?

oscarrosete.com

oscarrosete.com

Aplicaciones de escritorio (electron)

Skype, Discord, WhatsApp Desktop, Slack

Sem-2

¿El desarrollo web ha muerto?

oscarrosete.com

oscarrosete.com

Aplicaciones para dispositivos móviles (tecnologías híbridas)

Delivery.com, Discord, office 365, Instagram, pinterest, ...

Sem-2

Entorno laboral

oscarrosete.com

oscarrosete.com

Búsqueda desarrollador web, alrededor de 600 ofertas de empleo.

Sem-2

Entorno laboral

oscarrosete.com

oscarrosete.com

Paid relocation

Sem-2

Entorno laboral

oscarrosete.com

oscarrosete.com

  • Frontend

  • Backend

  • Ux/ui

  • Diseño de base de datos

  • Devops

  • Marketing

Sem-2

Industria

oscarrosete.com

oscarrosete.com

Sem-2

Industria

oscarrosete.com

oscarrosete.com

Sem-2

Energías renovables

Energy storage systems align the solar power supply with the demand for power. They provide the ability to store excess energy at the most convenient or cost-effective times, and release power to critical power loads when required, thereby increasing efficiency and reducing wastage.

oscarrosete.com

oscarrosete.com

Sem-2

Ciudades

oscarrosete.com

oscarrosete.com

Sem-2

Portafolio

oscarrosete.com

oscarrosete.com

Sem-2

  • Enorme cantidad de usuarios, aplicaciones moviles, compañias, emprendedores, etc

  • Cloud computing

  • Digitalización empresas

  • Emprender proyectos personales con baja inversión.

oscarrosete.com

oscarrosete.com

Razones resumidas

Sem-2

  • Curva de aprendizaje corta, disponibilidad de información.

  • IoT, IIoT, Smart Cities

  • Gran oferta laboral y distintas posibilidades de "especialidades"

  • Compartir tu portafolio de proyectos.

oscarrosete.com

oscarrosete.com

Razones resumidas

Sem-2

5 razones para estudiar desarrollo web

oscarrosete.com

oscarrosete.com

Sem-2

¿Cómo empezar?

  • Una enorme cantidad de temas nuevos, tecnologías en actualización constante.

  • Entendimiento de los conceptos fundamentales.

oscarrosete.com

oscarrosete.com

Sem-2

Recomendación

  • Aprende y crea.

  • Actualiza lo creado con el conocimiento nuevo.

oscarrosete.com

oscarrosete.com

Sem-2

¿Cómo empezar?

Crear un sitio web informativo.

Donde se muestre información relevante de tus proyectos

 

oscarrosete.com

oscarrosete.com

Sem-2

¿Cómo empezar?

Elementos

  • Botones
  • Imágenes
  • Texto
  • Enlaces
  • Personalización de ellos (Colores, dimensiones)
  • Interacción con ellos

oscarrosete.com

oscarrosete.com

Sem-2

Tecnologías básicas (HTML)

Muestra el contenido y estructura de la información mostrada en el sitio web.

oscarrosete.com

oscarrosete.com

Sem-2

oscarrosete.com

oscarrosete.com

Tecnologías básicas (CSS)

Se enfoca a la presentación del contenido, características como las dimensiones, posicionamiento, colores,etc.

Sem-2

oscarrosete.com

oscarrosete.com

Tecnologías básicas (Javascript)

Se enfoca a la interactividad, comportamiento que tiene el sitio web.

Que sucede al presionar un botón, al escribir en un campo, etc.

Sem-2

Tecnologías básicas

Dominio:

Para poder mostrarla se requiere de una ubicación (www.sitio.com) a la cual podamos acceder.

 

Hosting:

Para que la página este activa, se requiere alquilar una computadora en la cual este disponible el 100% del tiempo.

oscarrosete.com

oscarrosete.com

Sem-2

Taller

oscarrosete.com

oscarrosete.com

Sem-2

Deployment

oscarrosete.com

oscarrosete.com

18/11

Siguientes pasos

Personaliza temas de libre acceso/plantillas

oscarrosete.com

oscarrosete.com

18/11

Siguientes pasos

Personaliza temas de libre acceso/plantillas

oscarrosete.com

oscarrosete.com

18/11

Siguientes pasos

Investiga más de los temas vistos y  mejora tus diseños previos

oscarrosete.com

oscarrosete.com

18/11

Contenido dinámico

Sitios web con información que cambian de manera frecuente, por ejemplo, sitio web de noticias, blog, ecommerce.

oscarrosete.com

oscarrosete.com

18/11

Contenido dinámico

  • Aplicaciones web

  • Bases de datos

  • Servidores

  • Protocolos

oscarrosete.com

oscarrosete.com

18/11

Aplicaciones de gran escala

oscarrosete.com

oscarrosete.com

18/11

Aplicaciones de gran escala

oscarrosete.com

oscarrosete.com

18/11

Contacto

oscarrosete.com

oscarrosete.com

18/11

Correo electrónico: oscar.rosete@cetys.mx

Web Development Crash Course

By Oscar Rosete

Web Development Crash Course

  • 84