本日は、HTMLとCSSを活用して、 簡単なTOPページの作成にあたりました！ デザインがめちゃめちゃ素人くさいですが、、、 学習サイトで勉強しているだけではなく。 １から作ってみる、ことで多くの知見を得ることができました。 特に、検索バーについては、以…

本日、個人的に学んだことをアウトプットするべく、 まずは、ヘッダー部分を作成しました！ <header> <div class="header-logo">xxxx</div> <div class="header-list"> <ul> <li>新規登録</li> <li>ログイン</li> </ul> </div> </header> が！その途中で、気になる余白がいるんです。 私は、cssで指定していないのに。。。 そこで調べてみると、 なんと！chromeにはデフォ…

本日は、javascriptで要素追加を実施しました！ 私の中では結構感動しまして、 このような形でアプリケーションの実行がされているのかと納得しました。 簡単な実装、かつ、フロント部分しか見てないですが。 ここにバックエンド処理が加わると色々世界が広…

本日は、HTML+CSS+Javascript入門！2回目となります！ 今回は、javascriptでクリックイベントと、 cssのアニメーションでコードを書いてみました。 動画の方が分かりやすいのですが、、、画像でご勘弁ください！ それでは早速いきましょう！ const ＝ 定数と…

今回は、HTML以外に「CSS」「Javascript」も学習しました。 CSS = Webページのデザインを指定する言語 Javascript = Webページへの動きをつける言語 現時点での私の認識は、上記ほどの乏しい認識です。 Javaとは全くの別物と言うことも今回初めて知りました…

HTML 第２回目となります。 今回は、簡単なリスト＋リンクについて書いてみました。 <ul> <li><a href="#" target="_blank">HOME</a></li> <li><a href="#">SNS</a></li> <li><a href="#">ABOUT</a></li> </ul> link またもかなりシンプル。。。 最初から綺麗画面作りとはいかないので、 まずはできることから取り組んでいきます！ 個人的な好みですが、リンクは新…

本日は、Webエンジニア基礎！html文章を書いてみました。 日頃、なんとな〜く活用しているWebアプリなども、 私たちの目に見える部分（フロント）は、html文書となっています。 正直、勉強するまであまり理解していませんでした。。。 ただ！私は、Web系エン…