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