Front-End-Herausforderungen

Der beste Weg, um Front-End-Entwicklungsfähigkeiten zu verbessern? Das ist Übung! Das Erstellen einer praktischen Website ist die effektivste Art zu lernen. Es wäre besser, wenn Sie dafür bezahlt werden können; Selbst wenn Sie sich selbst oder Ihre Familie und Freunde eine Website erstellen, können Sie Ihre Fähigkeiten erheblich verbessern. Selbst das Erstellen von Projekten für das Üben kann es Ihnen ermöglichen, schnell zu wachsen, was definitiv viel effektiver ist als nur das Lesen von Materialien!

Hier sind einige Ressourcen, die Sie dazu ermutigen, Ihre Fähigkeiten durch den Bau von Projekten zu verbessern:

Frontend -Mentor

Diese Plattform wurde erst kürzlich gestartet und ist auch die Inspiration für das Schreiben dieses Artikels. Die Bereitstellung von Front-End-Projekten für Entwickler ist ein erfolgreiches Geschäftsmodell für sich! Einige Projekte sind kostenlos, einige Projekte werden berechnet.

Hackerrank

Viele Unternehmen bauen ihre Geschäfte auch in einem ähnlichen Modell auf. Hackerrank konzentriert sich hauptsächlich auf die Jobsuche und hat klare Ziele, aber die Fähigkeiten (Herausforderungen), die sie bietet, können nicht nur Ihre Fähigkeiten, sondern auch eine wertvolle Lernressource bewerten.

Ähnliche Plattformen umfassen: Codewars, Challengerocket, Codessignal und Topcoder (VCs müssen dieses Modell sehr gut mögen).

Codierbyte

Codierbyte bietet auch bezahlte Pläne an, die Ihre Interviewfähigkeiten durch Herausforderungsfragen verbessern sollen.

Typische Szenarien: Manchmal ist die Website ein Produkt, und Sie sind Kunde. Manchmal ist das Personalvermittlungsunternehmen Kunde und Sie sind ein Produkt.

Versuchen Sie, die Arbeit von Dribbble zu reproduzieren

Klassische Methode: Finden Sie Ihr Lieblingsstück über Dribbble und versuchen Sie es zu reproduzieren. @keyframers tun das oft. Die Praxis -Site von Tim Evko, mit der Dribbble -Werke (sowie Github -Probleme und Codierungsherausforderungen) für Sie ausgewählt wurden, aber der Abschnitt Dribbble scheint nicht mehr in Betrieb zu sein und andere Funktionen sind noch verfügbar!

Matt Delac hat in der Vergangenheit ähnliche Übungen gemacht. Indrek Lasn teilte auch ähnliche Artikel über Medium.

Front-End Challenges Club

Andy Bell hat den Front-End Challenges Club geführt, und obwohl er derzeit in der Warteschleife ist, können Sie seine Archive immer noch sehen.

Codepen Herausforderungen

Codepen startet jede Woche Herausforderungen und bietet Themen (sowie Ideen und Ressourcen) an, die Sie frei spielen können. Eine entspannende und angenehme Herausforderung.

100 Tage CSS Challenge

Matthias Martin hat eine 100-Tage-CSS-Herausforderung erstellt. Alle Herausforderungen und Einträge sind öffentlich sichtbar - natürlich geht es darum, die Herausforderung selbst zu vervollständigen.

Tägliche Benutzeroberfläche

Die tägliche UI Challenge bietet jeden Tag eine neue Herausforderung (kostenlos). Viele Menschen verwenden Code, um diese Herausforderungen zu machen.

Frontloops

Frontloops bietet 30 Herausforderungen für 19 US -Dollar, darunter Informationen, Vorschläge, Material und Lösungen.

CSSBATTLE

Wenn Sie Designs mit so wenig Code nachahmen möchten, ist CSSBattle perfekt für Sie.

Das Schreiben von Programmen mit so prägnantem Code wird oft als "Codegolf" bezeichnet, und es gibt auch spezielle Challenge -Websites.

Ace Front End

Die Herausforderungen Ace Front End bieten den Fokus auf native HTML, CSS und JavaScript.

Ich bemerkte, dass die erste Herausforderung darin bestand, das Navigationsmenü zu fallen, aber die Aria-Expanded-Eigenschaft nicht behandelt. Ich bin mir nicht sicher, wie problematisch das ist, und es ist auch keine Kritik an Ace Front End - es ist nur eine Erinnerung daran, dass jede Herausforderung problematisch sein kann. Das heißt aber nicht, dass Sie nicht daraus lernen können.

Codier

Codier bietet offene Herausforderungen, einschließlich von Lösungen, die von anderen Benutzern veröffentlicht wurden.

Rendezvous mit Cassidoo

Der wöchentliche Newsletter von Cassidy enthält eine Herausforderung in jeder Ausgabe.

Rina Diane Caballar zitiert Tim in "Erweiterung der Grenzen von CSS":

Carry empfiehlt, mit realen Objekten zu beginnen-wie die Schnittstelle einer Spielekonsole oder eines Taschenrechners-und versuchen, sie nur mit CSS zu reproduzieren. "Eine gute Möglichkeit, Grenzen in einer Sprache zu überschreiten, besteht darin, etwas zu schaffen, das diese Sprache nicht hätte tun sollen", sagte er.

Das obige ist der detaillierte Inhalt vonFront-End-Herausforderungen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!