Cómo aprender a programar con todos los conocimientos que he adquirido sobre JavaScript

Answer 1

Mi primer proyecto fue este, que ya he replicado en CodePen: BlockBlaster

Es más simple de lo que parece (no es que se vea tan complicado!)

Los bloques son solo divs, diseñados con CSS.

Es un primer proyecto tan bueno como cualquier otro. Si quieres probarlo, la cosa es empezar poco a poco. Cree un área de juego, haga un solo bloque y vea si puede animarlo hasta la parte inferior de la pantalla, y haga que se detenga una vez que esté allí. Si aún no conoces las animaciones, haz la pista de jQuery en Codecademy. Es una pista corta, y recuerdo que fue muy divertido.

Una vez que tenga ese bloque en movimiento, vea si puede explotar cuando lo haga clic.

Estaba absolutamente justo donde estás ahora. Había tomado los cursos de Codecademy en HTML, CSS, JavaScript y jQuery, pero no sabía cómo construir nada.

Así que empecé a Blockblaster, y me tomó una semana sólida terminarla. Probablemente unas 30 – 40 horas. Me quedé atascado mucho. Cuando lo hice, solo buscaba en Google hasta encontrar la respuesta. MDN y Stack Overflow fueron mis mejores fuentes de información.

Cuando terminé, sabía cómo escribir aplicaciones web. Al menos en la parte delantera.

Answer 2

Como acabas de descubrir, y esto es algo que la mayoría de los principiantes no comprenden, aprender un lenguaje de programación NO es aprender a programar.

La programación es el acto de resolución de problemas. Tienes un problema técnico que te gustaría resolver. Usted aplica sus habilidades analíticas para llegar a una solución a su problema de programación. Esta solución es conocida como un algoritmo .

Un algoritmo es simplemente una serie de pasos lógicos que conducen al resultado deseado para su solución de programación. Algunos de estos pasos serán sentencias condicionales : si algo es cierto, haz esto.

Algunos de estos pasos serán declaraciones iterativas : mientras que algo es cierto, haz esto.

Algunos de estos pasos se pueden recopilar en una parcela llamada función , a la que se puede recurrir para ejecutar estos pasos donde lo desee. Una función de llamada puede personalizarse aún más con argumentos (o parámetros) para controlar cómo se realiza la ejecución.

Los pasos en su algoritmo pueden requerir el almacenamiento temporal de información o datos para ayudarlo con la ejecución lógica. La ubicación donde almacena los datos es una variable , y necesita asignar datos a la variable.

Para familiarizarse con la programación, debe abordar los problemas de programación. Comience con problemas simples y avance hacia problemas más complejos. Solo puedes aprender haciendo .

Y, por cierto, una aplicación es simplemente un gran problema de programación. Necesita dividirlo, o descomponerlo , en una serie de problemas más pequeños y más manejables. Así es como evitas quedar abrumado.

Espero que esto ayude.

Answer 3

Prueba un juego de tic tac toe o una aplicación de lista de tareas para empezar. Necesitarás algunos conocimientos de HTML y CSS también. Si no lo hace, no se preocupe, es mucho más fácil que JS.

Para el juego, una estrategia es tener una serie de matrices para contener el tablero:

var board = [
[0, 0, 0],
[0, 0, 0],
[0, 0, 0]
]

Los ceros son espacios vacíos y uno es el jugador uno y 2 es el jugador dos. Por lo tanto, calcula las reproducciones en la matriz y luego la renderiza en la pantalla utilizando HTML. Necesitará un mecanismo para controlar los giros del juego y un algoritmo para verificar si el juego tiene un ganador o si está terminado. Creo que puede ser divertido!

Answer 4

Para su uso en la web, el primer paso es incluir algunos JS en una página html:

var namesArray = ["John", "Jane"];

var namesString = namesArray.join (',');

console.log (namesString);

document.getElementById ('test'). innerHTML = namesString;

Si ya lo hiciste, se me ocurriría una idea brillante para un sitio web y luego lo construiría. jQuery te ayudará.

#piensa en grande

– Zach

Answer 5

Hay múltiples opciones que tienes:

1. Haz un juego (pequeño). ¡Esta es una excelente manera de poner a prueba tus habilidades y harás algo que la gente disfrute usando! (Estoy tratando de hacer algo yo mismo)
2. Use con HTML para agregar algo de interactividad a los sitios web
3. ¡Cualquier otra cosa que se te ocurra!

Recomendaría echar un vistazo a los sitios web en línea con ejercicios como codewars.com para practicar el uso de estructuras de datos y algoritmos. ¡¡¡Espero que esto ayude!!!