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!