Aprendí HTML, CSS y JavaScript, pero no puedo crear un sitio web dinámico usando JavaScript. ¿Qué tengo que hacer?

¿Tirar algunos dados tal vez?

La dinámica en el lado del cliente implica manipular el DOM (Modelo de Objeto del Documento) tal como el objeto del documento .

Aquí hay un ejemplo*:

Haga clic en mí

Rollo de dados: Nada aquí excepto nosotros pollos.

JS que involucra el manejo de eventos actualizando el contenido del elemento interno, utilizando el objeto de documento DOM y el objeto Math.

“uso estricto”;
var rollLinkEle = document.getElementById (“roll-link”);
rollLinkEle.addEventListener (“clic”, rollLinkClick);
función rollLinkClick (evento) {
var outputEle = document.getElementById (“salida”);
outputEle.innerHTML = Math.floor (Math.random () * 6 + 1) ;;
event.preventDefault ();
}

El ejemplo es Javascript nativo puro, pero puede usar la biblioteca JQuery para hacer la interfaz DOM.

Dynamic en el lado del servidor asume que el contenido se almacena por separado del HTML de la página web y el servidor ensambla el contenido HTML de las solicitudes. También puede suponer que el lado del cliente cambia el contenido de hacer solicitudes al servidor, como enviar un mensaje de que se hizo clic en un enlace similar y que el servidor devuelve el total de Me gusta en una base de datos.

* Ejemplo tomado de Cualquiera puede aprender Javascript fácilmente

Esos son los únicos tres idiomas que necesita para crear un sitio web dinámico. Si no puede hacerlo, eso significa que no sabe programar. Que deberias hacer ¡Aprende a programar!

Aprender idiomas NO es aprender programación. Necesita aprender conceptos básicos de programación y luego practicar lo que aprendió escribiendo programas.

Esto es difícil, no lo endulzaré. Tendrás dificultades inicialmente, pero con más práctica, será más fácil.

¡Por supuesto que puede! Si agrega solo un mouseover o evento de clic a un elemento en la página, acaba de crear contenido dinámico: contenido que reacciona a la interacción del usuario.

Ahora, un sitio web dinámico solo está llevando ese concepto al grado final, donde todo el contenido de la página reacciona ante el usuario. Has aprendido los idiomas necesarios para que esto suceda, lo único que debes hacer ahora es tratar los componentes dinámicos como una película.

Debe tener un tema general o motivación, y sus componentes (los actores) deben desempeñar sus roles de manera clara y consistente. Storyboard la acción dibujando cambios de estado, cuando un componente cambia su apariencia o contenido debido a una interacción del usuario, en un cuaderno, o usa un programa de ilustración.

¡Ahora sal y crea tu éxito de taquilla … y asegúrate de agradecerme cuando aceptes tu premio!

Parte del problema puede estar relacionado con lo que quiere decir con “dinámico”. En algunos casos, es posible que deba agregar algunos conocimientos de AJAX o del lado del servidor si desea que su página web se actualice con datos remotos en función de algo que sucede en una página o según algunos criterios pasados ​​de la página. En otros casos, como otros han señalado, puede crear contenido dinámico haciendo que Javascript haga cosas en respuesta a algo que el usuario inicia. Como sugieren las otras respuestas, diría que probablemente sea mejor averiguar qué quiere que haga su página y centrarse en aprender exactamente eso. Usar JavaScript para tener una pequeña calculadora en su página de algún tipo no debería ser demasiado difícil de lo que ya sabe. Hacer que JavaScript muestre una lista de productos basada en algunos criterios elegidos por el usuario es un poco más complejo y requiere algún tipo de acción del lado del servidor.

Comience con poco y siga aumentando su conocimiento. Encontraría una tecnología de fondo como PHP o Python o incluso Node.js y trataría de seguir agregando a su conocimiento.

Si usa un marco de trabajo, obtendrá una gran cantidad de funciones directamente a expensas de una curva de aprendizaje más pronunciada. Incluso puede encontrar un guión que ya haga lo que desea o cercano y puede mirar debajo del capó y ver cómo funcionan las cosas y luego tomar las piezas de ese guión que hacen lo que necesita y construir las que son diferentes.

Tal vez sea hora de aprender más javascript. Pero en lugar de perder el tiempo con un aprendizaje más “general” que puede o no abordar los temas específicos que le interesan, simplemente busque las cosas que necesita. Use Google, lea tutoriales y publicaciones de blog sobre el tema.

More Interesting

Aprendí los conceptos básicos de la programación web. ¿Qué puedo hacer (por mi cuenta) para mejorar desde aquí además de construir cosas?

Si tengo el desarrollo de back-end y la interfaz de usuario front-end, ¿cuál es la mejor manera de integrar estas cosas?

¿Cómo se edita el código de otro sitio web y se ejecuta en mi propio sitio web?

Mi sitio web está a punto de ser lanzado. Está construido en HTML, PHP y Javascript. ¿Cuáles son algunas medidas de seguridad que puedo tomar?

Tengo un sitio web estático. Estoy planeando convertir ese sitio a WordPress. ¿La conversión de un sitio web estático a WordPress afecta a SEO?

Soy un buen desarrollador de pila completa. ¿Cómo puedo ganar 1000 $ rápidamente?

Tengo una idea increíble de aplicación / sitio web que puede obtener más de mil millones de usuarios. Pero no he requerido dinero y habilidades de codificación. Intenté la financiación colectiva pero no me ayudó. ¿Qué tengo que hacer?

Actualmente estoy usando PHP / MySQL para alimentar mi sitio web. ¿Es esta la mejor tecnología o debería usar otra cosa?

Ayer descargué una nueva versión de Bootstrap. Hice cambios de CSS Bootstrap en una nueva hoja de estilo CSS. Pero cuando ejecuto el localhost en el navegador, no hay cambios. Antes de descargar una nueva versión de Bootstrap, los cambios aparecen cuando se ejecuta en localhost. ¿Hay alguna solución?

Si guardo mi contraseña en el navegador, ¿está físicamente almacenada en mi PC? En caso afirmativo, ¿dónde se almacena? Si mi PC fue pirateada, ¿pueden los hackers robar la contraseña?

Cómo integrar mi sitio web de Shopify con mi aplicación Appery.io (HTML, CSS o JavaScript)

¿Cómo debo comenzar a aprender Desarrollo Web ya que no tengo interés en la codificación y mi especialidad es CS?

Mi novio dice que Ruby on Rails no es una programación real. Eso es lo que hago como desarrollador. ¿Debería dejarlo?

Acabo de graduarme de la universidad y asistiré a un campo de entrenamiento de desarrollo web en 2 meses. ¿Qué ideas, conceptos y herramientas clave debo aprender sobre programación y ciencias de la computación en su conjunto que no me enseñen?

Quiero crear sitios web como filehippo, cnet o cualquier sitio gratuito. ¿Dónde empiezo?