Der beste Weg, um die Fähigkeiten der Front-End-Entwicklung 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 Erstellen 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, TopCoder (VCS muss dieses Modell sehr gut mögen).

codierbyte

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

Typisches Szenario: 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 derzeit nicht in Betrieb zu sein, und andere Funktionen sind noch verfügbar!

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

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 von 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äglich ui

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

frontloops

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

cssbattle

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

Programme mit so prägnantem Code wie möglich zu schreiben, wird oft als "Codegolf" bezeichnet, und es gibt auch spezielle Challenge -Websites.

ace Front End

Ace Front End bietet Herausforderungen, die sich auf einheimische HTML, CSS und JavaScript konzentrieren.

Ich bemerkte, dass die erste Herausforderung darin bestand, das Navigationsmenü zu fallen, aber es war nicht die Eigenschaft mit Aria-Expanded. 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

Cassidys wöchentlicher Newsletter enthält eine Herausforderung in jedem Problem.

rina diane caballar zitate tim in erweiterte css limits:

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.