/program-guild

プログラミング未経験者への勉強資料

Primary LanguageJavaScript

プログラマー入門

ITをが発展したいま、身の回りにはソフトウェアがたくさん存在している。

  • 電車の改札
  • 自動ドア
  • スマートフォン
  • コンビニのレジ
  • その他たくさん

それらは全て何らかのプログラム言語で書かれている。
世の中が便利になって様々なシステムやデバイスが進化していくと、プログラムも広がり&進化していく。
つまり世の中が進化するためにはプログラマーが必要!
だが、そのプログラマー数が全く足りていない!

学習内容

今回やること
以下を行いWebサイトを作成し、公開する。

  • HTMLコードをかく
  • CSSをかく
  • JavaScriptをかく
  • 書いたコードをWebサーバーにアップロードして公開する

HTMLコードを書いて画面が構築されていくを学ぶ。
また、そのサイトを公開する事により、サーバーや通信に触れる事でWebサイトの仕組みを知ってもらう。

todo:サーバーについて絵の説明

準備

ホームページを作成するために準備するもの

  • Visual Studio Code
  • nodejs
  • Gmail

Visual Studio Code

  • 2017年時点で人気のあるエディタ
  • HTML、CSS、Javascriptのコーディングに使う

ダウンロードURL
Visual Studio Code - Microsoft

nodejs

  • サーバーサイドのJavaScript
  • ホームページをアップロードする時に使う

ダウンロードURL
https://nodejs.org/ja/

Gmail

  • ホームページを公開する時に使う
  • Firebaseに登録する際にGmailが必要

環境設定 for Windows

手順

環境作成 fow Mac

手順