Programación
Web

¿Qué es el Internet?
¿Qué es la Web?
¿Qué es el Desarrollo?
Tecnologías Web
HTML
CSS
JavaScript
HTML
HyperText Markup Language
- Marca el contenido
- Es el esqueleto
- Lenguaje declarativo
- Extensible
<p> My content </p>
CSS
Cascading Style Sheets
- Hoja de estilos
- Formatea el contenido marcado
p {
font-size: 20px;
color: blue;
}
JS
JavaScript
var p = document.getElementById('some-content');
p.addEventListener('click', function(event) {
p.innerHTML = 'Aush!';
});
- Añade contenido
- Permite interactuar
- Formato
- Edición
- Funcionalidad
PHP
Node.js
Java
Ruby
Python
Node.js
Concebido como un entorno de ejecución de JavaScript orientado a eventos asíncronos, Node está diseñado para construir aplicaciones en red escalables.
const express = require('express');
const app = express();
app.get('/', (req, res) => {
res.send('Hello world!');
});
PHP
PHP (acrónimo recursivo de PHP: Hypertext Preprocessor) es un lenguaje de código abierto muy popular especialmente adecuado para el desarrollo web y que puede ser incrustado en HTML.
<!DOCTYPE html>
<html>
<head>
<title>Ejemplo</title>
</head>
<body>
<?php
echo "¡Hola, soy un script de PHP!";
?>
</body>
</html>
Desarrollador Web
Requisitos básicos
Requisitos
- Dominar HTML, CSS y JavaScript (client-side)
- Crear código reutilizable
- Dominar al menos un lenguaje server-side
- Publicar una Web
- Configurar entornos de desarrollo
- Configurar entornos de producción
- Apuntar un dominio a tu servidor
- Cambiar el código de entorno
- Manejo de control de versiones
Entorno de Desarrollo
La correcta selección de un entorno de desarrollo aumenta la productividad.
GNU/Linux
Sistema operativo más utilizado en entornos de producción.
Chrome
Navegador Web muy amigable con el usuario final y el usuario desarrollador, puede ser usado cualquier otro navegador como Firefox, Safari
VSCode
Editor de texto multiplataforma orientado al desarrollo Web, puede ser utilizado cualquier otro como Atom, Sublime ...
GIT
Sistema de control de versiones sencillo de utilizar y completamente libre
Lecturas
01 - [PW] [Clase] - Introducción a la Web
By Néstor Aldana
01 - [PW] [Clase] - Introducción a la Web
Conceptos necesarios para iniciar a desarrollar páginas web
- 991