フロントエンドの課題-CSSチュートリアル-php.cn

ホームページ

ウェブフロントエンド

CSSチュートリアル

フロントエンドの課題

Jennifer Aniston

Apr 07, 2025 am 09:51 AM

フロントエンドの課題

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

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

フロントエンドメンター

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

ハッケランク

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

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

CoderByte

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

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

ドリブルの仕事を再現してみてください

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

マット・デラックは過去に同様の演習をしてきました。 Indrek Lasnは、Mediumに関する同様の記事も共有しました。

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

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

Codepenの課題

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

100日間のCSSチャレンジ

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

毎日のUI

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

フロントループ

Frontloopsは、情報、提案、素材、ソリューションなど、19ドルで30の課題を提供します。

cssbattle

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

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

エースフロントエンド

課題ACEフロントエンドは、ネイティブHTML、CSS、およびJavaScriptに焦点を当てています。

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