こんにちは~私は沖縄生まれ、今は東京のシステム関係の会社でエンジニアの見習いとして働いています。未熟なので日々勉強ということで休みの日でもエンジニアとしてのスキルアップを目論んでいるのであります!今回私が取り組むのはコチラ!どん”Σ⊂(☉ω☉∩)\N予備校の【無料体験版】プログラミング入門Webアプリ/まったくのプログラミング初心者でもWebアプリが作れるようになるという評判が右肩上がりのN予備校のプログラミングコース。)وちなみに私は高専卒でプログラミングを習っていたのですが挫折した経歴があります。)Webアプリに関してはほぼほぼ初心者です。それでははじめていきます!第0章ではプログラミングとはなんなのか、プログラミングを学ぶ上で重要なことなど、プログラミングの基礎的な話やこれから作っていくものの紹介などが記載されていました(。左に目次、右にコンテンツという画面構成でUI的にはすごく見やすくいい感じです(・ω・)b1番上の「01.プログラミングを体験してみよう」からやっていきます。最初の説明はなんと、「ブラウザ」の説明から。なんて良心的なんだ...!と衝撃を受けました。Chromeとかなんのこっちゃだと思うので本当に初心者用に作られているんだなと早めの段階で実感してしまった。Chromeを使っていくらしいです。Chromeのことはクロームと記します。笑クロームのダウンロード方法から説明がありましたが私はすでにダウンロード済みなので飛ばしました。(WindowsとMac両方でのダウンロード手順が載ってた。)そしていよいよプログラミング体験!言語はJavaScriptの模様。Consoleを使ってプログラミングを実行していきます!とりあえず資料に書かれている通りコンソールに「alert(25+25);」と入力。Enterを押して実行!おぉ!「50」と表示されました。これがプログラミングの第一歩となるそうです。これだけでもプログラミングした感が味わえる。01の内容はここで終わりなのですが、下の方に練習問題らしきものもあって素晴らしい。習った内容をすぐ復習って感じですね。それでは続いて「02.はじめてのHTML」に行ってみます!この回を終了するとHTMLのWebページが作れるようになるそうです。初めに簡単にHTMLの説明をして、HTMLを書くための便利なソフトウェアの紹介をしてくれました。Code」エディタと呼ばれるソフトウェアなのですが、私は初めて使うエディタでした。Codeのダウンロード手順から記載されているから助かる...。手順に従って実際ダウンロードしてみます。ダウンロードが終わるといざ起動!それっぽい画面が出てきます。プログラミングが始まる感じがしてきます|’∀’q)。o(ドキドキ)手順に従ってどんどん進めます。ファイルを作って、保存して、HTMLを書く準備が整ったらいざ!HTMLを書いていきます。codeのEmmetという機能らしいです。これ誰でもできるんじゃね?エディタの知らなさを痛感し落ち込みながらもどんどん進めていきます。ひな形で書かれたプログラムの説明も1から記載されているので理解できないなんてことはないだろうと思いました。初心者にとってはうれしい説明ばかりですね。今度はひな形を使用して色々編集してみます。できたら保存してHTMLを表示します。お!上手く表示ができました。これでとりあえずHTMLが書けるようになりました!最後にHTMLのしくみについて記されていました。入れ子構造についてもイラストで説明されていてわかりやすい!ここでも一番下に練習問題がありました。