Mein liebster Weg, als Frontend-Entwickler besser zu werden, ist, die Arbeit zu tun. Buchstäblich einfach Websites bauen. Wenn du es für Geld tun kannst, großartig, solltest du es tun. Wenn die von dir erstellten Websites dir selbst oder jemandem, der dir wichtig ist, helfen können, ist das auch großartig. Wenn das nicht möglich ist, kannst du Dinge auch einfach zum Selbstzweck erschaffen, und du wirst dich trotzdem verbessern. Es ist definitiv besser, als nur darüber zu lesen!
Hier sind einige Ressourcen, die dich ermutigen, durch das Erschaffen von Dingen, um dich zu verbessern, auf das nächste Level zu kommen, wenn du dazu bereit bist.
Frontend Mentor
Es scheint, dass dies kürzlich gestartet ist und die Inspiration für diesen Beitrag geliefert hat. Diese Idee, Leuten Frontend-Arbeit zu geben, reicht aus, um ein Unternehmen aufzubauen! Einige davon sind kostenlos und einige nicht.
HackerRank
Auch andere Unternehmen haben sich darum herum aufgebaut. HackerRank konzentriert sich ganz auf Jobsuche und Einstellung, daher haben sie eine sehr starke Agenda, aber ein Teil dessen, wie sie das tun, ist, dich durch diese Fähigkeitstests (Lösen von Herausforderungen) zu führen, die darauf abzielen, dich zu bewerten, aber du kannst definitiv auch daraus lernen.
Andere wie diese: Codewars, ChallengeRocket, Codesignal, Topcoder (Meine Güte, VCs müssen diese Idee lieben.)
Coderbyte
Coderbyte hat ebenfalls kostenpflichtige Pläne, und sie sind darauf ausgelegt, deine Fähigkeiten bei Vorstellungsgesprächen mit Herausforderungen zu verbessern.
Klassische Situation: Manchmal ist die Website das Produkt und du bist der Kunde, und manchmal sind einstellende Unternehmen der Kunde und du bist das Produkt.
Dribbble-Designs nachbauen
Hier ist der klassische Schachzug: Finde etwas, das dir auf Dribbble gefällt, und baue es nach. Die @keyframers machen das oft. Tim Evkos Practice-Website hat früher ein Design für dich ausgewählt (zusammen mit zufälligen GitHub-Issues und zufälligen Coding-Challenges), aber der Dribbble-Teil scheint im Moment kaputt zu sein. Die anderen Dinge funktionieren immer noch!
Matt Delac hat eine Reihe in dieser Richtung gemacht. Indrek Lasn tut dies auch in Medium-Posts.
Front-End Challenges Club
Andy Bell veranstaltete eine Weile den Front-End Challenges Club, und obwohl er meiner Meinung nach gerade pausiert, kannst du die Archive einsehen.
CodePen Challenges
CodePen Challenges finden jede Woche statt und bieten eine Aufforderung (zusammen mit Ideen und Ressourcen), was auch immer du möchtest zu bauen. Ungezwungen.
100 Days of CSS Challenge
Matthias Martin hat die 100 days of CSS challenges erstellt. Sie sind alle für dich sichtbar, einschließlich der Beiträge anderer Leute – aber der Sinn der Sache ist natürlich, dass du es selbst versuchst.
Daily UI
Frontloops
Frontloops verlangt 19 US-Dollar für 30 Herausforderungen, die Informationen, Ratschläge, Assets und eine Lösung beinhalten.
CSSBattle
Wenn deine Vorstellung von einer lustigen Herausforderung darin besteht, ein Design mit möglichst wenigen Bytes Code nachzubilden, dann wird CSSBattle dir gefallen.
Dinge so knapp wie möglich zu schreiben, wird oft als „Code-Golf“ bezeichnet, und es gibt auch eine Herausforderungsseite dafür.
Ace Front End
Ace Front End bietet Herausforderungen, die sich speziell auf reines HTML, CSS und JavaScript konzentrieren.
Ich habe zufällig bemerkt, dass die erste Herausforderung ein Dropdown-Navigationsmenü ist und Dinge wie aria-expanded nicht handhabt. Ich bin mir nicht ganz sicher, wie groß das Problem ist, und ich will Ace Front End nicht an den Pranger stellen – es ist nur eine Erinnerung daran, dass bei jeder dieser Herausforderungen Probleme auftreten können. Aber das bedeutet nicht, dass du nicht etwas daraus lernen kannst.
Codier
Codier bietet öffentliche Herausforderungen, die Lösungen von anderen Benutzern enthalten.
rendezvous with cassidoo
Cassidys wöchentlicher Newsletter enthält in jeder Ausgabe eine Herausforderung.
Rina Diane Caballar zitiert Tim Carry in Extending the Limits of CSS
Carrys Rat ist, mit einem realen Objekt zu beginnen – der Benutzeroberfläche einer Spielkonsole oder eines Taschenrechners zum Beispiel – und zu versuchen, es nur mit CSS nachzubilden. „Ein großartiger Weg, die Grenzen einer Sprache auszuloten, ist, etwas zu schaffen, das die Sprache eigentlich nicht tun soll“, sagt er.













Danke für diesen Beitrag, die Front End Monitor-Website und der Rest werden sicherlich eine Heilung für die Langeweile des Lockdowns sein!
Danke für den Beitrag. Warum veranstaltet ihr keine Herausforderungen auf der CSS-Tricks-Plattform?
Danke, im Allgemeinen ist CSS-Tricks eine der besten Seiten, um meine Zeit zu verbringen.