主婦が手に職を

5月3周目のプログラミング学習日記

プルグラミング日記
こんにちは。30代今は”ただの主婦”の「おざわ」です。
”手に職”をつけるためにプログラミング(WEB制作)を勉強中です。

今の目標は今年中にクラウドソーシングのクラウドワークスやココナラを利用して月5万円稼げるようになることです。

とりあえず現時点は登録だけしてどんな仕事が需要があるか調べながら学習をしているところです。(今はまだ収入0円です。。。)

 

初学者のプログラミング学習日記

 

日記はプログラミングに関して自分が見返すために書いています。

現在N予備校 WEBデザイン 学習中

N予備校を受講した理由
30代主婦が『N予備校』を受講しはじめた理由 2019年5月現在、「N予備校」のオンラインスクールに通っています。 プログラミング学習を始めた当初は、Twitter...

・学習したこと
・学習時間
・復習したいこと

5月13日

 

学習内容

iSaraサイト模写

 

学習時間

2時間

 

復習すべきこと

ヘッダーの固定の他の要素がかぶる問題。

こんな風に、、、

ヘッダーcssにz-indexを使って要素の順番を一番上にしてあげると問題解決できた。

あと要素と要素にできてしまう隙間問題、、、

*{margin: 0 ;}

で隙間は埋まったのですが、他の要素がずれるという、、、

とりあえず戻した。

bodyのcssでmargin: 0 ;を指定しているのに

効いていないのか、、、

謎。

5月14日

学習内容

iSara模写

学習時間

2時間

復習すべきこと

要素と要素の余白が消えた!

要素ごとにwidthとheightをつけてけど、

検証ツールを見てpadding:40px 0; を代わりにつけたら消えた。

レスポンシブが苦手です。

iSara模写

5月15日

学習内容

iSara模写

今日から22時には就寝。

5時起床でブログを書くスタイルに。

なんだかんだで11時すぎに就寝。

学習時間

2時間

復習すべきこと

今回のcontainerは(たぶん)ブートストラップでcssが書いてあるので

てこづる、、、

 

 

5月16日

学習内容

iSara模写

 

学習時間

2時間

復習すべきこと

2時間かかってなんとかdisplay:inline-block;で画像とイメージを

横並びにする事に成功、、、

display指定する要素にwidthを設定してないせいで

てこづりました。

iSara模写

たぶん、テキストが長い中央のコンテンツがずれてしまっていて

直し方がをまだ模索中、、、

5月17日

学習内容

iSara模写

 

学習時間

1.5時間

復習すべきこと

 

5月18日

学習内容

iSara模写

学習内容

2時間

復習すべきこと

昨日の画像が揃えられずに先に進むことに、、、

rowを使って配置する感じでてこづりそうな予感。

とりあえず骨組みを、、、

iSara模写

5月19日

学習内容

iSara模写

学習内容

2時間

復習すべき事

Bootstrapが装備していなかった。

Bootstrapは使わなくてもできるかなと思ったけど、

使った方が簡単だし、楽。

一般的にはあまり使わない方が多いようだけど、

臨機応変に導入すべきと思った、、、

iSara模写