バッチャン 日常バッサバッサ

男子大学生の日常を便利にするブログです! 下宿・一人暮らし・SMAP・新しい地図 に関する情報を発信しています!

code1 実はテックアカデミー通ってて。。。

f:id:tsubasa8770:20190210224657j:plain

code programming


実は僕、テックアカデミーでプログラミングを勉強しています。

僕の場合は、【PHP・Laravelコース】と【フロントエンドコースを両方勉強しています。

個人的には、オススメは【フロントエンドコース】です。

副業でコッソリ稼ぐことができる可能性があるからです。

 

そして、途中からですが少しずつ勉強したことをアウトプットしようと思っています。

 

今日はその1日目ということです!

 

自分なりのメモ・アウトプットが皆さんのお役に立てれば良いな と思っています。

 

僕の場合は、

詳しくまとめる<ザックリ大枠を掴む

上記のようなサイトにしたいと思っているので、お願いします。

 

なぜかというと、ザックリわかる・なんかわかる気がする というモチベーションで学習すれば、案外うまく行くものだと思っているからです。

 

それに、わかりやすいまとめは書籍でも、もっと詳しいブロガーの方がいらっしゃるので。。。

特にサルワカさんが有名ですよね。コンセプト『猿でもわかる』なので、図が素晴らしいですよ。

 

なお、僕のメモで間違っている点や、もっと詳しく教えて欲しいことがあれば、コメントやツイッターにDMなどを送ってもらえると嬉しいです!

 

twitter.com

 

学習内容

それでは、1日目の学習内容はこちらです。途中から初めてしまったので、DOMというマイナーなところからです。。。笑

 

テックアカデミー フロントエンドコース<JavaScript

・DOMとは
  • DOMとはDocument Object Model の略
  • 簡単に言えば、「要素」だと思えばいい
  • HTML は要素の集まり=『DOMツリー』とも呼ばれる
  • JavaScriptがHTMLを操作するためにあるもの

 

・documentオブジェクトについて
  • JavaScriptにオブジェクトがあるように、大元のブラウザにも『ブラウザオブジェクト』がある
  • windowオブジェクトにdocumentがある
  • console.log(navigator.userAgent); でどんな種類のブラウザかがわかる
  • console.log(window.innerWidth); で幅がわかる
  • console.log(window.innerHeight); で高さがわかる

復習:Progate

PHP 学習コースⅠ

  • if文
  • else elseif

まとめ

今日はゼミで大阪観光だったので、1セクションしかいけませんでした。

 

ゼミの観光でありながら、ご飯の時にお酒を飲まなくて正解でした。帰って少しでも進められてよかった。

 

僕の場合はPHPオブジェクト指向辺りから雲行きが怪しくなって。。。楽しいフロントエンドコースに力を注いでしまっているわけです。笑

 

次回は、テックアカデミーのJavascriptで簡易的な電卓を作る課題から始めることにします。

 

最後まで読んでいただきありがとうございました。バッチャンでした。