🥇8 leerprojecten

«De meester maakt meer fouten dan de beginner - pogingen»

Wij bieden 8 projectopties aan die je kunt doen voor de lol, om echte ontwikkelervaring op te doen.

Project 1. Klon van Trello

Klon van Trello door Indrek Lasn.

Wat je zult leren:

Organisatie van het routeren van verzoeken (Routing).
Drag and drop.
Hoe nieuwe objecten (borden, lijsten, kaarten) te maken.
Verwerking en validatie van invoergegevens.
Aan de klantzijde: hoe lokaal opslag te gebruiken, hoe gegevens op te slaan in lokale opslag, hoe gegevens uit lokale opslag te lezen.
Aan de serverzijde: hoe databases te gebruiken, hoe gegevens in de database op te slaan, hoe gegevens uit de database te lezen.

Hier is een voorbeeld van een repository, gemaakt met React+Redux.

Project 2. Admin paneel

Github Repository.

Een eenvoudig CRUD-app, ideaal voor het leren van de basis. We leren:

Gebruikers aanmaken, gebruikers beheren.
Interactie met de database — gebruikers aanmaken, lezen, bewerken, verwijderen.
Invoercontrole en werken met formulieren.

Project 3. Cryptovaluta-tracker (native mobiele app)

Github repository.

Met wat dan ook: Swift, Objective-C, React Native, Java, Kotlin.

We zullen leren:

Hoe native apps werken.
Hoe gegevens uit een API te extraheren.
Hoe native pagina-indelingen werken.
Hoe te werken met mobiele simulators.

Probeer deze API. Vind je iets beters — laat het weten in de reacties.

Als je geïnteresseerd bent, hier is tutoriaal.

Project 4. Configureer je eigen webpack-configuratie vanaf nul

Technisch gezien is dit geen app, maar een zeer nuttige taak om te begrijpen hoe webpack van binnenuit werkt. Nu is het geen "zwarte doos" meer, maar een begrijpelijk hulpmiddel.

Vereisten:

ES7 compileren naar ES5 (basisvaardigheden).
JSX compileren naar JS — of .vue naar .js (je moet loaders leren).
Webpack-dev-server en hot module reloading configureren. (vue-cli en create-react-app gebruiken beiden).
Heroku, now.sh of Github gebruiken, leren hoe webpack-projecten te implementeren.
Je favoriete preprocessor instellen om CSS te compileren — scss, less, stylus.
Leren hoe je afbeeldingen en SVG's met webpack kunt gebruiken.

Hier is een geweldige bron voor totale beginners.

Project 5. Klon van Hackernews

Elke Jedi moet zijn eigen Hackernews maken.

Wat je onderweg zult leren:

Hoe te communiceren met de Hackernews API.
Hoe een single-page application te maken.
Hoe functies zoals het bekijken van reacties, afzonderlijke reacties, profielen te implementeren.
Organisatie van het routeren van verzoeken (Routing).

Project 6. Todo-list

TodoMVC.

Serieus? To-Do? Er zijn duizenden. Maar geloof me, er is een reden voor deze populariteit.
Een to-do-app is een geweldige manier om ervoor te zorgen dat je de basis begrijpt. Probeer één applicatie in vanilla JavaScript te schrijven en één in je favoriete framework.

Leer: