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

Mi comprensión de cómo usar las API RESTful está jodida. ¿Qué tengo que hacer?

Estoy aprendiendo desarrollo web full stack, ¿debería preocuparme por aprender AWS cuando empiezo a aprender el lado del backend?

Todavía no he trabajado en Javascript, pero sé algunas cosas básicas en Javascript. Me gustaría aprender React JS, ¿puedo?

Cuando tenía 14 años, tomé una clase de HTML. No he usado HTML en más de 10 años. ¿Debo codificar desde cero o usar estos marcos calientes como Foundation?

Estoy aprendiendo desarrollo web y planeo trabajar por cuenta propia. ¿Qué tipo de trabajos para principiantes hacen los desarrolladores web?

¿Cómo los desarrolladores web independientes valoran sus proyectos?

Aprendí HTML, CSS, Javascript, React, Node / Express + MongoDB. ¿Debo aprender Meteor o seguir mejorando las habilidades que tengo ahora para ser contratado?

Estoy creando un sitio web para una empresa y me preguntaba cuál es la mejor manera de tener un blog dentro para fines de SEO.

Soy competente con Python y Java, y tengo conocimiento práctico de Django. Estoy tratando de tener una idea para mi primer gran proyecto (algo que será útil para las personas y se verá bien en mi currículum). ¿Hay alguna idea?

Estoy desarrollando un sitio web donde las personas pueden subir notas y videos de conferencias para otros. ¿Cómo puedo obtener el almacenamiento para ellos?

Conozco Flask bastante bien y me gusta. ¿Hay alguna razón por la que me molestaría en aprender Django?

¿Cómo creo un sitio web como Facebook?

Acabo de crear mi blog sobre fotografía y pensamientos, y estoy buscando un alojamiento de WordPress compatible con fotos más grandes. ¿Donde puedo encontrarlos?

Quiero crear un sitio web ¿Puedo permanecer en el anonimato como creador?

Soy un desarrollador front-end en una pequeña empresa de TI, pero mis habilidades son constantes allí. ¿Qué puedo hacer cuando voy a una entrevista y me rechazan?