lunes, 7 de diciembre de 2020

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:

Click the button to get your position:

La estrategia

Una opción de localización de personas.

PRUEBA:

Click the button to get your position:

lunes, 9 de noviembre de 2020

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

Oye la radio mientras lees y navegas en este sitio.

Ejercicios permanentes.

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

Enlaces relacionados:

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í.

sábado, 10 de octubre de 2020

@cphemm: proyecto calculadora de propinas.

Tip Calculator

How much was your bill?

How was your service?

How many people are sharing the bill?

people

^$0.00 each

viernes, 11 de septiembre de 2020

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:

Tip Calculator

How many people are sharing the bill?

people

^$0.00 each

jueves, 25 de junio de 2020

Hola

El rey de la selva esta aquí.

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

kslkksklkslkjqlkwjqkl

martes, 23 de junio de 2020

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

Java script guessing game.

lunes, 15 de junio de 2020

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:

Enlaces relacionados:

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

jueves, 7 de mayo de 2020

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>  <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://2.bp.blogspot.com/-0uKhBDeUrFs/VreGvmDw5mI/AAAAAAAAANc/vhCpC11r3W8/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:

Karl Marx
Darwin
Einstein
Miguel de Cervantes Saavedra

Enlaces Relacionados:

Research
Distill
Execute
Creando un hábito.