8 pädagogesch Projeten

"E Meeschter mécht méi Feeler wéi en Ufänger mécht Versich"

Mir bidden 8 Projetsoptiounen, déi "fir Spaass" kënne gemaach ginn, fir richteg Entwécklungserfarung ze kréien.

Projet 1. Trello Klon

8 pädagogesch Projeten

Trello Klon vum Indrek Lasn.

Wat Dir léiere wäert:

  • Organisatioun vun Ufro Veraarbechtung routes (Routing).
  • Drag and drop.
  • Wéi nei Objeten erstellen (Brieder, Lëschten, Kaarten).
  • Veraarbechtung an Iwwerpréiwung vun Inputdaten.
  • Vun der Client Säit: wéi Dir lokal Späichere benotzt, wéi Dir Daten op lokaler Späichere späichert, wéi Dir Daten aus der lokaler Späichere liest.
  • Vun der Server Säit: wéi Dir Datenbanken benotzt, wéi Dir Daten an der Datebank späichert, wéi Dir Daten aus der Datebank liest.

Hei ass e Beispill vun engem Repository, gemaach an React + Redux.

Projet 2. Admin Panel

8 pädagogesch Projeten
Github Repository.

Eng einfach CRUD Applikatioun, ideal fir d'Basis ze léieren. Loosst eis léieren:

  • Benotzer erstellen, Benotzer verwalten.
  • Interagéiert mat der Datebank - erstellt, liest, ännert, läscht Benotzer.
  • Validéiert Input a schafft mat Formulairen.

Project 3. Cryptocurrency Tracker (gebierteg mobil Applikatioun)

8 pädagogesch Projeten
Github Repository.

Alles: Swift, Objective-C, React Native, Java, Kotlin.

Loosst eis studéieren:

  • Wéi gebierteg Uwendungen funktionnéieren.
  • Wéi recuperéieren ech Daten aus der API.
  • Wéi gebierteg Säit Layouten funktionnéieren.
  • Wéi mat mobilen Simulatoren ze schaffen.

Probéiert dës API. Wann Dir eppes Besseres fannt, schreift an de Kommentarer.

Wann Dir interesséiert sidd, hei ass et hei ass en Tutorial.

Projet 4. Ariichten Är eege Webpack Configuratioun vun Null

8 pädagogesch Projeten
Technesch ass dëst keng Applikatioun, awer et ass eng ganz nëtzlech Aufgab fir ze verstoen wéi Webpack vu bannen funktionnéiert. Elo wäert et net eng "schwaarz Këscht", awer e verständlechen Tool sinn.

Ufuerderunge:

  • Kompiléiert es7 op es5 (Basis).
  • Kompiléiert jsx op js - oder - .vue op .js (Dir musst Loader léieren)
  • Ariichten Webpack Dev Server an Hot Modul Reloading. (vue-cli an create-react-app benotze béid)
  • Benotzt Heroku, now.sh oder Github, léiert wéi Dir Webpack Projeten ofsetzt.
  • Setzt Äre Liiblingspreprocessor fir css ze kompiléieren - scss, less, stylus.
  • Léiert wéi Dir Biller a Svgs mat Webpack benotzt.

Dëst ass eng erstaunlech Ressource fir komplett Ufänger.

Projet 5. Hackernews Klon

8 pädagogesch Projeten
All Jedi ass verlaangt seng eegen Hackernews ze maachen.

Wat Dir ënnerwee léiert:

  • Wéi interagéiere mat Hackernews API.
  • Wéi eng eenzeg Säit Applikatioun erstellen.
  • Wéi Dir Fonctiounen implementéiere wéi Kommentarer kucken, individuell Kommentaren, Profiler.
  • Organisatioun vun Ufro Veraarbechtung routes (Routing).

Projet 6. Tudushechka

8 pädagogesch Projeten
TodoMVC.

Eescht? Tudushka? Et ginn dausende vun hinnen. Awer gleeft mir, et gëtt e Grond fir dës Popularitéit.
D'Tudu App ass e super Wee fir sécher ze stellen datt Dir d'Grondlage versteet. Probéiert eng Applikatioun am Vanille Javascript ze schreiwen an eng an Ärem Liiblings Kader.

Léieren:

  • Erstellt nei Aufgaben.
  • Kontrolléiert datt d'Felder ausgefëllt sinn.
  • Filter Aufgaben (ofgeschloss, aktiv, alles). Benotzt filter и reduce.
  • Verstinn d'Grondlage vu Javascript.

Projet 7. Sortable Drag an Lëscht Lëscht

8 pädagogesch Projeten
Github Repository.

Ganz hëllefräich ze verstoen Drag and Drop API.

Loosst eis léieren:

  • Drag and drop API
  • Erstellt räich UIs

Project 8. Messenger Klon (gebierteg Applikatioun)

8 pädagogesch Projeten
Dir wäert verstoen wéi souwuel Webapplikatiounen wéi och gebierteg Uwendungen funktionnéieren, wat Iech vun der groer Mass ënnerscheet.

Wat mir studéieren:

  • Web Sockets (Instant Messagen)
  • Wéi gebierteg Uwendungen funktionnéieren.
  • Wéi Schablounen an native Applikatiounen funktionnéieren.
  • Organiséieren Ufroveraarbechtungsrouten an gebierteg Uwendungen.

Dëst wäert genuch fir Iech fir e Mount oder zwee sinn.

Iwwersetzung gouf mat der Ënnerstëtzung vun der Firma duerchgefouert EDISON Softwaredéi berufflech engagéiert ass Entwécklung vun Uwendungen a Websäiten am PHP fir grouss Clienten, wéi och Entwécklung vu Cloud Servicer a mobilen Uwendungen am Java.

Source: will.com

Setzt e Commentaire