フロントエンド開発スキルを向上させる最良の方法は？それは練習です！ Webサイトの実践を構築することは、学習する最も効果的な方法です。あなたがそれに対して報酬を得ることができればそれはもっと良いでしょう。あなた自身やあなたの家族や友人のためにウェブサイトを構築することでさえ、あなたのスキルを大幅に向上させることができます。練習のためだけにプロジェクトを作成することで、素材を読むよりもはるかに効果的です。

プロジェクトを構築することでスキルを向上させることを奨励するいくつかのリソースを次に示します。

フロントエンドメンター

このプラットフォームは最近発売されたばかりで、この記事の執筆のインスピレーションでもあります。開発者にフロントエンドプロジェクトを提供することは、それ自体が成功するビジネスモデルです！一部のプロジェクトは無料で、一部のプロジェクトには請求されます。

hackerrank

多くの企業も、同様のモデルを中心にビジネスを構築しています。 Hackerrankは主に就職活動に焦点を当てており、明確な目標を持っていますが、それが提供するスキルテスト（課題）は、能力を評価するだけでなく、貴重な学習リソースも評価できます。

同様のプラットフォームには、Codewars、Challengerocket、CodeSignal、TopCoder（VCSがこのモデルを非常に好む必要があります）が含まれます。

coderbyte

CoderByteは、チャレンジの質問を通じてインタビューのスキルを向上させるために設計された有料プランも提供しています。

典型的なシナリオ：ウェブサイトが製品であり、あなたは顧客です。採用会社は顧客であり、あなたは製品です。

ドリブルの作品を再現してみてください

クラシックな方法：Dribbbleでお気に入りの作品を見つけて、それを再現してみてください。 @KeyFramersはこれを頻繁に行います。 Tim Evkoの練習サイトは、Dribbble Works（およびGithubの問題やコーディングの課題）をランダムに選択するために使用されていましたが、Dribbbleセクションは現時点では使用されていないようで、他の機能はまだ利用可能です！

Matt Delacは過去に同様の演習を行ってきました。 Indrek Lasnは、Mediumに関する同様の記事も共有しています。

フロントエンドチャレンジクラブ

Andy Bellはフロントエンドチャレンジクラブを運営しています。現在は保留中ですが、アーカイブを表示できます。

Codepen Challenges

Codepenは毎週チャレンジを開始し、自由にプレイできるテーマ（およびアイデアやリソース）を提供します。リラックスして楽しい挑戦。

100日間のCSSチャレンジ

Matthias Martinは100日間のCSSチャレンジを作成しました。すべての課題とエントリは公開されています。もちろん、ポイントは自分で課題を完了しようとすることです。

毎日のui

毎日のUIチャレンジは毎日新しいチャレンジを提供します（無料）。多くの人がこれらの課題を完了するためにコードを使用しています。

frontloops

Frontloopsには、情報、提案、資料、ソリューションが19ドルで30の課題を提供します。

cssbattle

できるだけ少ないコードでデザインを模倣したい場合は、CSSBattleが完璧になります。

できるだけ簡潔なコードを含むプログラムを作成することは、しばしば「コードゴルフ」と呼ばれ、特別なチャレンジWebサイトもあります。

エースフロントエンド

エースフロントエンドは、ネイティブHTML、CSS、およびJavaScriptに焦点を当てた課題を提供します。

最初の課題はナビゲーションメニューをドロップダウンすることであることに気付きましたが、ARIA拡張プロパティを処理しませんでした。これがどれほど問題なのかはわかりませんし、エースのフロントエンドに対する批判でもありません。課題が問題になる可能性があることを思い出させるものです。しかし、それはあなたがそれから学ぶことができないという意味ではありません。

codier

Codierは、他のユーザーが公開したソリューションを含むオープンな課題を提供します。

cassidooとのrendezvous

Cassidyの毎週のニュースレターには、各号に課題が含まれています。

rina diane caballar quotes tim carry in extended css制限：

Carryは、ゲームコンソールや計算機のインターフェイスなど、実際のオブジェクトから始まり、CSSのみを使用して再現しようとすることをお勧めします。 「言語で境界を押し広げる良い方法は、この言語がすべきではない何かを作成することです」と彼は言いました。