Algoritmer: Animasjonsvisning - iOS Developer Tools

Bestod du spørsmålet om intervjualgoritmen? Det tar for mye tid å lære algoritmespørsmål? Ikke ditt problem! Før dette kunne ingen algoritmisk læringsmetode være så enkel og effektiv. Det tar bare tre trinn for å bli en algoritmemester: Det første trinnet er å lese spørsmålet; Det andre trinnet er å spille av animasjonen, referere til undertekstene og forstå ideene og kodene; Det tredje trinnet er å lese, analysere og oppsummere;

Opprettelsen av en algoritme-animasjonsdiagram-app stammer fra de personlige erfaringene til mange programmerere som ofte trenger å vurdere algoritmer hver gang de bytter jobb. Prosessen med å se på disse algoritmene på nytt innebærer vanligvis å se på ulike nettløsninger, hvorav mange inneholder animerte bilder eller skjematiske diagrammer. Disse representasjonsformene er mer effektive og raskere å forstå enn tekst alene. Imidlertid ble visse begrensninger i eksisterende ressurser tydelige, inkludert mangel på interaktivitet i animasjoner, manglende evne til å endre data når du studerer, og utfordringer knyttet til mobil tilgjengelighet.

Motivert av ønsket om å forbedre læringsopplevelsen, forpliktet utvikleren seg til å lage 70 forskjellige animasjoner i appen. Hovedmålet med denne applikasjonen er å tjene som et læringsverktøy som hjelper brukere med å raskt forstå algoritmekonsepter og -kode. Selv om appen gir en visuell og interaktiv læringsopplevelse, tillater den ikke brukere å sende inn eller utføre kode; å skrive ut kode på en datamaskin er fortsatt nødvendig for en komplett læringsopplevelse.

I organiseringen av innholdet i appen valgte utvikleren å ikke ordne algoritmespørsmål etter LeetCode-identifikasjonsnumrene. I stedet klassifiserte de spørsmålene i tre hovedkategorier: koblede lister, strenger, matriser og binære trær; tilbakesporing, grådige algoritmer, dynamisk programmering og del-og-hersk; sammen med en egen seksjon for sortering. Hver kategori er videre delt inn etter vanskelighetsgrad – lett, middels og vanskelig – slik at brukerne kan fokusere på spesifikke kunnskapsområder sekvensielt samtidig som de oppmuntrer til grundig læring av teoretiske konsepter.

Appen gjenspeiler også utviklerens egne tidligere læringserfaringer, spesielt utfordringene som står overfor når de sliter med sorteringsalgoritmer. Siden sortering i utgangspunktet ble oppfattet som et vanskelig tema, har en spesifikk klassifisering for det blitt utpekt for nybegynnere for å lette bedre forståelse. Denne strukturerte tilnærmingen tar sikte på å hjelpe brukere med å systematisk navigere gjennom komplekse emner på en måte som er i tråd med tradisjonelle utdanningsrammer.

For å forbedre interaksjonen mellom animasjon og kode, har appen flere gjennomtenkte funksjoner. Et nøkkelaspekt er kodeuthevingsfunksjonen, som synkroniserer animasjonen med kodekjøring ved å utheve hver kodelinje etter hvert som den tilsvarende animasjonen skrider frem. I tillegg, for å komplementere de visuelle elementene, er en undertekstfunksjon inkludert for å gi korte forklaringer under hvert animasjonstrinn. Appen inkluderer også avspillings- og tilbakestillingsfunksjonalitet for hver algoritme, slik at brukere kan randomisere testtilfeller med en tilbakestillingsknapp, noe som forenkler læringsprosessen ytterligere og forbedrer brukerengasjementet.

---

Hvorfor lager du en app for algoritmeanimasjon. ?
Som mange programmerere, må jeg forberede meg mye tid på å pusse opp algoritmen hver gang jeg bytter jobb. Veldig bra, i ferd med å pusse spørsmålene, må du først lese løsningen. Jeg leser også mange problemløsninger fra store karer på Internett, og jeg liker spesielt godt å lese algoritmeanalyse med bevegelige bilder eller skjematiske diagrammer, som er raskere enn å lese tekst. I prosessen ble det også funnet flere problemer, som: animasjonen er ikke interaktiv og kan ikke settes på pause; dataene er døde og kan ikke endres; det er ikke praktisk å studere på mobiltelefonen osv.
Jeg så noen gode animasjoner i begynnelsen, og jeg hadde en sterk trang til å implementere dem i appen med native kode flere ganger. Denne gangen har jeg endelig bestemt meg og laget 70 animasjoner på én gang.
Jeg forstår at plasseringen av denne appen er et verktøy som kan hjelpe oss raskt å forstå algoritmeideer og -koder, hjelpe hukommelsen og forbedre læringseffektiviteten. Men her kan du ikke sende inn, du kan ikke kjøre koden, og koden må fortsatt skrives inn på datamaskinen for at den skal føles bedre.

Hvorfor er den ikke ordnet i rekkefølgen til leetcode nummer?
For øyeblikket er algoritmespørsmålene klassifisert i tre hovedblokker:
- koblet liste, streng, array, binært tre;
- Tilbakesporing, grådig, dynamisk programmering, divide and conquer;
- Sorter og klassifiser separat.
Under hver kategori er vanskelighetsgraden delt inn i lett, middels og hard.
Klassifiser først datastrukturer og algoritmer hver for seg, og lær etter kunnskapspoeng . Du kan for eksempel konsentrere deg om å lære binære trestrukturer eller dynamiske programmeringsalgoritmer, slik at konsentrert metningstrening kan bidra til å forbedre læringseffektiviteten. Datastrukturen kommer først, og algoritmen følger, som også er ordnet i den rekkefølgen vi lærer teoretisk kunnskap.
Når det gjelder algoritmer er det for tiden ordnet fire typer: tilbakesporing, grådig, dynamisk programmering og divider-og -conquer.
Da jeg lærte datastrukturer og algoritmer for mange år siden, kom jeg først i kontakt med ulike sorteringsalgoritmer. På den tiden følte jeg at sortering var for vanskelig, og jeg ble veldig imponert, så jeg laget en egen sorteringsklassifisering for nybegynnere.

Tenker på hvordan man kan kombinere animasjon og kode og andre interaktive problemer
- I prosessen med å lære algoritmer selv forstår jeg ofte ideene, men jeg kan ikke forstå kodene, og mange koder i tekstforklaringene har ingen kommentarer. Å se dette er en stor hodepine. Derfor, når du tenker på app-interaksjon, er kodeuthevingsfunksjonen spesialdesignet, noe som betyr at hver linje med kode vil bli uthevet etter hvert som animasjonen skrider frem. På denne måten kjøres animasjonen, koden fremheves og den ser kul ut.
- Selv om animasjonen er lett å forstå, trenger den fortsatt noen korte forklaringer, så funksjonen "undertekst" er designet under animasjonen. Hver gang det tilsvarende trinnet utføres, vil den tilsvarende forklaringen vises.
- Animasjonsavspilling og tilbakestilling, hver algoritmeside har en avspillingsfunksjon, så hvordan forbereder man testtilfeller? For å forenkle konseptet med testtilfeller er det utformet en «reset»-knapp, som betyr at testsakene er tilfeldige. Når du vil endre et sett med data, klikker du bare på tilbakestill.