プログラミング

Web Development for Beginners を読む:レッスン1

投稿日:2020年11月20日 更新日:

1. はじめに

Microsoft が Web Development For Beginners(初心者のためのWeb開発)というサイトを公開していることを知りました。初心者の方がWeb開発を独学できるように、24のレッスンが用意されています。

面白そうなので少しずつ読んでいくつもりなのですが、読んだ際には本ブログにメモを書いていこうと思います。

2. Web Development for Beginners の進め方

Web Development For Beginners には、「JavaScript・CSS・HTMLの基本に関する 12 週間、24 レッスンのカリキュラムを提供する」とあるので、1週間に 2つのレッスンを進めて 3ヶ月掛けることが想定されているようです。

また、自分で進める場合について、以下のように説明されています。

Students, to use this curriculum on your own, fork the entire repo and complete the exercises on your own, starting with a pre-lecture quiz, then reading the lecture and completing the rest of the activities. Try to create the projects by comprehending the lessons rather than copying the solution code; however that code is available in the /solutions folders in each project-oriented lesson. Another idea would be to form a study group with friends and go through the content together. For further study, we recommend Microsoft Learn and by watching the videos mentioned below.

Web Development For Beginners

重要だと思われる部分を翻訳して箇条書きにします。

  1. まず、このレポジトリ全体をフォークする(GitHubアカウントが必要)。
  2. そしてレッスンを進める。
  3. 各レッスンで作成するファイルは、solutions フォルダに入っているが、それをコピーするのではなく、自分でレッスン内容を理解してファイルを作成すること。
  4. 更に学習する場合のお勧めはコチラ → Microsoft Learn

とはいえ、私は気楽な感じで進めていきます。

3. レッスン1「Introduction to Programming Languages and Tools of the Trade」

早速ですが、レッスン1を読んでいきます。

Lesson 1: Introduction to Programming Languages and Tools of the Trade

タイトルを日本語に訳すと「プログラミング言語と仕事道具の紹介」といった感じでしょうか。trade という英単語を見ると「貿易」が思い浮かびますが、「職業」や「仕事」といった意味もあります。

日本語で読みたい場合は、Chrome か Edge で上記のリンクを開き、ブラウザ標準の翻訳機能で日本語に変換してください。少し変な日本語ですが、随分と助かります。

プログラミングとは?

プログラミングについて説明されています。分かりやすいです。

ちなみに、世界初のプログラマーは エイダ・ラブレス という女性のはずです。

プログラミング言語の種類

プログラミング言語にもいろいろあるという話です。

JavaScript のコードと ARM のアセンブリコードを比べています。

プログラムの基本要素

「ステートメント」「変数」「条件分岐」などの説明です。

プロの開発者のための便利なソフトウェアとツール

「エディター」「ブラウザ」「コマンドラインツール」といったツールについての説明です。それぞれの代表的なアプリケーションについても紹介されています。

「ドキュメンテーション」についての話もあり、Web開発のためのドキュメントとして以下の2つが紹介されています。

その他

Challenge、Post-Lecture Quiz、Review & Self Study、Assignment については割愛します。

4. おわりに

近いうちに レッスン2に進みます。

📂-プログラミング

執筆者:labo


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

定期的にDOM要素をアニメーションするサンプルを用意しました

定期的にDOM要素をアニメーションするサンプルを用意しました。 DOM要素が対象ですので、div要素や img要素などが動かせます。 目次1. デモ2. ソースコード3. まとめ4. 参考 1. デモ …

CSS Flexible Box Layout Module のサンプルページを作りました

CSS Flexible Box Layout Module のサンプルページを作りました。 目次1. スクリーンショット2. デモページ3. 内容4. ソースコード5. 参考情報 1. スクリーンシ …

QRコードの画像ファイルから内容を読み取るWebページを作りました

目次1. はじめに2. スクリーンショット3. URL4. 操作と内容5. ソースコード6. 参考情報 1. はじめに QRコードの画像ファイルから内容を読み取る を作りました。 2. スクリーンショ …

web development

Web Development for Beginners を読む:レッスン8, 9, 10

目次1. はじめに2. Lesson 8: Terrarium Project Part 1: Introduction to HTMLIntroductionTaskThe DocType and …

Python

定期的にツイートするbotをPythonで作る方法

Twitterでツイートを行う botプログラムを Python(プログラミング言語)で作ります。 このプログラムは、CentOS(Linuxの一種です)上で定期実行します。 スポンサードリンク 目次 …