初心者のためのWeb開発-カリキュラム

マイクロソフトの Azure Cloud Advocates は、JavaScript、CSS、HTML の基本に関する 12 週間、24 レッスンのカリキュラムを提供できることを嬉しく思います。各レッスンには、レッスン前後のクイズ、レッスンを完了するための書面による指示、解決策、課題などが含まれています。私たちのプロジェクトベースの教育法は、新しいスキルを「定着」させるための実証済みの方法を構築しながら学ぶことを可能にします。

著者のジェン・ルーパー、クリス・ノリング、クリストファー・ハリソン、ジャスミン・グリーナウェイ、ヨハン・ラソルサ、フロア・ドリース、スケッチノートアーティストの井村智美に心から感謝します!

あなたは学生ですか?

訪問 学生ハブ 初心者向けリソース、学生パック、さらには無料の証明書バウチャーを取得する方法を見つけるページ。これは、毎月コンテンツを切り替えるときにブックマークして随時確認するページです。

はじめ

教師の皆さん、このカリキュラムの使い方に関するいくつかの提案を含めました。ディスカッションフォーラムでフィードバックをお待ちしております。

学生は、このカリキュラムを自分で使用するには、リポジトリ全体をフォークし、講義前のクイズから始めて、講義を読んで残りのアクティビティを完了するなど、自分で演習を完了します。ソリューションコードをコピーするのではなく、レッスンを理解してプロジェクトを作成してみてください。ただし、そのコードは、各プロジェクト指向レッスンの /Solutions フォルダーにあります。別のアイデアは、友達と研究グループを形成し、一緒にコンテンツを確認することです。さらに学習するには、マイクロソフトラーニングと以下のビデオの視聴をお勧めします。

モヒット・ジャイサルによるギフ

🎥上の画像をクリックすると、プロジェクトとそれを作成した人々についてのビデオが表示されます。

教育学

このカリキュラムを構築する際に、プロジェクトベースであることと頻繁なクイズが含まれていることを確認するという2つの教育的信条を選択しました。このシリーズの終わりまでに、学生はタイピングゲーム、仮想テラリウム、「グリーン」ブラウザ拡張機能、「スペースインベーダー」タイプのゲーム、およびビジネスタイプのバンキングアプリを構築し、JavaScript、HTML、およびCSSの基本と今日のWeb開発者の最新のツールチェーン。

🎓このカリキュラムの最初のいくつかのレッスンは、マイクロソフト ラーンの学習パスとして受講できます。

コンテンツがプロジェクトと一致していることを確認することで、プロセスは学生にとってより魅力的になり、概念の保持が強化されます。また、概念を紹介するためにJavaScriptの基本に関するいくつかのスターターレッスンを作成し、ビデオチュートリアルの「初心者シリーズ:JavaScript」コレクションのビデオと組み合わせて、著者の何人かがこのカリキュラムに貢献しました。

さらに、授業前の低ステークスクイズはトピックの学習に向けた生徒の意図を設定し、授業後の2番目のクイズはさらなる保持を保証します。このカリキュラムは、柔軟で楽しいように設計されており、全体または一部を受講することができます。プロジェクトは小規模に始まり、12週間のサイクルの終わりまでにますます複雑になります。

フレームワークを採用する前にWeb開発者として必要な基本的なスキルに集中するためにJavaScriptフレームワークの導入を意図的に避けてきましたが、このカリキュラムを完了するための良い次のステップは、別のビデオコレクション「初心者シリーズ:Node.js」を介してNode.jsについて学ぶことです。

行動規範、貢献、翻訳のガイドラインをご覧ください。建設的なフィードバックをお待ちしております。

各レッスンの内容:

• オプションのスケッチノート
• オプションの補足ビデオ
• レッスン前のウォームアップクイズ
• 筆記レッスン
• プロジェクトベースのレッスンについては、プロジェクトの構築方法に関するステップバイステップガイド
• 知識チェック
• 課題
• 補足資料
• 割り当て
• レッスン後のクイズ

クイズに関する注意:すべてのクイズがこのアプリに含まれており、それぞれ3つの質問の合計48のクイズがあります。それらはレッスン内からリンクされていますが、クイズアプリはローカルで実行できます。フォルダ内の指示に従います。それらは徐々にローカライズされています。

quiz-app

レッスン

オフライン アクセス

このドキュメントは、Docsify を使用してオフラインで実行できます。このリポジトリをフォークし、ローカル コンピューターに Docsify をインストールしてから、このリポジトリのルート フォルダーに次のように入力します。ウェブサイトはあなたのローカルホストのポート3000で提供されます:。

docsify serve

localhost:3000

.PDF

すべてのレッスンのPDFはここにあります。

その他のカリキュラム

私たちのチームは他のカリキュラムを作成します!チェックアウト：

• 初心者のための機械学習
• 初心者のためのIoT
• 初心者のためのデータサイエンス
• 初心者のためのAI
• 初心者のためのXR開発

ライセンス

このリポジトリはMITライセンスの下でライセンスされています。詳細については、LICENSE ファイルを参照してください。