css tutorial exercises course

4Geeks AcademyでのCSS演習チュートリアル

こんにちは！私はアレハンドロ・サンチェス@alesanchezrです、あなたがここにいることに本当に興奮しています！ ？ ？コードを学ぶのは難しいです。コーチングが必要です！ご質問がある場合は、Twitterで私をDMしてください。

Estas Instruccionesestánopponibles en ?? español??

次の概念を学習します。

1. 3つの異なる方法でCSSをWebサイトに適用する方法：インライン、 <style>タグ内でそれらをグループ化すること、または外部StyleSheet <link>を使用する方法。

2. WebサイトからHTML要素を選択して、スタイルを適用します。

3. これらの要素にCSSルール（スタイル）を適用します。

4. 最も人気のあるCSSルールを使用します。

5. 最も人気のあるCSSトリックを学びます。

開始する前に...その他の関連チュートリアル

1. HTMLを学びます
2. HTML5フォームを学習します
3. CSS←あなたは今ここにいます！
4. CSSレイアウトを学びます
5. ブートストラップを学びます

CSSの学習に興味がある人のために、自動授与されたCSSエクササイズの完全な選択！

ワンクリックインストール（推奨）：

これらのエクササイズを数秒で開くことができます。クリックして、コードスペース（推奨）で開くか、gitpodで開くことができます。

VSCODEを開くと、LearnPackエクササイズは自動的に開始する必要があります。エクササイズが自動的に実行されない場合は、端末に入力してみてください： $ learnpack start

手動インストール

ローカル環境のリポジトリをクローンし、以下の手順に従ってください。

1. 学習チュートリアルのパッケージマネージャーであるLearnPack、LearnPack用のHTMLコンパイラプラグインをインストールします。 node.js 14+も持っていることを確認してください：

$ npm i learnpack -g
$ learnpack plugins:install learnpack-html

2. エクササイズをダウンロードしてください

$ learnpack install css-tutorial-exercises-course

注：ダウンロードが終了したら、すべてのエクササイズを含むエクササイズフォルダーにcdが必要です。

3. Learn.jsonファイルが次のレベルで次のコマンドを実行して、チュートリアル/演習を開始します。

$ npm i [email protected] -g
$ learnpack start

エクササイズはどのように整理されていますか？

各エクササイズは、次のファイルを含む小さなReactアプリケーションです。

1. index.html：すべてのWebサイトと演習は、index.htmlから始まります。
2. styles.css： CSSコードはここにあります。一部のエクササイズにより、このファイルが更新されます。
3. readme.md：運動指示が含まれています。
4. test.js：このファイルを開く必要はありません。演習のテストスクリプトが含まれています。

注：エクササイズには自動グレーディングがありますが、非常に厳格で厳格です。私の推奨事項は、テストをあまりにも深刻にしたり、提案としてのみ使用したりすることも、イライラすることもあります。

貢献者

これらの素晴らしい人々に感謝します（絵文字キー）：

1. Alejandro Sanchez（Alesanchezr）、貢献：（コーダー）（アイデア）？、（実行テスト）ショ和、（Pull-Request-Review）？ （実行チュートリアル）✅（ドキュメント）

2. Paolo（Plucodev）、貢献：（バグレポート）？、貢献：（コーダー）、（翻訳）？

3. Daniel Machota（@d4rkm0nst3r）、貢献：（ランチュートリアル）✅、翻訳？

これと他の多くのエクササイズは、AlejandroSánchezと他の多くの貢献者による4Geeks Academy Coding Bootcampの一環として、学生によって構築されています。フルスタック開発者コースとデータサイエンスブートキャンプの詳細をご覧ください。