¿Cuál es la mejor manera de practicar Javascript?

Diría que desea leer lo más posible sobre JavaScript y la sintaxis. También desea seguir a personas excelentes de JavaScript en Twitter, compartirán artículos realmente buenos. Algunos ejemplos son Dan Abramov, Eric Elliot, Ben Lesh, etc.

Te sugiero que empieces a escribir . No ganará el idioma cuando no lo use en su trabajo diario. Solo utilízalo, será difícil al principio pero aprenderás de los errores.

Todas las semanas envío un boletín semanal con información útil sobre JavaScript y ReactJS. Comparto algunos temas generales, así como algunos temas avanzados. En mi primer número, publiqué un enlace que puede ser interesante para usted. Puedes consultarlo aquí. Es el primer enlace en el boletín;).

La mejor manera de practicar JavaScript es trabajar en el proyecto.

Puedes escribir javascript al final del servidor también practicarlo más. Node.js te ayudará en esto.

Algunos proyectos de muestra que se pueden hacer con cualquier conjunto de pila en Front-end son:

• Lista de quehaceres
• Biblioteca de música
• Contacto / guía telefónica
• Cualquier proyecto que implique operaciones CRUD.

No tome el proyecto completo de una vez. Tomemos la lista de tareas pendientes. No intente crear todas las funciones de ToDo avanzado a la vez. Ir paso a paso como:

1. Agregue elementos de tareas pendientes y actualice simultáneamente la vista / DOM para el nuevo elemento agregado
2. Eliminar el elemento de tarea pendiente y la vista de actualización
3. Edite el elemento ToDo y refleje los cambios.
4. Puede estar marcado y completo o incompleto
5. Intente agregar una fecha límite / fecha de finalización al elemento de tarea
6. Agregar ubicación a los elementos de tareas.
7. Esto anterior era una lista única, ahora haga múltiples listas en una sola aplicación
8. Nombrar y renombrar las listas
9. Haciendo AJAX para pequeñas partes de la lista de Tareas y
10. Registro de usuario múltiple e inicio de sesión
11. Cada usuario puede tener múltiples listas
12. etc.

La lista continuará, puede tomar ejemplos de aplicaciones ToDo avanzadas, pero la idea es seguir mejorando.

Se pueden realizar los mismos pasos de mejora en cualquier proyecto.

No dude en cambiar / rehacer el Código / Estructura / Enfoque desde el principio. Esto le permitirá pensar las posibilidades desde el principio para el próximo proyecto práctico.

A2A Esto realmente no debería ser una pregunta. La respuesta es simplemente escribir código, cuanto más mejor. Si hay algún proyecto que desea hacer, hágalo, si no, siga los tutoriales. Comience con algo fácil de decir tic-tac-toe.

Usar sistemas como JsFiddle puede hacer que sea fácil probar pequeños programas. Escriba código que use las bibliotecas populares, como jquery o node.js. Probar cosas que manipulan el DOM, usar el sistema de objetos basado en prototipos de javascript y el estilo de programación funcional que necesita para la solicitud de ajax.

Puedes practicar JavaScript de muchas maneras posibles. Tome un sitio existente y piratee con las herramientas de desarrollador en Chrome. Vaya a un sitio como Hackerrank o Codewars y resuelva problemas usando JavaScript. Tome algo como CodeMirror y escriba un modo de colorear para un lenguaje exótico. Mire algo como Code Train en YouTube y haga lo mismo. Escríbete un servidor web y un pequeño CMS usando node.js. Toma Electron y WebRTC y escríbete un Skype. Actualmente, JavaScript se encuentra en todas partes, por lo que se trata de en qué área desea trabajar.

Si está utilizando FireFox, Chrome o IE, puede utilizar las herramientas de desarrollador integradas que le permitirán comenzar a escribir JavaScript. Estos navegadores incluyen, entre muchas otras herramientas para desarrolladores, un REPL (bucle de lectura-evaluación-impresión) que le permite ingresar JavaScript y evaluar el código de inmediato.

Más información sobre estas herramientas:

=== Herramientas de desarrollo de Google Chrome ===

Descripción general de Chrome DevTools

=== Herramientas de desarrollo de Mozilla FireFox ===

Herramientas para desarrolladores de Firefox

=== Microsoft Internet Explorer ===

Usando las herramientas de desarrollo F12

=== Red de desarrolladores de Mozilla ===

JavaScript

Al igual que cualquier otro idioma, la mejor manera de practicar cualquier idioma es construir algo.

No hay cantidad de tutoriales, artículos, blogs, cursos … lo que sea, te enseñará todo lo que aprenderías cuando intentes crear algo.

No tiene que ser nada demasiado importante desde el principio, comenzar de a poco, comenzar con una lista de tareas y seguir improvisando.

Prueba la programación competitiva, regístrate en hackerrank y resuelve uno o dos problemas todos los días. Le ayudará a resolver sus problemas.

La otra cosa que puedo decirte es que leas el código de otras personas. Esta es una de las mejores maneras en que puede aprender sobre algunas de las mejores prácticas para hacer algo. Aunque no cedas demasiado rápido, porque créeme, a veces podría ser un ENORME dolor en el lugar equivocado. Comprender el código de otra persona es difícil, pero las ganancias al final del día valen la pena.

¡Solo comienza tus propios proyectos! Será una excelente manera de aprender a superar los desafíos asociados con la construcción de cosas reales. http://freecodecamp.com y Learn Web Development for Free tienen algunas ideas geniales si las necesita. Alternativamente, echa un vistazo a NodeSchool si estás buscando desafíos específicos.

Los desarrolladores de PS han votado sobre sus tutoriales favoritos de JavaScript en Manual- Top Coding Tutorials On The Web. ¡Compruébalo si estás buscando ideas!

Ayer estaba pensando lo mismo porque con muchas bibliotecas y complementos js dando vueltas, sentí la necesidad de escribir más javascript y esto es lo que he preseleccionado para el próximo mes: JavaScript 30 – 30 Day Vanilla JS Coding Reto. Es posible que también pueda hacer esto para practicar su conocimiento de JavaScript. Happy JavaScripting 🙂

ps Vanilla JS significa usar JavaScript simple sin bibliotecas adicionales como jQuery, etc.

Practica más y más , de alguna manera has respondido tu propia pregunta aquí.

Consulte algunos buenos libros de JavaScript, aprenda algo nuevo, practíquelo y repita hasta obtener la satisfacción deseada.

Una cosa, intente practicarlo de forma orientada a objetos. 😉
La mejor de las suertes.!

Gracias por el A2A.

Como cualquier otra cosa, cuanto más usas, más aprendes.

Crea mini proyectos, no tienes que ser complejo, míralo como resolver un rompecabezas.

Lea, mire y aprenda más, javascript es tan GRANDE, tantas bibliotecas, elija una opción desde allí.

¡Mi mini proyecto AngularJs tiene ahora 100,000 usuarios!

Actualmente estoy creando otro en CreateJS para la misma base de usuarios.

¡También es bueno recibir comentarios!

Cada navegador moderno incluye un intérprete de JavaScript. Simplemente use su editor de texto plano favorito para escribir código, luego use file: // para abrirlo en un navegador … en Chrome, o Firefox con Firebug instalado, presione F12 para ver la consola de JavaScript que lo ayudará a encontrar errores.

A medida que avanza hacia páginas más avanzadas utilizando CORS, es posible que deba pasar a ejecutar un servidor web en su PC. Apache está disponible para win y mac de forma gratuita.

Déjame ir con la respuesta obvia: práctica.

Necesitaba aprender algo de JavaScript para trabajar, así que me tomé un tiempo para codificar algunos programas realmente simples en JavaScript.

Una buena herramienta (gratuita): GitHub Pages le permite publicar su código en línea y probarlo. Notepad ++ tiene algunas buenas herramientas de edición para javascript y una buena característica de “ejecución” que inicia un navegador con su código actual.

Lo primero que hice fue crear un script javascript que lanzó una alerta e incrustado en una página html, solo para asegurarme de que estaba estructurando mi html correctamente.

Lo siguiente que hice fue crear el sitio web más simple posible que me dio un lienzo HTML y escribió un código para hacer que algo aparezca en ese lienzo. Un par de horas después tuve algo realmente interactivo.

Ahora he hecho algo de codificación usando google script (una variación de javascript) a través de drive.google.com (puede crear nuevos scripts de aplicaciones de Google) y he estado jugando con eso. He creado pequeños scripts de práctica que hacen simulaciones de monte carlo, raspan el sitio web y rellenan automáticamente formularios, etc.

Aprenda los conceptos básicos en un sitio como Code Academy – Aprenda a codificar

Obtenga más comprensión en un sitio como FreeCodeCamp – http://freecodecamp.com

Sea creativo en su programación uniéndose a CodeWars – http://codewars.com

Creamos http://OpenCode.co solo para eso. Regístrese, escriba sus programas en el navegador desde cualquier dispositivo, pruebe sus cambios en vivo, publíquelos a amigos y al público con un solo clic.

Simplemente abra la consola (ctrl + shift + j), recomiendo Chrome, es el mejor navegador y escriba algunas declaraciones de JavaScript. También puede hacer clic derecho en cualquier elemento e inspeccionar el elemento para ver cómo funciona cualquier cosa. En mi opinión, tratar de descubrir cómo funciona todo bajo el capó es una buena forma de aprender.

Hola,
Si eres un novato completo y buscas un lugar para aprender desde cero, preferiría que revises el sitio: aprende a codificar con cursos en línea gratuitos, proyectos de programación y preparación de entrevistas para trabajos de desarrollador.

¡Es realmente bueno y está diseñado para novatos totales!

pasos que recomendaría

1. Comience con los Tutoriales web en línea de W3Schools, aprenda algunos scripts de Java aquí, intente crear un pequeño sitio web con ellos.

2. El tren de codificación Este tipo enseña javascript de la manera más creativa.

3. Para comprender los conceptos básicos, consulte la serie JS No sabe.

4. Aprenda Full stack dev usando JS y lo aprenderá como un subproducto.

Yo diría que hay dos cosas, y se aplican a todos los lenguajes de programación;

1. Escribe mucho código
2. Obtenga el código de revisión por un programador senior

Si nunca ha revisado su código un programador con más experiencia y se ha mantenido con un alto estándar de calidad, no tiene idea de cuánto afecta sus habilidades de manera positiva.

Programa. Aprendes a programar por programación, y mejoras en la programación por programación. Esa no es la mejor manera, esa es la única manera. Ponte a prueba e intenta hacer algo más difícil de lo que has hecho antes, y aprende lo que necesitas hacer para que esto suceda. También puede practicar con los desafíos de codificación o las preguntas de la entrevista de JavaScript, pero no olvide crear algo y aplicar sus conocimientos de manera práctica.