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