javascript - suplicar - ¿Cuál es la mejor manera de introducir temas que no sean importantes para HTML/programación?

me da pena pedir favores (14)

La siguiente pregunta me ha estado devorando los últimos meses. Después de ser testigo de la calidad de las respuestas aquí, tengo la esperanza de recibir excelentes respuestas aquí.

Estoy realizando un curso en el departamento de ECE titulado " Exploración de la tecnología de la información digital ", destinado a que personas que no son mayores se impregnen de todo el asunto "cómo funcionan las computadoras". Al ser un estudiante de posgrado en arquitectura de computadoras, mi experiencia en el tema no solo es muy diferente de la de los estudiantes (muchos de ellos son estudiantes de primer año sin experiencia informática más allá de Word y YouTube), sino que mi modo de pensar parece ser fundamentalmente diferente. He tenido un alto grado de éxito en cursos más técnicos antes, donde los estudiantes no necesariamente tenían antecedentes en el material exacto, pero eran personas orientadas a los detalles y de mentalidad técnica que asimilaban cosas como variables, matrices e indexación. , direccionamiento indirecto, funciones, etc. He tenido un momento extraordinariamente difícil con la primera unidad del curso, que cubre esencialmente HTML, JavaScript e Internet (topologías de red, direcciones IP, etc.)

Mis preguntas a la comunidad SO son muchas, pero comenzaré con algunas:

Al más alto nivel, si estuvieras tratando de enseñarle a alguien a pensar como un programador (desglosar los algoritmos de nivel humano en pasos simples que pueden traducirse en funciones, enunciados de procedimientos, declaraciones if-then-else y bucles), HTML y JavaScript sean su enfoque? Esto da resultados que se pueden relacionar (por ejemplo, una página web que hace cosas útiles) más rápidamente que otros enfoques, pero la separación e integración de HTML y JavaScript, y todo el asunto "HTML declarativo hablando con JavaScript de procedimiento" parece estar repleto de demasiados conceptos abstractos demasiado pronto.
Si desea enseñar HTML y JS a un principiante total (alguien que tiene dificultades para pensar algorítmicamente), ¿qué recursos usaría, qué proyectos asignaría, etc.? Estoy descubriendo que incluso cuando rompo conceptos como un bucle for hasta donde creo que puedo, todavía es un poco demasiado. ¿Hay algún lugar que comience desde los primeros principios y que realmente pueda ayudar a un verdadero principiante grok por qué son necesarios paréntesis y punto y coma, qué argumentos tiene una función, etc.?

Honestamente, tengo muchas más preguntas, pero creo que este es un buen lugar para comenzar. Espero compilar los resultados en algo que pueda usarse no solo para futuras iteraciones de este curso, sino también en mis búsquedas personales de "evangelismo tecnológico". Leí las otras preguntas de "Cómo enseñarle a un principiante a hacer X" aquí, pero parecen estar dirigidas a una clase completamente diferente de "principiante": personas con una mentalidad matemática y muy interesados en aprender sobre programación, pero no sé por dónde empezar Siento que las respuestas para ese grupo serán sustancialmente diferentes a las de aquellos con una mentalidad diferente, y quizás una motivación menos intrínseca para aprender.

Descubrí que es importante mantenerlos interesados en el producto final de lo que están trabajando. La monotonía y la retención anal de la marcación y la programación pueden ser realmente frustrantes para las personas que no están acostumbradas. Pero si les asigna proyectos donde puedan ver los resultados rápidamente y estén orgullosos de lo que están haciendo, es probable que mantenga su interés.

La mayoría de las asignaciones en los libros de texto (web) son muy aburridas y repetitivas. Sugeriría elaborar sus propias tareas que introduzcan nuevos temas importantes, así como también basarse en lo que ya aprendieron. Pero trate de mantenerlos cortos y simples para que no se sienta como un trabajo total.

Estoy de acuerdo con @Jim.

¿Has pensado en probar algo como Lego Mindstorms ? Obtiene una interfaz de usuario visual muy intuitiva que permite a los usuarios crear estructuras de programación fundamentales sin escribir una línea de código (es decir, bucles, condicionales, etc.).

Por supuesto, la respuesta es en forma de máquinas / robots en funcionamiento. Esto ciertamente reforzaría los conceptos de programación utilizados muy bien.

HTML y JavaScript definitivamente no serían mi enfoque. El marcado y la programación son dos cosas muy diferentes. Lanzar JavaScript en la mezcla sirve para lidiar con eso, pero también complica las cosas inmensamente. Está tratando con dos sintaxis diferentes, trabajando con dos modelos conceptuales diferentes, y el puente entre ellos no es transparente. Debe tratar el modelo de eventos para cosas tan básicas como la entrada. La distracción sobrecarga inevitablemente obstaculiza el aprendizaje de los conceptos básicos.

¿Qué tan apegado está usted a HTML / JavaScript? Debido a que eliminar HTML por completo y trabajar con un modelo de programación más tradicional parece ser un enfoque mucho mejor. Ha habido una gran cantidad de trabajo con Python en esta área, por lo que debe consultar Python en Educación .

Hago talleres de HTML para estudiantes que suelen ser estudiantes de comunicación. Por lo general, comienza con una visión básica de lo que realmente son las páginas web. Luego, saco un bloc de notas y despliego la página HTML básica. Es en este punto que algunas personas se quedan mirando en blanco, pero también hay muchas "¡AHA!" momentos. Sin embargo, solo tengo una hora y media para incluir todos los conceptos básicos, por lo que probablemente tendría más conceptos abstractos de la web si tuviera el tiempo.

Probablemente lo más importante para mantener su atención sería hacer que ejecuten ejemplos mientras los enseñan, y pídales que también modifiquen las cosas por sí mismos. Dales un bucle for que imprime información en la página repetidamente y luego haz que cambien las cosas y vean qué pasa. No estoy seguro si estás en un entorno de laboratorio, pero sería ideal. También tendrán muestras que pueden llevar a casa.

Creo que definitivamente es valioso enseñar a la persona común HTML para que tengan una idea de lo que ocurre detrás de las escenas de las cosas con las que interactúan a diario. Además, ya tienen todo lo que necesitan para comenzar a crear: editor de texto y navegador. También es algo que es más probable que encuentren útil más adelante en la vida, para sitios personales e incluso campos de formulario como este.

Les daría Head First HTML y les dejaría hacerlo a su propio ritmo. No creo que haya nada mejor en la introducción de la tecnología que esta serie.

Me corté los dientes en HTML y JavaScript. (En realidad, se guardó en un documento de Word como HTML y luego tratando de descifrar qué era qué, pero esa es una cuestión diferente). Creo que hay algunas ventajas diferentes. Primero puedes armar una página básica fácilmente y progresivamente construir sobre ella. La segunda mayoría de las etiquetas HTML son obvias y es fácil obtener JavaScript para modificar la página y activar los eventos del usuario. La enseñanza y la demostración de la recursión, las variables de funciones OOP simples, los tipos de datos, etc., son muy simples.

Además puedes escribirlo en el bloc de notas tan bueno como cualquier otra cosa y probarlo con el botón de actualización. Causa y efecto instantáneos, modifique el código: página de actualización: vea lo nuevo.

Me gustaría mantenerlo simple en el HTML (ni siquiera mencionaría CSS / AsyncXML / etc.) y basarme en lo básico con JavaScript.

Buena suerte.

Mi primera exposición al mundo de la programación fue Visual Basic. Recuerdo haber creado los pequeños formularios y botones limpios en ellos. Descubrí que es bastante interesante y mucho mejor que hacer CI. Recuerdo haber hecho mi propia Calculadora y Bloc de notas en VB y luego un Sistema de Reserva Ferroviaria.

Por lo general, en la mayoría de los casos los cursos de programación comienzan profundizando en C. Enseñanza de cómo escribir algoritmos y dibujar diagramas de flujo. Es una buena idea comenzar con algoritmos y diagramas de flujo según yo. Enseña lo básico de la programación y hace que la mente piense lógicamente.

No me gustaría entrar demasiado en HTML y Javascript. Aprender a codificar en HTML no es útil para enseñar cualquier estructura de programación o lógica.

Para la primera pregunta:

No, no usaría HTML y Javascript para enseñar conceptos de programación. Probablemente consideraría un lenguaje .NET como C # que oculta el dolor de la administración de la memoria al tiempo que ofrece al principiante un gran marco para comenzar. Hay muchas cosas útiles que hacer en el lado del cliente, y creo que la naturaleza sin estado de la web puede hacer más para confundir al principiante. Conceptos básicos como asignación, tipeo, lógica, bucle son lo que desea enseñar, luego conceptos de OO como clases, polimorfismo y herencia. Siento que es necesario que el alumno se preocupe porque el marcado solo se interpone en el camino. Mantenlo simple en el frente.

Segunda pregunta.

Como HTML + JS (y yo agregaría CSS a este montón) es más acerca de la presentación. Comenzaría inicialmente con una herramienta que proporcionara una vista dividida entre una superficie de diseño WSYWIG y el XHTML. Obviamente, el XHTML generado debería estar limpio, por lo que se requiere una selección cuidadosa de dicha herramienta. Aptana no está tan mal como yo. Luego comience a perforar al alumno con tareas simples como divs y tablas. Haga que estudien los cambios en el marcado. Luego introduce técnicas CSS para cosas bonitas. Eventualmente formarán un mapa mental de cómo XHTML / CSS afecta una página web.

Finalmente, para juntarlo todo, con algunas técnicas de OO en su haber, y un conocimiento de XHTML / CS introduce javascript como la guinda del pastel de presentación para hacer las cosas más complicadas. Enséñeles sobre el DOM, etc.

Según mi experiencia, C ++ es un lenguaje de nivel de raíz impresionante, es difícil de aprender, pero no tan voluminoso como algunos de los lenguajes de gen posteriores. La lógica es pura, es una gran introducción a la programación y es lo que me hizo amar la ciencia y quiero aprender más.

Si quieres enseñar HTML a la gente, ve con él. Si desea enseñarles programación, comience con un lenguaje de procedimientos simple, como Basic o Pascal. Si quieres enseñar OOP, Smalltalk es el camino a seguir.

En cuanto al HTML, es un material bastante amplio. Me gustaría seguir los siguientes pasos:

1) diseño
2) formularios / controles básicos
3) estilos
4) secuencias de comandos

Si su objetivo es enseñar a las personas los principios básicos de la programación, ¿por qué no utilizar un lenguaje visual como Alicia ? Puede que no sea el más tradicional, pero puede permitirte concentrar más tiempo enseñando if / then y loops en lugar de sintaxis.

Un enfoque que tomé al enseñar clases fue introducir un poco de "arena en el piso, pintar la cerca" de Karate Kid. Les hice escribir (a mano) una aplicación web de dos páginas compuesta por HTML y JavaScript, basada en una impresión que les di.

El ejercicio frustró a muchas personas porque parecía una tarea tan tediosa, especialmente cuando podría haberles entregado la aplicación como archivos. Pero debido a que tenían que examinar a cada personaje para ver dónde podrían haber cometido un error, también tenían que prestar atención a cada personaje.

Las clases donde asigné este ejercicio cerca del comienzo del término de la clase definitivamente retomaron las cosas más rápidamente que aquellas en las que todos los recursos se proporcionaron como archivos.

Yo diría que lo más importante que hacer con este grupo es hacer que el material sea divertido o al menos interesante. Dado que esta es la primera vez que se expone a la programación o la informática digital, es posible que desee evitar la enseñanza de html y javascript juntos, ya que son conceptos diferentes. No se va a enseñar a los no programadores a convertirse en programadores en un semestre, pero puede despertar un interés que podría conducir a un futuro en la programación o algo relacionado. Trataría de cubrir algunos de los conceptos básicos tanto del hardware como del software y cómo están relacionados y cómo interactúan. Antes de que pueda comenzar a escribir el código, al menos deberían comprender parte de la terminología (compilador, servidor, cliente, red, etc.). Luego puede trabajar hasta llegar a la codificación, ojalá sea algo interactivo o interesante como un simple juego, calculadora o adiciones a su página My Space.

Hay un estudio, discutido aquí , que es una lectura relevante para evitar deprimirse demasiado cuando se da cuenta de que algunas de estas personas en realidad no podrán aprender a programar.

Dicho esto, creo que si te quedas con HTML / JS (no necesariamente una buena opción), prepararía todo el HTML con el que trabajarán y los modificaré a través de JavaScript. De esa forma no tendrán que asimilar dos modelos diferentes, pero los que estén lo suficientemente interesados y lo suficientemente interesados pueden hacerlo.