Download - Curso Desarrollo Web
-
8/16/2019 Curso Desarrollo Web
1/27
CURSO DESARROLLO WEB
Módulo 0: Historia de la WebPresentación
MÁS CONTENIDO
Los objetivos de este módulo son:
• Conocer los acontecimientos ms im!ortantes de la "istoria de Internet # la$eb%
• &!render al'unos as!ectos im!ortantes sobre el (uncionamiento de Internet# la $eb: las )*Ls+ los nombres de dominio+ las direcciones IP # el sistema denombres de dominio%
• Di(erenciar Internet # la $eb%• Ser ca!a, de utili,ar -lo''er+ un sistema de 'estión de contenidos+ !ara
!ublicar in(ormación en la $eb%
Introducción al Desarrollo
Web: HTML y CSS
Módulo 0 - Presentación
./deo: "tt!:00#outu%be012t3n'4o5dI
Este es el video de !resentación del !rimer módulo del curso%
&ntes de em!e,ar a crear !'inas 4eb+ es necesario 6ue cono,cas ciertascosas sobre el (uncionamiento de Internet # de la $eb%
7usto este a8o se celebran 9 a8os del nacimiento de la $eb%
En realidad+ esa a;rmación no es del todo correcta+ todo de!ende delacontecimiento 6ue se tome como el nacimiento%
http://youtu.be/XZt3ngwo4dIhttp://youtu.be/XZt3ngwo4dI
-
8/16/2019 Curso Desarrollo Web
2/27
Para 6ue decidas !or ti mismo si realmente este a8o se cum!len 9 a8os delnacimiento de la $eb+ te vamos a e es # cómo (unciona cada uno de ellos% Es!ero 6ue des!u>s deeste módulo t? no si'as con(undiendo el Internet # la $eb%
Las !'inas 4eb son documentos 6ue "acen uso del "i!erte !artes tieneANo te !reocu!es+ tambi>n te lo vamos a e
Por ?ltimo+ cuando se !ublica un sitio 4eb en Internet lo mejor es dis!onerde un nombre de dominio !ro!io% @Cunto cuesta un nombre de dominio #cómo se com!raA @Bu> es el alojamiento 4eb o "ostin'A @Cómo se !ublicaun sitio 4eb en InternetA Todo esto tambi>n te lo vamos a e
!ara evitar 6ue este !rimer módulo sea mu# teórico+ vas a a!render acrear !'inas 4eb utili,ando un 'estor de contenidos+ -lo''er%
Pero ojo+ eso no es el objetivo de este curso: en este curso vas a a!renderlas dos tecnolo'/as 6ue se em!lean !ara crear las !'inas 4eb+ el len'uajede marcado o eti6uetado TML # el len'uaje de "ojas de estilo CSS%
Pero eso em!e,aremos a verlo en el si'uiente módulo%
./deo: "tt!:00#outu%be012t3n'4o5dI
Consejos !ara a!render en este curso
MÁS CONTENIDO
@Buieres a!render a "acer !'inas 4ebA Esa es la clave !ara lo'rar un a!rendi,ajesi'ni;cativo en este curso+ # en realidad en cual6uier otro curso% Lo ms im!ortantees 6ue est>s motivado !ara a!render% Pero incluso teniendo motivación+ !uede ser6ue ten'as di;cultades !ara ;nali,ar este curso% Para evitar 6ue ocurra esto+ a
continuación te o(recemos unos consejos 6ue te !ueden a#udar a ;nali,ar el curso%
http://youtu.be/XZt3ngwo4dIhttp://youtu.be/XZt3ngwo4dI
-
8/16/2019 Curso Desarrollo Web
3/27
Este curso es e
S/ 6ue !uede ecnica de un de!orte sim!lemente !or observación% Sin embar'o+ la ma#or/a de la'ente necesita !racticar+ !racticar # !racticar% Tambi>n !uede e
& lo lar'o del curso !uede ser 6ue encuentres in(ormación re!etida+ eso te a#udara re(or,ar lo a!rendido%
Para lo'rar una concentración adecuada durante el estudio+ un !rimer !aso esevitar las distracciones% La $eb+ el es!acio en el 6ue se desarrolla este curso es unGarma de distracción masivaG% &l'unos e
-
8/16/2019 Curso Desarrollo Web
4/27
Gbombardeados !or distraccionesG% Para evitarlo te recomendamos 6ue si'as lossi'uientes consejos:
• &bre el curso en una ventana inde!endiente del nave'ador+ evita tener otras!esta8as con otro contenido abiertas a la ve,%
• Cierra o !on en !ausa todos los !ro'ramas 6ue !uedan mostrar al'?n ti!ode noti;cación+ como el lector de correo electrónico J!or ejem!lo+ Mo,illa T"underbirdK+ el !ro'rama de comunicación instantnea JS#!eK+ el !ro'ramade red social Jaceboo+ T4itterK+ el !ro'rama de almacenamiento en la nubeJDro!bo(ono móvil%
El contenido !rinci!al de este curso son v/deos+ a!rende a utili,arlos correctamente:
• )tili,a los botones de re!roducir+ !ausar # retroceder !ara visuali,ar el v/deoa tu ritmo%
• .isuali,a el mismo v/deo tantas veces como necesites "asta com!render lo6ue se e
• *eali,a todos los ejem!los 6ue a!are,can en los v/deos+ aun6ue creas 6ueson mu# sencillos%
a !or ?ltimo+ en el si'uiente video se te e
E
-
8/16/2019 Curso Desarrollo Web
5/27
del tiem!o% Es un dia'rama en el 6ue el eje "ori,ontal re!resenta el tiem!otranscurrido # el eje vertical el n?mero de >
-
8/16/2019 Curso Desarrollo Web
6/27
(ormas de contactar conmi'o+ a trav>s de mi correo electrónicoser'io%lujanua%es # a trav>s de mi cuenta en T4itter ser'iolujanmora%
*ecuerda 6ue este v/deo (orma !arte del curso Introducción al desarrollo4eb 6ue est dis!onible en la dirección ides4eb%es%
Muc"as 'racias !or tu atención%
./deo: "tt!:00#outu%be0LEo4Fvoa.N
@Este curso es !ara tiA
MÁS CONTENIDO
¿Eres un alumno adeuado !ara este urso"
Ser'io Lujn Mora+ coordinador de este curso+ contesta estas !re'untas # al'unasotras 6ue te !uedes "aber "ec"o al inscribirte en este curso%
&dems+ Ser'io tambi>n te !ro!orciona la clave !ara a!render en este curso:
.as a tener 6ue !racticar+ !racticar # !racticar+ 6ue es la ?nica(orma de realmente a!render%
Este consejo no es una idea ori'inal de Ser'io+ es al'o 6ue !redican muc"os!ro(esionales de la in(ormtica% Por ejem!lo+ *ic"ard Stallman+ !ro'ramador #(undador del movimiento !or el so(t4are libre+ lo e
@Cómo se a!rende a !ro'ramar bienA Le#endo muc"o códi'o #escribiendo muc"o códi'o%
Introducción al Desarrollo
Web: HTML y CSS
¿Este curso es para ti?
./deo: "tt!:00#outu%be0MF=vNCeu(*&
@Eres un alumno adecuado !ara este cursoA
http://youtu.be/LEow0voaVNkhttp://youtu.be/M0-vNCeufRAhttp://youtu.be/LEow0voaVNkhttp://youtu.be/M0-vNCeufRA
-
8/16/2019 Curso Desarrollo Web
7/27
Esa es una !re'unta 6ue te deber/as de "acer antes de comen,ar cual6uiercurso% Deber/as de !ensar+ deber/as de anali,ar si el curso vale la !ena !arati%
Este curso est destinado a todas a6uellas !ersonas 6ue 6uieran a!render a"acer !'inas 4eb%
Por tanto+ !artimos desde cero%
Nosotros vamos a su!oner 6ue t? como alumno de este curso no tienesnin'?n conocimiento sobre el desarrollo 4eb+ nunca "as "ec"o antes una!'ina 4eb%
Esto es im!ortante 6ue lo ten'as claro+ si t? #a sabes "acer !'inas 4eb oincluso te dedicas a ello+ eres un desarrollador 4eb+ este curso lo msse'uro es 6ue te aburra !or6ue no vas a a!render nada nuevo%
&s/ 6ue+ !i>nsalo bien+ invierte tu tiem!o en cosas 6ue val'an la !ena+ no
!ierdas el tiem!o con un curso con el 6ue no vas a a!render%Otra cosa mu# im!ortante es 6ue !ara a!render en este curso vas a tener6ue trabajar+ s/+ t?+ el 6ue est a"/ detrs va a tener 6ue trabajar muc"o%
emos !re!arado muc"as actividades+ muc"os ejercicios 6ue tienen comoobjetivo 6ue a!rendas+ 6ue lo'res "acer las !'inas 4eb !or ti mismo%
Si no "aces esos ejercicios 6ue "emos !ro'ramado no vas a a!renderrealmente%
Sim!lemente viendo los v/deos 6ue "emos reali,ado # las lecturas 6ue"emos seleccionado+ al'o a!renders+ !ero no sabrs realmente "acer!'inas 4eb% Tendrs unos conocimientos sobre las tecnolo'/as+ sobre los!rinci!ios 6ue se em!lean a la "ora de "acer las !'inas 4eb+ !ero si no teen(rentas al reto de "acer las !'inas !or ti mismo+ nunca sabrs sirealmente sabes o no sabes "acer !'inas 4eb%
no sobra con "acer una+ dos+ tres o cuatro !'inas 4eb% Para realmentea!render "a# 6ue "acer decenas # decenas de !'inas 4eb%
&l !rinci!io te costar muc"o+ al !rinci!io te e6uivocars+ !ero !oco a !ocovers cómo vas a!rendiendo # cada ve, te cuesta menos%
&s/ 6ue+ !ara saber si eres un buen estudiante !ara este curso tienes 6ue!lantearte si tienes tiem!o su;ciente !ara dedicarle al curso%
Si vas justo de tiem!o o si no ests mu# motivado+ este curso 6ui,s no sea!ara ti%
Por6ue este no es el t/!ico curso de sim!lemente ver unos v/deos+ contestarunas !re'untas sencillas # #a est%
En este curso como te "e dic"o vas a tener 6ue trabajar+
.as a tener 6ue !racticar+ !racticar # !racticar+ 6ue es la ?nica (orma derealmente a!render%
&s/ 6ue+ "a,te la !re'unta:
-
8/16/2019 Curso Desarrollo Web
8/27
@Eres un alumno adecuado !ara este cursoA
./deo: "tt!:00#outu%be0MF=vNCeu(*&
#El l$mite de las m%&uinas no es su !otenia' sino nuestraima(inaión)
Tim -erners=Lee+ creador de la 4orld 4ide 4eb+ au'ura una lar'a vida a suinvento en relojes # móviles
ROSA *+M,-E. CA-O Mountain /ie 12 OC3 1045 6 07:48 CE3Q
Tim -erners=Lee+ creador de la $orld $ide $eb+ en el Museo de la istoriade la In(ormtica+ en Silicon .alle#% 0 *% 7% C%
Tres letras J444K se'uidas de un !unto "icieron de Internet un lu'ar !aratodos los !?blicos% De una red usada !or centros de investi'ación # de(ensaal centro de la vida social # los ne'ocios 6ue "o# re!resenta+ la 4orld 4ide4eb+ la telara8a mundial+ cum!le 9 a8os este mi>rcoles% Tim -erners=Lee+el creador de este !rotocolo+ cuando trabajaba en el Laboratorio Euro!eo de
/sica de Part/culas JCE*NK+ junto a Rinebra+ # su len'uaje de !ro'ramación+el TML+ len'uaje de eti6uetas de "i!erte
-
8/16/2019 Curso Desarrollo Web
9/27
in(ormal con una veintena de !ersonas+ incluido media docena de!eriodistas%
&ntes de la !rimera burbuja de Internet+ a comien,os del nuevo si'lo+ "ubouna 'uerra !or la con6uista de los nave'adores% Mosaic (ue el !rimero+ la"erramienta 6ue "ac/a le'ible # manejable el códi'o creado !or -erners=Lee% Des!u>s lle'ó el Netsca!e de Marc &ndreessen+ uno de los !rimerosmillonarios de Internet+ "o# convertido en !ol>mico inversor de ca!italries'o% -erners=Lee considera 6ue la creación "ace 9F a8os del $3C+ elconsorcio 6ue marca las !autas de !ro'ramación de las !'inas 4eb+ (ueclave !ara su (uturo% Sin embar'o+ ser lejos de la !antalla del ordenador:La 4eb a"ora est en !antallas 'randes+ tabletas # tel>(onos+ !ero !rontoinvadir relojes # a!aratos 6ue estn !or lle'ar%
La web ahora está en pantallas grandes, tabletas y teléfonos, pero prontoinvadirá relojes y aparatos que están por llegar”
-erners=Lee considera 6ue la combinación entre TML+ una versión muc"oms dinmica de su !rimitivo códi'o+ # 7avascri!t+ un len'uaje de!ro'ramación 6ue dota de interacción a las !'inas 4eb+ au'uran recorridoa su invención: El l/mite de las m6uinas no es su !otencia+ sino nuestraima'inación% &l !ro'ramar no se debe !ensar solo en la !'ina+ sinotambi>n el contenido 6ue alber'a en su interior%
)no de los 'randes retos 6ue a(ronta su invento !ara tener continuidad es laado!ción de estndares% Durante ms de una d>cada+ las versionesanti'uas de nave'adores =es!ecialmente conocido es el caso de InternetE
debe ado!tar las ?ltimas recomendaciones de !ro'ramas o mantener elacceso a los usuarios+ casi siem!re del entorno cor!orativo+ 6ue se'u/an conestos nave'adores+ (renaron innovaciones 6ue t>cnicamente eran !osibles%Esto se re!ite en el caso de los móviles cu#a actuali,ación 6ueda estancada+en muc"as ocasiones+ !or los !ro!ios (abricantes% Tanto &ndroid como iOSusan TML !ero no es su;ciente+ lo ló'ico ser/a a!ostar !or nave'adoresmenos e
-
8/16/2019 Curso Desarrollo Web
10/27
Introducción al Desarrollo
Web: HTML y CSS
¿Por qué es importante que realices este
curso?
./deo: "tt!:00#outu%be0o3MD.,
@Por 6u> es im!ortante 6ue realices este cursoA
O !re'untado de otra (orma:
@Para 6u> te !uede a#udar este cursoA
Prate a !ensar unos se'undos en cómo (unciona tu vida en la actualidad%
@La $eb jue'a un !a!el im!ortante en tu vidaA
@)sas aceboo+ usas T4itterA
@)sas Roo'le o -in' !ara reali,ar b?s6uedas # locali,ar !or ejem!lo un
ne'ocio en el 6ue 6uieres com!rar al'oA@O !or ejem!lo !ara reservar una "abitación de "otel o com!rar un billetede aviónA
@)sas la $eb !ara !lani;car tu !ró
m/a%
http://youtu.be/o3M_D_FVz1khttp://youtu.be/o3M_D_FVz1k
-
8/16/2019 Curso Desarrollo Web
11/27
)na ami'a "a abierto una em!resa+ un ne'ocio%
"a contratado a una !ersona !ara 6ue le "a'a su !'ina 4eb+ la !'ina4eb del ne'ocio%
El otro d/a estuve "ablando con ella # le !re'unt> !or el nombre de dominio
6ue "a com!rado !ara su !'ina 4eb%@Nombre de dominioA @Eso 6u> esA+ no lo ten/a mu# claro%
S/+ lo 6ue se escribe en la barra de direcciones del nave'ador !ara locali,arla !'ina 4eb%
&"""+ !ues no s>U Eso lo com!ró la !ersona 6ue "e contratado !ara 6ueme "a'a la !'ina 4eb
Inmediatamente co'/ el tel>(ono móvil+ me conect> a Internet # bus6u> enun sistema llamado $OIS+ 6ue te vamos a e es #
cómo (unciona+ en el sistema $OIS bus6u> el nombre de domino de la!'ina 4eb de mi ami'a%
CarambaU El nombre de dominio no estaba re'istrado a su nombre+estaba re'istrado al nombre de la !ersona 6ue le "ab/a "ec"o la !'ina4eb%
@Es un !roblema esoA
S/% Puede ser un !roblema mu# 'rave+ ese nombre de dominio+ es decir+ la(orma con la 6ue la 'ente te va a encontrar en la $eb+ no le !ertenece a miami'a+ le !ertenece a la !ersona 6ue le "a "ec"o la !'ina 4eb%
Como mi ami'a # esa !ersona se en(aden+ mi ami'a !uede tener 'raves!roblemas%
Lue'o le "ice otra !re'unta%
@La !ersona 6ue te "a "ec"o la !'ina 4eb te "a dado las claves de accesoal sitio donde est !ublicado tu sitio 4eb+ tu !'ina 4ebA
@Claves de accesoA @o !ara 6u> necesito acceder a ese sitio 4ebA+ mecontestó%
Pues mu# im!ortante+ !or ejem!lo !ara modi;carlo%
O ima'ina 6ue le !uede !asar al'o a la !ersona 6ue te "a "ec"o el sitio4eb+ ima'/nate 6ue le ocurre una des'racia+ # necesitas modi;car tu !'ina4eb% No vas a !oder%
Si la !ersona 6ue te "i,o la !'ina 4eb no te da las claves de acceso no!odrs acceder a tu !'ina 4eb+ no la !odrs actuali,ar+ no la !odrsmodi;car%
No sab/a absolutamente nada de cómo (unciona la $eb%
En este curso te vamos a e
-
8/16/2019 Curso Desarrollo Web
12/27
El objetivo de este curso no es 6ue te conviertas en un !ro(esional deldesarrollo 4eb+ no es 6ue t? te "a'as tus !'inas 4eb !or ti mismo%
El objetivo es 6ue ten'as una cultura 'eneral de cómo (unciona Internet+ la$eb # de cómo se "acen las !'inas 4eb !ues bsicamente !ara 6ue no teden 'ato !or liebre%
6ue cuando va#as a un !ro(esional+ a un el # se!as 6ue letienes 6ue !edir% Ese es el objetivo !rinci!al de este curso%
@Pero si'ni;ca 6ue no vas a saber realmente "acer !'inas 4ebA
S/+ vas a saber "acer !'inas 4eb+ !ero a?n te (altar muc"o !araconvertirte en un e
Pero a !artir de este curso+ si tienes 'anas+ si ests motivado+ tendrs labase su;ciente !ara se'uir a!rendiendo !or ti mismo%
&delanteU Es!eramos todos los !ro(esores de este curso 6ue dis(rutes # 6uea!rendas muc"o%
6ue no te den 'ato !or liebre%
./deo: "tt!:00#outu%be0o3MD.,
La $eb
MÁS CONTENIDO
-ota: &ntes de ense8arte a crear !'inas 4eb te vamos a e
-
8/16/2019 Curso Desarrollo Web
13/27
Tim le !resentó el in(orme a su je(e+ Mie Sendall% Mie le devolvió a Tim el in(ormecon sólo tres !alabras escritas al !rinci!io de la !rimera !'ina+ .a'ue bute
-
8/16/2019 Curso Desarrollo Web
14/27
Para muc"as !ersonas+ la $eb o Internet J@son lo mismoA+ dentro de !oco lo sabrsKson el invento ms im!ortante del si'lo 11% )na encuesta reali,ada a trav>s de la$eb no es un m>todo mu# cient/;co # ;able+ !ero en la encuesta Los F mejoresinventos del si'lo 11 a!arece Internet en el !rimer !uesto+ con bastante ventajares!ecto al se'undo 6ue es el automóvil%
Sin embar'o+ no todo el mundo !iensa as/% En el art/culo Los 6ue maldicen el 9aniversario de la $eb !odemos leer 6ue casi un 9FV de los usuarios todav/asostiene 6ue la inHuencia de Internet sobre el conjunto de la sociedad "a sidone'ativa a lo lar'o del ?ltimo cuarto de si'lo%
¿Crees &ue la Web ;+nternet< es el inento m%s im!ortante del si(lo =="
¿Crees &ue la Web ;+nternet< deber$a a!areer tambi9n en una lista de losinentos m%s im!ortantes de la >umanidad"
¿Cómo te >a ambiado la ida la Web"
¿?u9 osas >as de@ado de >aer en el mundo real !or&ue a>ora las >aesen el mundo irtual de la Web"
Piensa la res!uesta a estas !re'untas # cont>stalas a trav>s del (oro del curso%
Internet # la $eb
MÁS CONTENIDO
@La $eb e Internet son lo mismoA No+ no son lo mismo+ !ero !ara muc"as !ersonass/ 6ue son lo mismo # muc"as veces "acen un mal uso de los dos t>rminos%
En el si'uiente v/deo se e es Internet # la $eb # descubrirs lasdi(erencias 6ue es de ver este v/deo ten'as claro 6ue Internet # la $eb son dos cosasdistintas+ aun6ue relacionadas%
Introducción al Desarrollo
Web: HTML y CSS
Internet y la Web
./deo: "tt!:00#outu%be0Pu,4"XeIFDE
http://listas.20minutos.es/lista/los-10-mejores-inventos-del-siglo-xx-369745/http://listas.20minutos.es/lista/los-10-mejores-inventos-del-siglo-xx-369745/http://www.lavanguardia.com/tecnologia/internet/20140305/54402035696/maldicen-25-aniversario-web.htmlhttp://www.lavanguardia.com/tecnologia/internet/20140305/54402035696/maldicen-25-aniversario-web.htmlhttps://plus.google.com/u/0/communities/111865744656887712542http://youtu.be/Puzwh7eI0DEhttp://listas.20minutos.es/lista/los-10-mejores-inventos-del-siglo-xx-369745/http://listas.20minutos.es/lista/los-10-mejores-inventos-del-siglo-xx-369745/http://www.lavanguardia.com/tecnologia/internet/20140305/54402035696/maldicen-25-aniversario-web.htmlhttp://www.lavanguardia.com/tecnologia/internet/20140305/54402035696/maldicen-25-aniversario-web.htmlhttps://plus.google.com/u/0/communities/111865744656887712542http://youtu.be/Puzwh7eI0DE
-
8/16/2019 Curso Desarrollo Web
15/27
ola+ so# Ser'io Lujn Mora+ !ro(esor de in(ormtica de la )niversidad de&licante+ # en este v/deo 6ue (orma !arte del curso Introducción aldesarrollo 4eb+ te vo# a
es en ese 'ru!o%
Por ejem!lo+ en esta entrevista a .inton Cer(+ uno de los !adres de Internet+los redactores con(unden Internet # la $eb # lle'an a a;rmar 6ue .intonCer( ideó la ma#or a!ortación 6ue se "a dado en el mundo de lacomunicación: La $eb% Eso es (also%
O en la !'ina about%com+ se a;rma 6ue Tim -erners=Lee es el !adre deInternet+ cuando en realidad es el !adre de la $eb%
@Bu> es InternetA @Bu> es la $ebA
Internet+ tambi>n conocida como la *ed de redes o sim!lemente la *ed esun conjunto descentrali,ado de redes de comunicación interconectadas%
Internet !ermite 6ue redes de di(erentes ti!os+ lo 6ue se llaman redes (/sicas"etero'>neas+ !uedan conectarse entre s/%
Eso !ermite 6ue un usuario se !ueda conectar a Internet a trav>s de unared cual6uiera de comunicación+ como !or ejem!lo+ una red de tele(on/a !orcable+ una red de
tele(on/a celular+ una red de radio+ o una red de comunicación satelital%
Todo ello es !osible !or6ue lo im!ortante en Internet no es la (orma decone
-
8/16/2019 Curso Desarrollo Web
16/27
Pero adems del !rotocolo TTP+ adems de la $eb+ !or Internet circulanms cosas%
Por ejem!lo+ el !rotocolo TP se em!lea !ara la transmisión de ;c"eros%
Los !rotocolos SMTP # POP se em!lean !ara el env/o # la rece!ción de
correos electrónicos% el !rotocolo Telnet se em!lea !ara establecer cones de mi cuenta en T4itter ser'iolujanmora%
*ecuerda 6ue este v/deo (orma !arte del curso Introducción al desarrollo4eb 6ue est dis!onible en la dirección ides4eb%es%
Muc"as 'racias !or tu atención%
./deo: "tt!:00#outu%be0Pu,4"XeIFDE
http://youtu.be/Puzwh7eI0DEhttp://youtu.be/Puzwh7eI0DE
-
8/16/2019 Curso Desarrollo Web
17/27
Internet en el mundo
MÁS CONTENIDO
El acceso a Internet var/a considerablemente de un !a/s a otro%
des'raciadamente+ un mal acceso a Internet !erjudica de (orma sustancial laeconom/a de un !a/s%
En junio de 9F5+ la Internet Societ# !ublicó el Rlobal Internet *e!ort 9F5% Estein(orme va acom!a8ado de un ma!a interactivo+ Rlobal Internet *e!ort Ma!+ 6uemuestra varios datos !or !a/ses de los 6ue destacan los si'uientes conce!tos:
• Porcentaje de !enetración entre los usuarios de Internet%• Coste+ como !orcentaje de la renta !er c!ita necesaria !ara tener un
acceso de banda anc"a a Internet%• La mediana de la velocidad de descar'a !ara una cone
-
8/16/2019 Curso Desarrollo Web
18/27
La (amilia de !rotocolos de Internet
MÁS CONTENIDO
En el v/deo +nternet la Web "an a!arecido varios t>rminos 6ue 6ui,s nocono,cas: TTP+ TP+ SMTP+ POP% @Bu> si'ni;canA
La (amilia de !rotocolos de Internet es un conjunto de !rotocolos de red 6ue seem!lean !ara transmitir datos entre ordenadores a trav>s de Internet% E
-
8/16/2019 Curso Desarrollo Web
19/27
mensa/es de correo electrónico almacenados en un ser%idor remoto" +s un protocolo
de ni%el de aplicación en el 0odelo ,#"
SMTP
+l Simple Mail Transfer Protocol (#01P) (Protocolo para la transferencia simple decorreo electrónico)' es un protocolo de red utili*ado para el intercam!io de mensa/es
de correo electrónico entre computadoras u otros dispositi%os (PD' teléfonos mó%iles'
etc")" 2ue definido en el 32C 4546 & es un estándar oficial de nternet"
SSH
##H (Secure Shell' en español7 intérprete de órdenes segura) es el nom!re de un
protocolo & del programa que lo implementa' & sir%e para acceder a máquinas remotas
a tra%és de una red" Permite mane/ar por completo la computadora mediante un
intérprete de comandos' & tam!ién puede redirigir el tráfico de 8 para poder e/ecutar
programas gráficos si tenemos e/ecutando un #er%idor 8 (en sistemas 9ni: &;indo
-
8/16/2019 Curso Desarrollo Web
20/27
Introducción al Desarrollo
Web: HTML y CSS
Historia de Internet su nacimiento
./deo: "tt!:00#outu%be0#Q!atv=XbNs
ola+ so# Ser'io Lujn Mora+ !ro(esor de in(ormtica de la )niversidad de&licante+ # en este v/deo 6ue (orma !arte del curso Introducción al
desarrollo 4eb+ te vo# a !resentar al'unos recursos 6ue te van a a#udar aconocer los !ersonajes # los "ec"os ms im!ortantes del nacimiento deInternet%
&ntes de em!e,ar+ me 'ustar/a recordarte al'unos de los sitios 4eb en los6ue !uedes encontrar ms in(ormación sobre m/ # sobre mi trabajo+ # dos(ormas de contactar conmi'o+ a trav>s de mi correo electrónicoser'io%lujanua%es # a trav>s de mi cuenta en T4itter ser'iolujanmora%
Em!ecemos con esta !e6ue8a tira cómica en la 6ue !arece 6ue el inventorde Internet se arre!iente de "aber inventado Internet:
El "ombre 6ue inventó Internet: &ntes de Internet
Sim!lemente !iensa en todas las !osibilidadesU El intercambio instantneode ideas e in(ormaciónU Sólo ima'ina cómo de !roductiva se volvernuestra sociedadU
&"ora: Dios%%% @Bu> "e "ec"oA
&(ortunadamente+ creo 6ue todos estaremos de acuerdo en 6ue losas!ectos ne'ativos de Internet no su!eran a los !ositivos+ ni estni'ualados+ sino 6ue claramente los as!ectos !ositivos su!eran a losne'ativos+ #a 6ue Internet "a su!uesto un 'ran avance !ara la umanidad%
.olviendo a esta tira cómica del ombre 6ue inventó Internet+ @6ui>n (ue
http://youtu.be/y9patv-7bNshttp://youtu.be/y9patv-7bNs
-
8/16/2019 Curso Desarrollo Web
21/27
ese "ombre 6ue inventó InternetA
Como en muc"as otras situaciones+ no se !uede se8alar a una sola !ersonacomo el inventor o el !adre de Internet+ sino 6ue (ue el trabajo de muc"os
durante muc"os a8os lo 6ue desembocó en el nacimiento de Internet+ la redde redes+ la madre de todas las redes+ la red de comunicaciones 6uedis(rutamos todos los d/as # 6ue+ como veremos a continuación nació a!artir de una red de ordenadores llamada &*P&Net%
En la $ii!edia !uedes encontrar un art/culo dedicado a los !ioneros deInternet%
En este v/deo sólo me vo# a centrar en unos !ocos+ en los mssi'ni;cativos%
El nacimiento de Internet se sit?a en el el a8o QQ+ s/+ el mismo a8o 6ue el"ombre lle'ó a la Luna%
al i'ual 6ue "a# 'ente 6ue duda de 6ue el "ombre realmente lle'ase a laLuna+ todav/a "o# en el a8o 9F9 "a# dudas sobre 6ui>n inventó realmenteInternet% &s/+ recientemente+ el 99 de julio de 9F9+ se !ublicó en el
!eriódico T"e $all Street 7ournal el art/culo $"o *eall# Invented t"eInternetA J"tt!:00on%4sj%com0e!sluK%
En este art/culo+ el autor a;rma 6ue Internet no (ue creado !or el Robiernoederal de los Estados )nidos+ sino !or la com!a8/a 1ero
-
8/16/2019 Curso Desarrollo Web
22/27
-ien+ como dec/a+ al d/a si'uiente+ Mic"ael &% ilt,i escribió el art/culo So+4"o reall# did invent t"e InternetAJ"tt!:00articles%latimes%com09F90jul0930ne4s0la=mo=4"o=invented=internet=9F9FX93K+ en el 6ue corre'/a al'unas de las a;rmaciones erróneas 6ue se"ab/an vertido en el art/culo de T"e $all Street 7ournal%
En el art/culo se corri'en al'unas im!recisiones+ como 6ue Tim -erners=Leeinventó los "i!erenlaces% Esto lo veremos con detalle en el !rón se corri'e la a;rmación errónea de 6ue &*P&Net no (ue el ori'en
del actual Internet% Como veremos a continuación+ &*P&Net s/ 6ue (ue elori'en de Internet%
@Cundo+ cómo+ !or 6u>+ !ara 6u>+ dónde # 6ui>n inventó InternetA
Las res!uestas a al'unas de estas !re'untas las !uedes encontrar en milibro Pro'ramación de a!licaciones 4eb: "istoria+ !rinci!ios bsicos #clientes 4eb+ 6ue lo !uedes descar'ar en (ormato PD # de (orma 'ratuitadesde esta dirección J"tt!:00"dl%"andle%net0FF50QQK% Este libro loescrib/ en el a8o 9FF9+ !ero la "istoria de Internet no "a cambiado+ as/ 6uelo 6ue te cuento en este libro si'ue siendo totalmente vlido% Lo 6ue s/ 6ue!uede ser es 6ue conten'a al'?n error%
Des!u>s de leer las !'inas de la a la 5 de mi libro+ te !ro!on'o 6ueconsultes al'unos recursos ms !ara conocer la "istoria de Internet%
Por cierto+ en la !'ina W de mi libro dejo bien claro 6ue es un mito 6ue
Internet se creara !or los militares !ara !oder dis!oner de una red decomunicaciones 6ue so!ortara un ata6ue nuclear%
El !ro#ecto &*P&Net no ten/a unos ;nes militares+ sino (acilitar lacomunicación entre los cient/;cos # com!artir el conocimiento 6ue'eneraban%
Te recomiendo 6ue leas el art/culos El verdadero ori'en de Internet
J"tt!:00444%microsiervos%com0arc"ivo0internet0el=verdadero=ori'en=de=internet%"tmlK+ de 7avier Pedreira+ !ublicado inicialmente el de diciembre
http://articles.latimes.com/2012/jul/23/news/la-mo-who-invented-internet-20120723http://articles.latimes.com/2012/jul/23/news/la-mo-who-invented-internet-20120723http://hdl.handle.net/10045/16995http://www.microsiervos.com/archivo/internet/el-verdadero-origen-de-internet.htmlhttp://www.microsiervos.com/archivo/internet/el-verdadero-origen-de-internet.htmlhttp://articles.latimes.com/2012/jul/23/news/la-mo-who-invented-internet-20120723http://articles.latimes.com/2012/jul/23/news/la-mo-who-invented-internet-20120723http://hdl.handle.net/10045/16995http://www.microsiervos.com/archivo/internet/el-verdadero-origen-de-internet.htmlhttp://www.microsiervos.com/archivo/internet/el-verdadero-origen-de-internet.html
-
8/16/2019 Curso Desarrollo Web
23/27
de QQ+ aun6ue esta versión 6ue te recomiendo+ del a8o 9FF5+ estam!liada # mejorada% En este art/culo se e
& continuación+ te !ro!on'o 6ue veas el v/deo istor# o( t"e InternetJ"tt!:00#outu%be0Q"IBjrMTv5K+ de W minutos de duración% En este v/deo see
Por un lado+ me 'ustar/a destacar a Leonard Yleinroc+ 6ue desarrolló elmodelo matemtico de la comunicación mediante el intercambio de!a6uetes%
En el a8o Q9 !ublicó el !rimer art/culo sobre redes de comunicacionesbasadas en conmutación de !a6uetes%
en el a8o Q5+ !ublicó su libro Communication Nets+ el !rimer librosobre la comunicación entre ordenadores mediante la conmutación de!a6uetes+ 6ue es la base de la comunicación en Internet%
En a6uella >!oca+ muc"a 'ente+ # es!ecialmente las 'randes em!resas detelecomunicaciones+ !ensaban 6ue la conmutación de !a6uetes no !od/a(uncionar%
&"ora te recomiendo 6ue veas este v/deo J"tt!:00#outu%be0r!4c2iE$5K enel 6ue Leonard Yleinroc nos e
-
8/16/2019 Curso Desarrollo Web
24/27
En diciembre de Q+ &*P&+ la &'encia de Pro#ectos de Investi'ación&van,ados del De!artamento de De(ensa de Estados )nidos+ inicia el!ro'rama de comunicaciones # el dise8o de &*P&Net+ bajo las órdenes deLa4rence *oberts+ je(e cient/;co de &*P&%
En los si'uientes a8os+ se continuó con el dise8o de &*P&Net+ # !or ;nlle'amos al 9Q de octubre de QQ% & las 99:3F "oras+ se reali,ó la !rimeratransmisión entre dos nodos de la red &*P&Net+ entre la )niversidad deCali(ornia+ Los Án'eles J)CL&K # el Stan(ord *esearc" Institute JS*IK% Cadanodo dis!on/a de su !ro!io IMP% @Bu> era el IMPA
El Inter(ace Messa'e Processor o IMP era un ordenador modi;cado 6ueestaba encar'ado de 'estionar la comunicación entre los ordenadores de lared% El IMP es el e6uivalente a los actuales routers%
Leonard Yleinroc estuvo !resente en la !rimera comunicación a trav>s de&*P&Net+ la red !recursora de la actual Internet% En esta (oto'ra(/a actual le!odemos ver mani!ulando el !rimer Inter(ace Messa'e Processor%
Si 6uieres saber al'o ms sobre el IMP+ sobre su "ard4are # so(t4are+ terecomiendo la !'ina 4eb J"tt!:00444%bbn%com0about0timeline0ar!anet K 6uetiene dedicada a su desarrollo la em!resa --N 6ue estuvo encar'ada de su
construcción%
&"ora te aconsejo 6ue veas este v/deo J"tt!:00#outu%be0#)QoMOc*suEK de!oco ms de 5 minutos de duración+ en el 6ue Leonard Yleinroc nosmuestra el !rimer IMP # nos e
en este otro v/deo J"tt!:00#outu%be0vui-T72(eoWK de menos de W minutos+Leonard nos cuenta cómo (ue la !rimera cone
http://www.bbn.com/about/timeline/arpanethttp://youtu.be/yU9oMOcRsuEhttp://youtu.be/vuiBTJZfeo8http://idesweb.es/test/hi02http://www.bbn.com/about/timeline/arpanethttp://youtu.be/yU9oMOcRsuEhttp://youtu.be/vuiBTJZfeo8http://idesweb.es/test/hi02
-
8/16/2019 Curso Desarrollo Web
25/27
anotada la conen se conectaron a &*P&Net la)niversidad de Cali(ornia en Santa -rbara # la )niversidad de )ta"+ lo 6uesuele conocerse como el !rimer &*P&Net%
En los si'uientes+ a8os &*P&Net si'uió creciendo # creciendo lentamente #se (ue elite conectó NO*S&*+ la *ed de Detecciónde Terremotos Norue'a+ a Internet+ !or lo 6ue Norue'a (ue el !rimer !a/s6ue se conectó a &*P&Net% Casi al mismo tiem!o se estableció otracone
-
8/16/2019 Curso Desarrollo Web
26/27
!rotocolo 6ue 'obierna las comunicaciones en Internet en la actualidad+ #6ue !ermite la intercone
Por cierto+ volviendo a la reciente !ol>mica sobre 6ui>n inventó realmente
Internet+ a los !ocos d/as .int Cer( tambi>n salió en de(ensa del !a!el 6ue ju'ó el 'obierno de los Estados )nidos J"tt!:00ne4s%cnet%com0W3F=F933=X5XQXW=Q30no=credit=(or=uncle=sam=in=creatin'=net=vint=cer(=disa'rees0K+ atrav>s de su a'encia &*P&+ en el desarrollo de Internet%
-ueno+ !odr/a se'uir en te recomiendo 6ue visites elsitio 4eb Oral istories del Instituto C"arles -abba'eJ"tt!:00444%cbi%umn%edu0o"0inde
-
8/16/2019 Curso Desarrollo Web
27/27
!adres de Internet "an recibido numerosos !remios de (orma individual oconjunta%
En Es!a8a+ como reconocimiento al cambio 6ue Internet "a !roducido en
todos los niveles de la sociedad+ el 93 de ma#o de 9FF9+ La4rence *oberts+*obert Ya"n # .inton Cer(+ los !adres de Internet+ # Tim -erners=Lee+ el!adre de la $eb+ (ueron distin'uidos con el Premio Pr/nci!e de &sturias deInvesti'ación Cient/;ca # T>cnica en re!resentación de las miles de!ersonas # muc"as instituciones 6ue "an "ec"o !osible este avance denuestro tiem!o%
Se'?n la resolución del jurado+ Se les otor'a el !remio !or "aber dise8ado# reali,ado un sistema 6ue est cambiando el mundo al o(recer!osibilidades antes im!ensables !ara el !ro'reso cient/;co # social%
con esto ;nali,a este v/deo en el 6ue te "e mostrado cómo (ue elnacimiento de Internet% &"ora #a sabrs 6ue no e