Modulo I introducción a la programación - César Esquivel

•

Outros

0

Muchos Materiales

30/11/2022

¡Este material tiene más páginas!

Entonces, ¿te gustó este material?

Ayude a animar a otros estudiantes a mejorar el contenido

¿Te gustó este material? ¡Compartir! 🧡

Ingeniería Civil

106.858 Materiales compartidos

Descarga la aplicación para disfrutar aún más

Lea materiales sin conexión, sin usar Internet. Además de muchas otras características!

Vista previa del material en texto

Modulo i – introducción a la programación
Funcionamiento de la web
Clientes y servidores.
A las computadoras conectadas a la web, se les conoce como clientes y servidores. Los clientes hacen solicitudes a los servidores y estos a la vez transmiten respuestas.
Clientes envían solicitudes → Servidores
Clientes ← Servidores envían respuestas
Los clientes son los dispositivos conectados a internet.
los servidores son las computadoras que almacenan sitios web,
aplicaciones u otras páginas.
Herramientas para el desarrollo web
El desarrollo web es el proceso de creación, diseño y mantenimiento de páginas y aplicaciones web a través de distintos programas y softwares.
Tipos de desarrollador web
Full-stack
El diseño y el desarrollo web son asuntos distintos, pero muy ligados entre si.
Dominio
Cada servidor web es identificado por un código numérico único. La llamada dirección IP permite a los navegadores web comunicarse con el host de destino para solicitar los contenidos de una página web.
Direcciones IP como 93.184.216.34 son difíciles de memorizar y son muy propensas a errores tipográficos.
Para facilitar el acceso a las páginas web, se estableció el método de identificación alfanumérico por dominios
Un dominio es un nombre único e inequívoco a nivel mundial
www.example.com
Hosting
Un hosting es un servicio de alojamiento online que te permite publicar un sitio web en Internet.
Un servidor es una computadora física que funciona ininterrumpidamente para que tu sitio web esté disponible todo el tiempo para cualquier persona que quiera verlo
Opciones de Hosting más populares:
Hosting Compartido
Hosting VPS (Servidor virtual privado)
Alojamiento en la nube (Cloud Hosting)
Hosting WordPress
Hosting con servidor dedicado
HTML
Un documento HTML es un archivo con la extensión .html cuyo contenido es leído e interpretado por el navegador web.
Cuando abres una página web en tu navegador, éste hace una petición al servidor donde se encuentra el documento, lo lee e interpreta y te lo muestra en tu pantalla.
Etiquetas HTML: Construcción de elementos en HTML
Los elementos de HTML se construyen con etiquetas: por lo general, una etiqueta de apertura y otra de cierre entre las cuales va el contenido
Elementos en bloque y en línea:
Anidamiento de elementos en HTML
Los elementos de HTML se pueden anidar, es decir, puedes introducir algunos elementos dentro de otros.
Comentarios en HTML
Atributos
ID – Permite asignar un nombre que identifica a un elemento concreto . El “id” debe ser único.
Class – El atributo class tiene un propósito muy parecido al id, pero en este caso sirve para asignar un nombre que identifica a varios elementos.
Style - El atributo style te permite añadir estilos CSS en línea a un elemento HTML.
Etiquetas estructurales
Lo primero que tienes que hacer es declarar el tipo de documento. Con esta instrucción, el navegador entiende que vamos a utilizar código HTML y la versión del mismo.
Después tienes que crear la etiqueta <html> que englobará todo el documento y, dentro de ella, las etiquetas <head> y <body>.
La etiqueta <head> es la cabecera de la página. Dentro de ella puedes incluir información para el navegador (título, descripción, etc.), enlaces a hojas de estilo CSS, a archivos JavaScript, etc.
La etiqueta <body> es el cuerpo de la página. Aquí incluyes el contenido de la misma.
Editores de código
Es una herramienta diseñada para desempeñar la tarea específica de escribir y modificar un código web.
IDE – Entorno de desarrollo integrado por sus siglas en inglés.
Hay editores especialmente adecuados para trabajar con C ++, Java o Phyton y otros lenguajes de programación
Diferentes opciones de editores.
Gratuitos
Notepad++ - www.notepad-plus-plus.org
Visual Studio Code – www.code.visualstudio.com
Atom – www.atom.io
Brackets – www.brackets.io
Con Licencia
Sublime Text - www.sublimetext.com
Coda – www.coda.io
gracias