Algoritmos: visualización de animación - iOS Developer Tools

¿Pasaste la pregunta sobre el algoritmo de la entrevista? ¿Aprender preguntas sobre algoritmos lleva demasiado tiempo? ¡No es tu problema! Antes de esto, ningún método de aprendizaje algorítmico podía ser tan simple y eficiente. Solo se necesitan tres pasos para convertirse en un maestro de algoritmos: el primer paso es leer la pregunta; el segundo paso es reproducir la animación, consultar los subtítulos y comprender las ideas y códigos; el tercer paso es leer, analizar y resumir;

La creación de una aplicación de diagrama de animación de algoritmos surge de las experiencias personales de muchos programadores que a menudo necesitan revisar algoritmos cada vez que cambian de trabajo. El proceso de revisar estos algoritmos normalmente implica buscar varias soluciones en línea, muchas de las cuales incorporan imágenes animadas o diagramas esquemáticos. Estas formas de representación son más efectivas y más rápidas de comprender que el texto solo. Sin embargo, se hicieron evidentes ciertas limitaciones en los recursos existentes, incluida la falta de interactividad en las animaciones, la incapacidad de alterar los datos al estudiar y los desafíos asociados con la accesibilidad móvil.

Motivado por el deseo de mejorar la experiencia de aprendizaje, el desarrollador se comprometió a crear 70 animaciones diferentes dentro de la aplicación. El objetivo principal de esta aplicación es servir como una herramienta de aprendizaje que ayude a los usuarios a comprender rápidamente los conceptos y el código de los algoritmos. Aunque la aplicación proporciona una experiencia de aprendizaje visual e interactiva, no permite a los usuarios enviar ni ejecutar código; escribir código en una computadora sigue siendo necesario para una experiencia de aprendizaje completa.

Al organizar el contenido de la aplicación, el desarrollador optó por no ordenar las preguntas de algoritmo según sus números de identificación LeetCode. En lugar de ello, clasificaron las preguntas en tres categorías principales: listas enlazadas, cadenas, matrices y árboles binarios; retroceso, algoritmos codiciosos, programación dinámica y divide y vencerás; junto con una sección separada para clasificar. Cada categoría se divide además por dificultad (fácil, media y difícil), lo que permite a los usuarios centrarse en áreas de conocimiento específicas de forma secuencial y, al mismo tiempo, fomenta el aprendizaje exhaustivo de conceptos teóricos.

La aplicación también refleja las experiencias de aprendizaje pasadas del desarrollador, en particular los desafíos que enfrenta al lidiar con algoritmos de clasificación. Como la clasificación se percibió inicialmente como un tema difícil, se ha designado una clasificación específica para principiantes para facilitar una mejor comprensión. Este enfoque estructurado tiene como objetivo ayudar a los usuarios a navegar sistemáticamente a través de temas complejos de una manera que se alinee con los marcos educativos tradicionales.

Para mejorar la interacción entre la animación y el código, la aplicación incorpora varias funciones bien pensadas. Un aspecto clave es la función de resaltado de código, que sincroniza la animación con la ejecución del código resaltando cada línea de código a medida que avanza la animación correspondiente. Además, para complementar los elementos visuales, se incluye una función de subtítulos para brindar breves explicaciones durante cada paso de la animación. La aplicación también incluye funciones de reproducción y reinicio para cada algoritmo, lo que permite a los usuarios aleatorizar casos de prueba con un botón de reinicio, simplificando aún más el proceso de aprendizaje y mejorando la participación del usuario.

---

¿Por qué crear una aplicación de diagrama de animación de algoritmos? ?
Como muchos programadores, tengo que preparar mucho tiempo para repasar el algoritmo cada vez que cambio de trabajo. Muy bien, en el proceso de cepillar las preguntas, primero debes leer la solución. También leo muchas soluciones de problemas de grandes en Internet, y me gusta especialmente leer análisis de algoritmos con imágenes en movimiento o diagramas esquemáticos, que es más rápido que leer texto. En el proceso también se encontraron varios problemas, tales como: la animación no es interactiva y no se puede pausar; los datos están muertos y no se pueden cambiar; no es conveniente estudiar en el teléfono móvil, etc.
Vi algunas buenas animaciones al principio y sentí una fuerte necesidad de implementarlas en la aplicación con código nativo varias veces. Esta vez finalmente me decidí e hice 70 animaciones de una vez.
Entiendo que el posicionamiento de esta aplicación es una herramienta que puede ayudarnos a comprender rápidamente ideas y códigos de algoritmos, ayudar a la memoria y mejorar la eficiencia del aprendizaje. Pero aquí no puede enviar, no puede ejecutar el código y aún es necesario escribir el código en la computadora para que se sienta mejor.

¿Por qué no está organizado en el orden del leetcode? ¿Número?
En la actualidad, las preguntas del algoritmo se clasifican en tres bloques principales:
- lista enlazada, cadena, matriz, árbol binario;
- programación retrospectiva, codiciosa y dinámica, divide y vencerás;
- Ordenar y clasificar por separado.
En cada categoría, la dificultad se divide en fácil, media y difícil.
Primero clasifique las estructuras de datos y los algoritmos por separado y aprenda de acuerdo con los puntos de conocimiento. Por ejemplo, puede concentrarse en aprender estructuras de árbol binario o algoritmos de programación dinámica, de modo que el entrenamiento de saturación concentrado pueda ayudar a mejorar la eficiencia del aprendizaje. La estructura de datos es lo primero, y luego el algoritmo, que también está organizado en el orden en que aprendemos el conocimiento teórico.
En términos de algoritmos, actualmente se organizan cuatro tipos: retroceso, codicioso, programación dinámica y división y -conquer.
Cuando aprendí estructuras de datos y algoritmos hace muchos años, entré por primera vez en contacto con varios algoritmos de clasificación. En ese momento, sentí que ordenar era demasiado difícil y quedé muy impresionado, así que hice una clasificación de clasificación separada para principiantes.

Pensando en cómo combinar animación y código y otros temas interactivos
- En el proceso de aprendizaje de algoritmos por mi cuenta, a menudo entiendo las ideas, pero no puedo entender los códigos, y muchos códigos en las explicaciones del texto no tienen comentarios. Ver esto es un gran dolor de cabeza. Por lo tanto, cuando pensamos en la interacción de la aplicación, la función de resaltado de código está especialmente diseñada, lo que significa que cada línea de código se resaltará a medida que avanza la animación. De esta manera, la animación se ejecuta, el código se resalta y se ve genial.
- Aunque la animación es fácil de entender, todavía necesita algunas explicaciones breves, por lo que la función "subtítulo" está diseñada debajo de la animación. Cada vez que se ejecute el paso correspondiente, se mostrará la explicación correspondiente.
- Reproducción y reinicio de animación, cada página de algoritmo tiene una función de reproducción, entonces, ¿cómo preparar casos de prueba? Para simplificar el concepto de casos de prueba, se diseña un botón de "reinicio", lo que significa que los casos de prueba son aleatorios. Cuando desee cambiar un conjunto de datos, simplemente haga clic en restablecer.