Aprendí HTML5 y CSS3 y comencé en JS, pero no es nada fácil. ¿Cuáles son algunos consejos para aprender JS?

Como principiante reciente, creo que puedo dar algunos consejos útiles.

Ignora el DOM (la interfaz que JS usa para comunicarse con la página web, los elementos HTML). Dado que proviene de un fondo HTML / CSS, probablemente desee usar JS para hacer que su página web sea dinámica. Si bien este es uno de los principales usos previstos de JS, recomiendo retrasarlo por un tiempo y comenzar a aprender JS como un lenguaje de programación puro. Aprende lo básico. [Esto es especialmente importante si nunca has aprendido un lenguaje de programación, pero sigue siendo importante si lo has hecho. Incluso si aprendió un lenguaje orientado a objetos, JS no es su lenguaje OO habitual, ya que utiliza prototipos en lugar de clases.]
Comenta bien . Después de escribir un fragmento de código, utilice los comentarios para explicar qué hace el fragmento de código, qué significa cada variable, etc. Más tarde se lo agradecerá cuando no tenga idea de lo que está sucediendo en ese fragmento en el que escribió un hace un par de semanas.
Las herramientas de desarrollador son tus amigos . En Chrome y otros navegadores web, tiene una especie de acceso al funcionamiento interno del navegador a través de las herramientas de desarrollador. Especialmente útil en su etapa es la pestaña Consola. Puede ver qué errores arrojó su código, e incluso puede hacer que su programa registre cosas allí mismo. De esa manera puedes saber qué hizo o qué hará. Por ejemplo, la ejecución de la siguiente función definitivamente escribirá comenzando en la consola, y si el código complicado no causa errores o sale de la función, y funciona como esperaba, también verá terminado, obtendrá num = 10 en la consola.

función (args) {
console.log (‘inicio’);
// .. algún código complicado que debería causar
// la variable ‘num’ para hacer referencia al valor 10 ..
console.log (‘terminado, tengo num =’ + num);
}

Solo por favor no te desanimes. Los conceptos básicos de la programación son (mucho) más difíciles que los conceptos básicos de HTML / CSS. Por otro lado, es mucho más gratificante.
Después de terminar con lo básico, o si está atascado, regrese a Quora y haga una pregunta similar para obtener más orientación. Hay todo un mundo allá afuera, lleno de bibliotecas y marcos para hacerte la vida más fácil, pero ahora es demasiado pronto para eso.

JS es útil para actualizaciones en tiempo real

puede usar WebSocket para solicitudes bidireccionales y, por supuesto, cuando haya una nueva actualización o notificación que recibirá instantáneamente del servidor

también puede usar Ajax para enviar solicitudes sin actualizar la página y, por supuesto, la navegación Ajax es utilizada por todas las principales empresas como Facebook y Google … y esto es bueno para la experiencia del usuario.

JS es una forma poderosa para sitios web dinámicos

si desea mostrar alerta o cambiar el estado del botón … Javascript es la única forma de agregar y eliminar dinámicamente la clase CSS y también de cambiar algún contenido DOM o reproducir sonidos y agregar algunos datos asincrónicos.
si quieres ser un buen desarrollador front-end, se requiere JS. y sugiero aprender alguna biblioteca como JQuery, GSAP …

También recomiendo leer la guía de estilo de Google para códigos de alta calidad:
google / styleguide

Steve Carroll

Cuando aprendas algo nuevo, prueba algunos ejemplos. Cree ejemplos con errores para que pueda ver los tipos de mensajes de error que recibirá. Intenta combinar lo nuevo con los anteriores hacia un objetivo final. Esto requiere que piense en lo que esa nueva cosa podría ser útil en relación con * su * visión de su uso (pero no lo limite a eso, también investigue el uso de otras personas). Hacer este tipo de ejercicios te ayudará a aprender mucho mejor que solo leer artículos y mirar videos. No solo sigas los proyectos de otros, inventa los tuyos, es más desafiante y divertido.

CAROLINA DEL SUR

Steve Carroll

Descargo de responsabilidad: soy cofundador de AcadGild.

La programación de aprendizaje puede ser divertida. Pero también puede ser bastante desafiante. Es fácil cometer errores, desanimarse y dejar caer la pelota. Es posible que te falte un punto y coma y pierdas horas tratando de descubrir el error. Ahí es donde ayuda tener un mentor. Necesita a alguien que pueda orientarlo en la dirección correcta, guiarlo en términos de contenido, pasar un tiempo revisando su código, solucionar sus errores y, sobre todo, mantenerlo motivado. Intenta conseguir que uno de tus amigos juegue ese papel. O estaremos encantados de ayudarlo a aprender. En cualquier caso, ¡no dejes caer la pelota!

¡Feliz aprendizaje!

Vikalp Jain

More Interesting

¿Qué debo aprender después de HTML y CSS para convertirme en un buen desarrollador front-end?

¿Cómo puedo usar Django para crear mi cartera? Soy un novato. ¿En qué debería centrarme?

Soy un desarrollador de JavaScript. ¿Cuál podría ser el objetivo de mi vida?

¿Debo construir mi sitio web desde cero o usar la ayuda de un tercero?

Quiero mover el contenido de un sitio autohospedado a WordPress. ¿Afectará mi clasificación y qué medidas debo tomar?

Aprendí HTML, CSS, SVG, Javascript, PHP, AJAX y MySQL. No tengo un título en este campo, ¿debería desarrollar mis propios proyectos o intentar trabajar primero?

¿Cuál es una mejor opción para mi startup, PHP o Python? ¿Recomendaría usar un marco para PHP? Usando PHP o Python con Django, ¿habrá una diferencia significativa en el tiempo de desarrollo?

Tengo una conexión a Internet de alta velocidad en mi casa. Soy programador web, mi esposa y mi madre son enfermeras. ¿Qué puedo hacer para ganar dinero con esto?

Soy un novato que recién comienza, me siento perdido cuando quiero contribuir a proyectos de código abierto. No entiendo detalles técnicos. ¿Cuál es la mejor manera de aprender lo básico?