bootstrap exercises tutorial

4Geeks Academyでのブートストラップ演習チュートリアル

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

次の概念を学習します。

1. WebサイトにBootstrapを適用する方法。

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

3. これらの要素にブートストラップクラスを適用します。

4. 最も人気のあるブートストラップルールを使用します。

5. 最も人気のあるブートストラップトリックを学びます。

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

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

CSSの学習に興味のある人は誰でも、自動化されたCSSエクササイズの完全な選択！

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

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

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

ローカルインストール：

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

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

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

2. LearnPackとcdを使用してこれらの特定のエクササイズをフォルダーにダウンロードします。

$ learnpack download bootstrap-exercises-tutorial
$ cd bootstrap-exercises-tutorial

注：ダウンロードが終了したら、内部のすべてのエクササイズを含む「エクササイズ」フォルダーがあります。

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

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

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

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

1. index.html：演習全体のエントリファイルを表します。
2. readme.md：運動指示が含まれています。
3. test.js：このファイルを開く必要はありません。演習のテストスクリプトが含まれています。

注：エクササイズには自動格付けがありますが、非常に厳格で厳格です。私の推奨は、テストをあまりにも深刻にして、提案としてのみ使用しないか、イライラする可能性があることです。

貢献者

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

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

このプロジェクトは、全委員会の仕様に従います。あらゆる種類の貢献は大歓迎です！

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