Otra opcion

Starting Location (lat, lon):
???°, ???°

Current Location (lat, lon):
???°, ???°

Distance from starting location:
0 km

// check for Geolocation support if (navigator.geolocation) { console.log('Geolocation is supported!'); } else { console.log('Geolocation is not supported for this Browser/OS version yet.'); } window.onload = function() { var startPos; navigator.geolocation.getCurrentPosition(function(position) { startPos = position; document.getElementById('startLat').innerHTML = startPos.coords.latitude; document.getElementById('startLon').innerHTML = startPos.coords.longitude; }); }; window.onload = function() { var startPos; navigator.geolocation.getCurrentPosition(function(position) { // same as above }, function(error) { alert('Error occurred. Error code: ' + error.code); // error.code can be: // 0: unknown error // 1: permission denied // 2: position unavailable (error response from locaton provider) // 3: timed out }); }; navigator.geolocation.watchPosition(function(position) { document.getElementById('currentLat').innerHTML = position.coords.latitude; document.getElementById('currentLon').innerHTML = position.coords.longitude; }); navigator.geolocation.watchPosition(function(position) { // same as above document.getElementById('distance').innerHTML = calculateDistance(startPos.coords.latitude, startPos.coords.longitude, position.coords.latitude, position.coords.longitude); }); function calculateDistance(lat1, lon1, lat2, lon2) { var R = 6371; // km var dLat = (lat2 - lat1).toRad(); var dLon = (lon2 - lon1).toRad(); var a = Math.sin(dLat / 2) * Math.sin(dLat / 2) + Math.cos(lat1.toRad()) * Math.cos(lat2.toRad()) * Math.sin(dLon / 2) * Math.sin(dLon / 2); var c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a)); var d = R * c; return d; } Number.prototype.toRad = function() { return this * Math.PI / 180; }

Formato permanente segunda opción.

Oye la radio mientras lees y navegas en este sitio.

La Chora interminable con moneros Jis y Trino.

Ejercicios permanentes.

La idea es que el estudiante o aprendiz de html, css y Java script vaya aprendiendo, repitiendo y creando a la vez. Una obra diaria con la cual repetirá la forma de hacer metadatos, listas, tablas, enlaces, insertar videos e imágenes, incluyendo formas o cuestionarios para el usuarios. Todo esto a la vez que va dandole forma al estilo con colores de letras, de fondos, de alineación de palabras, tipo de letras etc... Usando finalmente el input del usuario y convirtiendolo o utilizandolo para desplegar la información a su manera.

Precisamente la estructura que el aprendiz seguirá es la misma que estamos estableciendo en esta página web. Html, Css y Java script básico, pero suficientemente útil para que desde el principo sus creaciones se puedan apreciar en la web.

Learning Happens by Doing	Python Projects - Learn By Doing - #1

Enlaces relacionados:

• How To Learn & Remember Anything, Fast | Ali Abdaal | Modern Wisdom Podcast #231
• The first 20 hours -- how to learn anything | Josh Kaufman | TEDxCSU
• Accelerated Learning: How To Get Good at Anything in 20 Hours
• How to Learn Faster with the Feynman Technique (Example Included)
• Learning How to Learn | Barbara Oakley | Talks at Google
• How to study for exams.
• Radiomapa en español
• Listenlive.eu"
• EllenJovin
• PDF
• Radiomapa México
• Music Bee
• Tapin Radio
• Emisoras-Radio fórmula
• Your Classical
• Radio Fórmula que sí tiene enlace.
• Emisoras de México
• La Chora TV

Click the button to get your position:

La estrategia

Infomación personal

Nombre
Apellido
Correo Electrónico
Edad
Cumpleaños

OJO incluir datos de gelocalización y una personalizacion de la novela de torroso...Y cuando despertó,,,el dinosauro todavía estaba allí.

Una opción de localización de personas.

PRUEBA:

Click the button to get your position:

Geo localización.

Raspar la red.

https://www.youtube.com/watch?v=LoziivfAAjE Intro To Web Scraping With Node.js & Cheerio https://www.youtube.com/watch?v=eUYMiztBEdY Web Scraping with Node.js https://www.youtube.com/watch?v=dXjKh66BR2U https://medium.com/@bretcameron/how-to-build-a-web-scraper-using-javascript-11d7cd9f77f2 https://codeburst.io/simple-web-scraping-project-with-node-js-b2a1710b4b37 https://hackaday.com/2017/07/21/serious-dx-the-deep-space-network/ https://www.multicominc.com/product/multicom-mul-1-8m-w-1-8-meter-prime-focus-satellite-dish/

Aprende páginas web desde el 1er día.

Oye la radio mientras lees y navegas en este sitio.

Ejercicios permanentes.

La idea es que el estudiante o aprendiz de html, css y Java script vaya aprendiendo, repitiendo y creando a la vez. Una obra diaria con la cual repetirá la forma de hacer metadatos, listas, tablas, enlaces, insertar videos e imágenes, incluyendo formas o cuestionarios para el usuarios. Todo esto a la vez que va dandole forma al estilo con colores de letras, de fondos, de alineación de palabras, tipo de letras etc... Usando finalmente el input del usuario y convirtiendolo o utilizandolo para desplegar la información a su manera.

Precisamente la estructura que el aprendiz seguirá es la misma que estamos estableciendo en esta página web. Html, Css y Java script básico, pero suficientemente útil para que desde el principo sus creaciones se puedan apreciar en la web.

Learning Happens by Doing	Python Projects - Learn By Doing - #1

Enlaces relacionados:

• How To Learn & Remember Anything, Fast | Ali Abdaal | Modern Wisdom Podcast #231
• The first 20 hours -- how to learn anything | Josh Kaufman | TEDxCSU
• Accelerated Learning: How To Get Good at Anything in 20 Hours
• How to Learn Faster with the Feynman Technique (Example Included)
• Learning How to Learn | Barbara Oakley | Talks at Google
• How to study for exams.
• Radiomapa en español
• Listenlive.eu"
• EllenJovin
• PDF
• Radiomapa México
• Music Bee
• Tapin Radio
• Emisoras-Radio fórmula
• Your Classical
• Radio Fórmula que sí tiene enlace.
• Emisoras de México
• Trip meter

Da clic en el botón para saber tu localización:

La estrategia

Infomación personal

Nombre
Apellido
Correo Electrónico
Edad
Cumpleaños

OJO incluir datos de gelocalización y una personalizacion de la novela de torroso...Y cuando despertó,,,el dinosauro todavía estaba allí.

@cphemm: proyecto calculadora de propinas.

Tip Calculator

How much was your bill?

$

How was your service?

-- Choose an Option -- 30% - Outstanding 20% - Good 15% - It was OK 10% - Bad 5% - Terrible

How many people are sharing the bill?

people

^$0.00 each

Proyecto Caculadora para propinas.

Objetivos: Aprender haciendo y obtener un sentido de logro inmediato.

@cphemm-creadora original del proyecto.

La idea principal con estos proyectos de programción utilizando el lenguage Javascript es precisamente los mismos que usamos para enseñar html y css: realizar ejercicios prácticos, útiles y verlos convertidos en realidad en la web una vez terminados, lo cual es muy gratificante para el alumno en cuestión en su auto estima y auto confianza que nada podrá igualar.

A lo largo de este tiempo hemos encontrado que si bien las clases sobre los conceptos, sintaxis, funcionamiento de algoritmos, construcción de estilos y estructura de páginas web es importante leerlos y verlos en clase presencial o en video, pero nada substituye a la práctica. Solo que la práctica con un propósito de sentido de logro es aun más importante. Ver materializado tu aprendizaje en algo que orgullosamente puedas decir "yo lo hice" es incomparable.

La práctica continua de los conceptos utilizandolos de diferentes maneras ayudan a comprenderlos mejor, afianzandolos permanentemente e tu cerebro para sacarlos en automático cada vez que practias y practicas. Robótica, carpintería, electrónica, construcción, mecánica, la enseñanza de cualquier deporte o instrumento musical tienen el mismo principio. Práctica, práctica, práctica.

El presente proyecto es un calculador de propinas. Para aquellas veladas con los amigos donde compartimos la propina. Útil, rápido y eficiente.

Recomiendo muchísimo al practicar, tener dos columnas. Una con el código tal cual y la otra en blanco para copiarlo integro a la vez que analizan los porques de su ubicación en la página web. Ejemplo: CSS en "head" y "style" asi como "html" y "javascript" en body. Fijate como se relacionan entre ellos a medida que escribes. Lo otro muy importante también, es abrir la página del proyecto original de Carolyn Hemmings a la vez que como vas copiando, analizando...señala al mismo tiempo cada parte de la que estás copiando por ejemplo el boton "calculate" con el botón derecho del mouse dar clic a "inspeccionar elemento" y es genial ver lo escrito en css y el elemento inspeccionado como se muestran. Te ayuda a entender, relacionar, aprender y aplicar.

Enlaces relacionados:

• Carolyn Hemmings-creadora de la calculadora de propinas.
• Codepen: fuente original del proyecto
• JSBIN. Un lugar para entenderlo, practicarlo y aprender.
• Próximo proyecto de javascript/Raspando la red.

Tip Calculator

How much was your bill?

$

How was your service?

-- Choose an Option -- 30% - Outstanding 20% - Good 15% - It was OK 10% - Bad 5% - Terrible

How many people are sharing the bill?

people

^$0.00 each

Aprender JavaScript con pequeños projectos dentro de tu Blog.

https://www.afternerd.com/blog/start-programming-blog/ https://afternerd.com https://twitter.com/codinghorror https://www.discourse.org https://stackoverflow.com https://blog.codinghorror.com https://blog.codinghorror.com/about-me/ https://news.ycombinator.com https://www.reddit.com https://medium.com/javascript-scene/learn-to-code-13-tips-that-could-save-you-years-of-effort-92ce799a3e1f https://medium.com/javascript-scene/learn-javascript-b631a4af11f2 https://code.org/starwars https://code.org/minecraft https://code.org/minecraft https://ericelliottjs.com https://medium.com/javascript-scene/shotgun-javascript-video-experience-c8b6a7771d49 https://2ality.com https://medium.com/javascript-scene Build a Portfolio. No matter how you learn, if you want to code for a career, you’ll want to start building a portfolio of your projects. Open a GitHub account and post your projects there so that potential employers can see your work. Check out the GitHub Guides to get started. https://github.com https://guides.github.com https://www.amazon.com/Seven-Languages-Weeks-Programming-Programmers/dp/193435659X/ref=as_li_ss_tl?ie=UTF8&linkCode=ll1&tag=eejs-20&linkId=ecffd9338648dbd4d0b19fc400671348 https://medium.com/javascript-scene/10-priceless-resources-for-javascript-learners-bbf2f7d7f84e If you can find a good university program and it will cost you little or no money, by all means, take advantage of that. My anti-university rant is mostly about universities in the US who will happily eat up hundreds of thousands of dollars in tuition money that you will never earn back on the job.

Restaurant tip calculator project .

Tip Calculator

How much was your bill?

$

How was your service?

-- Choose an Option -- 30% - Outstanding 20% - Good 15% - It was OK 10% - Bad 5% - Terrible

How many people are sharing the bill?

people

^$0.00 each

Figure, Nav, font color

Hola

El rey de la selva esta aquí.

Tarzán, es el famoso personaje de las tiras cómicas...

kslkksklkslkjqlkwjqkl

audio controls insertado y un juego previo a la vista de la página web.

galeria de fotos con diseño responsivo.

Album de fotos Francisca Flores Barreda.

If you have a table that is too wide, you can add a container element with overflow-x:auto around the table, and it will display a horizontal scroll bar when needed.

Resize the browser window to see the effect. Try to remove the div element and see what happens to the table.

AMM	Día Familia	Varias	Salón
	Smith	50	50
Eve	Jackson	94	94
Adam	Johnson	67	45

Tips útiles para construir paginas web.

Los metadatos son esenciales para que tus publicaciones tengan vida antes de ser leídas, es decir estén lo suficientemente atractivas para que la gente le llame la atención y quiera abrirlas para ver su contenido. Así que los metadatos es la forma en que el creador de la página web se comunica con el navegador o browser y le dice cual es el título del contenido, su breve descripción y señalar una imagen para mostrar en la publicación para promocionarla antes de que alguien decida abrirla entre muchas otras cosas. Es decir, es un poco como las revistas o periódicos donde hay una portada y esta tiene que ser lo suficientemente llamativa para interesar al prospecto visitante, lector o audiencia del contenido.

En esos metadatos muchas veces no contamos con las imágenes o videos tomadas de nuestra autoría, es decir estamos llamando la atención a un contenido visual que no hemos producido. Así que necesitamos pedir prestado ese video y su imagen emblemática para incrustarlo en nuestro blog o sitio web. Antes, para sacar las imágenes de los videos tanto de youtube como de facebook lo hacíamos manualmente sacándolas del contenido html directamente de la página de video en cuestión. Ahora lo podemos hacer gracias a gente más inteligente que nosotros que creó un sitio específicamente para lo que ellos llaman "desarrolladores" o sea gente como tu o como yo que hace contenido en la red.

Bien, a continuación te presentamos 3 opciones que hacen precisamente eso. ¿Que porque te presentamos más de una opción? La razón principal es que dos de ellas (incluida una de facebook) solo convierte todo lo referente a los videos de Youtube pero no los de facebook. La otra, sí te da esa opción permitiéndote incrustar videos en tu sitio y mostrándote las imágenes y demás datos que necesitas para tus metadatos....a menos de que quieras que aparezca una url con solo número y letras o caracteres que no le dicen nada al prospecto visitante. Con esta información aparecerán tus publicaciones de whatsapp, facebook, twitter, instagram etc... con una portada atractiva que te dará más probabilidades a que la gente le de clic para verlas.

Aquí también encontrarás el concepto de diseño responsivo especialmente hecho para ver tu contenido en celulares inteligentes con diferentes tamaños de pantalla. Es sorprendente saber que los videos de youtube no tienen esa cualidad y mostrarán despliegues malos o raros en tu dispositivo. Cuando lo intentes sabrás a que nos referimos.

Sin más preámbulo aquí están los 3 sitios donde encontrarás los metadatos de tus videos preferidos a publicar:

1. Responsive Design-Embed videos//
2. Depurador de contenido Facebook//
3. iframely-Embed Facebook//

Enlaces relacionados:

Muy útiles para mejorar el contenido de tu sitio web.

• Embed facebook posts//
• Noticias sobre facebook para desarrolladores

2a clase: NavBar, imágenes y contenido escrito.

Barras de Navegación:

• Home
• News
• Contact
• About

<h2>Codigo utilizado para hacer la barra simple de navegación:</h2> <!--doctype html--> <html> <head> <style> ul { list-style-type: none; margin: 0; padding: 0; } li { display: inline; } </style> </head> <body> <h1>Barras de Navegación:</h1> <ul> <li><a href="#home">Home</a></li> <li><a href="#news">News</a></li> <li><a href="#contact">Contact</a></li> <li><a href="#about">About</a></li> </ul> </body>

La práctica tiene un propósito. La maestría requiere tiempo y práctica, práctica, práctica. Esta es la que despertará las habilidades que ni siquiera sabías que tenías. Solo debes asegurarte de que la práctica de lo básico se realice correctamente antes de proseguir dice Michael Jordan. Por cierto, si quieres leer su libro de solo 40 hojas solo tienes que darle clic aquí.

<h2>Como incrustar imágenes:</h2> <p>Nota: Blogger tiene prohibido incluir imágenes que no sean tuyas. Esto crea penalidades.</p> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFJBeim708yQdbpU8CcK0fWAgGZp19haOBgKp_I6pPQ-eKJzAFFa-Y8PnZkmQrUqQRjsKCrn8pkPs-3IbIbiqFNqM335fKiq9E2NSiitBtchaKZIdLI259VJqXWSR9Sr6Fss9GhUAxhs3D/s1600/JoelKing.JPG">

La escritura

En lo concerniente al contenido escrito, tal vez sea lo más importante de tu página web. En el caso de hoy enfatizaremos en la reescritura. ¿Todavía no hemos empezado a aprender a escribir y nos dicen que lo más importante es la reescritura? Sí, queremos dejar bien claro que el arte de escribir no es fácil pero es muy satisfactorio ver tu producto terminado, el cual te llena de orgullo.

El análisis crítico, la organización de tus ideas, la investigación, los tres objetivos de un escrito ( crear conciencia, cambiar de opinión y mover a la acción) entre otras habilidades por adquirir son las bondades de la escritura. Con ella puedes cambiar el mundo.

Ejemplos de escritores:

1. Karl Marx
2. Darwin
3. Einstein
4. Miguel de Cervantes Saavedra

Enlaces Relacionados:

1. Research
2. Distill
3. Execute
4. Creando un hábito.

• Como aprender cualquier cosa en solo 20 horas de estudio.
• Cómo aprender cualquier idioma en seis meses | Chris Lonsdale | TEDxLingnanUniversity
• How I taught myself to code | Litha Soyizwapi | TEDxSoweto
• iPhone application developer... and 6th grader | Thomas Suarez | TEDxManhattanBeach
• Programar para aprender sin limites | Antonio Garcia Vicente | TEDxYouth@Valladolid
• HTML y CSS 💪 Curso Completo Español [DESDE CERO] 💪

Javascript en codecademy

La primera clase de Java Script en Codecademy.com codecademy.com Console.log //line comments /*multiple line comments jhjwhwjhwkjsk kkwjwkjwkjwkjswkjwksjwksjwkjkwjkw kkkwjwkjwkjwkjwkjwksw */ Data Types: Numbers Strings Boolean Null Undefined Symbol Object Operators String concatenation Properties: .length Methods: log es un method toUpperCase también trim tambien random es un method del Object Math floor es otro Method del Math Object ceil isInteger console es un Object ojojojo Objects son acciónes para realizar cosas Console es un Object Math es otro Object