Difference between revisions of "Taller básico de visores de mapas con Leaflet"
m (CodeLobster editor is added) |
|||
(6 intermediate revisions by one other user not shown) | |||
Line 4: | Line 4: | ||
* Lugar: [http://www.cosfera.es/ coSfera Centro] Avenida de Cervantes, 6, Córdoba, España. [http://www.openstreetmap.org/?mlat=37.88830&mlon=-4.78424#map=18/37.88830/-4.78424 OSM] [https://es.foursquare.com/v/cosfera-centro-c%C3%B3rdoba/528ca1e0498ede0a227d2ab7 Foursquare] [http://www.yelp.es/biz/cosfera-centro-c%C3%B3rdoba Yelp] | * Lugar: [http://www.cosfera.es/ coSfera Centro] Avenida de Cervantes, 6, Córdoba, España. [http://www.openstreetmap.org/?mlat=37.88830&mlon=-4.78424#map=18/37.88830/-4.78424 OSM] [https://es.foursquare.com/v/cosfera-centro-c%C3%B3rdoba/528ca1e0498ede0a227d2ab7 Foursquare] [http://www.yelp.es/biz/cosfera-centro-c%C3%B3rdoba Yelp] | ||
* '''Inscripción (no es necesaria)''' | * '''Inscripción (no es necesaria)''' | ||
− | ** [https://www.facebook.com/events/ | + | ** [https://www.facebook.com/events/135318080221288/ Evento en Facebook] |
− | ** | + | ** Entradas en Meetup "[http://www.meetup.com/es-ES/Aprende-a-programar-en-Cordoba/events/231815400/ Aprendiendo a programar en Córdoba"] |
− | |||
== Información general == | == Información general == | ||
Line 15: | Line 14: | ||
=== Descripción === | === Descripción === | ||
Aprenderemos los conceptos básicos para desarrollar un visor de mapas en Internet utilizando la librería open-source JavaScript Leaflet. | Aprenderemos los conceptos básicos para desarrollar un visor de mapas en Internet utilizando la librería open-source JavaScript Leaflet. | ||
+ | |||
+ | === Guión de la práctica === | ||
+ | Repositorio Github [https://github.com/sigdeletras/taller-leaflet-geoinquietos Taller básico de visores de mapas con Leaflet] | ||
=== Conocimientos previos === | === Conocimientos previos === | ||
Line 24: | Line 26: | ||
* [https://atom.io/ Atom] | * [https://atom.io/ Atom] | ||
* [https://www.sublimetext.com/ Sublime Text] | * [https://www.sublimetext.com/ Sublime Text] | ||
+ | * [https://codelobster.com/ CodeLobster] | ||
=== Documentos y recursos === | === Documentos y recursos === | ||
+ | '''Webmappig''' | ||
+ | |||
+ | * Slides for the [http://maptime.github.io/anatomy-of-a-web-map/ Anatomy of a Web Map presentation!] por Maptime. | ||
+ | * [https://www.youtube.com/watch?v=o_xgo-68soE Mapas en la web] - Javier Santana en JSDayES 2016 | ||
+ | |||
+ | '''HTML5 y CSS''' | ||
+ | Para adquirir unos conocimientos básicos sobre HTML5 y CSS. | ||
+ | |||
+ | * HTML(5) Tutorial en [http://www.w3schools.com/html/default.asp w3schools.com] | ||
+ | * Curso de 5 horas sobre HTML5 y CSS en [https://www.freecodecamp.com/ Freecodecamp] | ||
+ | |||
+ | '''Editores de texto avanzados''' | ||
+ | |||
+ | * [https://www.sublimetext.com/ Sublime Text] | ||
+ | * [https://atom.io/ Atom] | ||
+ | * [https://codelobster.com/ CodeLobster] | ||
+ | '''Leaflet''' | ||
* [http://leafletjs.com/ Leaflet, an open-source JavaScript library for mobile-friendly interactive maps]. | * [http://leafletjs.com/ Leaflet, an open-source JavaScript library for mobile-friendly interactive maps]. | ||
Latest revision as of 09:58, 8 December 2023
Coordenadas
- Fecha: 22 de Junio de 2016
- Hora: 18:30 a 20:30.
- Lugar: coSfera Centro Avenida de Cervantes, 6, Córdoba, España. OSM Foursquare Yelp
- Inscripción (no es necesaria)
- Evento en Facebook
- Entradas en Meetup "Aprendiendo a programar en Córdoba"
Información general
Título
"Taller básico de visores de mapas con Leaflet ". Patricio Soriano. Geógrafo. @SIGdeletras
Descripción
Aprenderemos los conceptos básicos para desarrollar un visor de mapas en Internet utilizando la librería open-source JavaScript Leaflet.
Guión de la práctica
Repositorio Github Taller básico de visores de mapas con Leaflet
Conocimientos previos
No hacen falta, pero si sabemos algo de HTML y CSS, camino que tenemos avanzado. El mini curso de FreeCodeCamp sobre HTML5 y CSS es un buen comienzo.
Requisitos
Para realizar de forma activa en taller es necesario traer ordenador portátil. Podemos escribir nuestro código con cualquier editar de texto, pero para ser más productivo se recomienda venir con uno de estos editores de texto avanzados instalados:
Documentos y recursos
Webmappig
- Slides for the Anatomy of a Web Map presentation! por Maptime.
- Mapas en la web - Javier Santana en JSDayES 2016
HTML5 y CSS Para adquirir unos conocimientos básicos sobre HTML5 y CSS.
- HTML(5) Tutorial en w3schools.com
- Curso de 5 horas sobre HTML5 y CSS en Freecodecamp
Editores de texto avanzados
Leaflet
Geobirras
Después nos tomaremos un refrijerio