プログラミング学習「OP大事」5.5ヶ月 (No.11)

初めまして、momoです。

ツイッター(@momokatusan)です。

プログラミング初心者が、在宅フリーランスを目指すブログです。

MacBookも初心者、WordPressも初心者、そしてプログラミングも初心者、全てが初心者ですがどこまでできるか試してみたいと思います。

5.5ヶ月経ったのでブログをアップします。

今までの学習報告はこちら↓

【過去の学習報告】↓

あわせて読みたい
プログラミング学習「アウトプット」5.0ヶ月 (No.10) 初めまして、momoです。 ツイッター(@momokatusan)です。 プログラミング初心者が、在宅フリーランスを目指すブログです。 MacBookも初心者、WordPressも初心者、そし...
あわせて読みたい
プログラミング学習「SFTP」4.5ヶ月 (No.9) 初めまして、momoです。 ツイッター(@momokatusan)です。 プログラミング初心者が、在宅フリーランスを目指すブログです。 MacBookも初心者、WordPressも初心者、そし...
あわせて読みたい
プログラミング学習「壁」4.0ヶ月 (No.8) 初めまして、momoです。 ツイッター(@momokatusan)です。 プログラミング初心者が、在宅フリーランスを目指すブログです。 MacBookも初心者、WordPressも初心者、そし...
あわせて読みたい
プログラミング学習「WEB④ 」3.5ヶ月 (No.7) 初めまして、momoです。 ツイッター(@momokatusan)です。 プログラミング初心者が、在宅フリーランスを目指すブログです。 MacBookも初心者、WordPressも初心者、そし...
あわせて読みたい
プログラミング学習「WEB③ 」3.0ヶ月 (No.6) 初めまして、momoです。 ツイッター(@momokatusan)です。 プログラミング初心者が、在宅フリーランスを目指すブログです。 MacBookも初心者、WordPressも初心者、そし...
あわせて読みたい
プログラミング学習「WEB②」2.5ヶ月 (No.5) 初めまして。momoです。 ツイッター(@momokatusan)です。 プログラミング初心者が、在宅フリーランスを目指すブログです。 MacBookも初心者、WordPressも初心者、そし...
あわせて読みたい
プログラミング学習「WEB ➀」2.0ヶ月 (No.4) 初めまして。momoです。 ツイッター(@momokatusan)です。 プログラミング初心者が、在宅フリーランスを目指すブログです。 MacBookも初心者、WordPressも初心者、そし...
あわせて読みたい
プログラミング学習「PHP・MySQL」1.5ヶ月 (No.3) 初めまして。momoです。 ツイッター(@momokatusan)です。 プログラミング初心者が、在宅フリーランスを目指すブログです。 MacBookも初心者、WordPressも初心者、そし...
あわせて読みたい
プログラミング学習「js・jQuery 」1.0ヶ月 (No.2) 初めまして。momoです。 ツイッター(@momokatusan)です。 プログラミング初心者が、在宅フリーランスを目指すブログです。 MacBookも初心者、WordPressも初心者、そし...
あわせて読みたい
プログラミング学習「出会い」0.5ヶ月 (No.1) 初めまして。momoです。 ツイッター(@momokatusan)です。 プログラミング初心者が、在宅フリーランスを目指すブログです。 MacBookも初心者、WordPressも初心者、そし...
あわせて読みたい
プログラミング学習「準備」0.0ヶ月 (No.0) 初めまして、もも🍑です。 ツイッター(@momokatusan)です。 プログラミング初心者が、在宅フリーランスを目指すブログです。 MacBookも初心者、WordPressも初...
目次

進捗報告(2020/3/1〜3/15)

実績

期間 2020/3/1〜3/15
時間(合計):学習   0.0(143.5)
時間(合計):補足 23.0(133.0)

振り返り

今回もまだアウトプット中で、レッスンは進んていません。

時々、WEBサービスの動画は観ています。

まだWEBサービスに再チャレンジする勇気はないので、もう少しアウトプットをしてからにします。

内心はレッスンを進めた方が良いのでは?と思っていますが、きっとまた「何がわからないかが、わからない状態」になってしまうので、もう少し復習の時間に充てたいと思います。

とりあえずJavascriptとPHPはもう一度見直します。

こんなに時間をかけていいのかなと思いながらもマイペースに進めようと思います。

学んだこと

アウトプット

アウトプットは大事だよ!」ということです。

レッスンが終わったら「アウトプットをしましょう。」と言われてきていましたが、私は最初「HTML/CSS」でどうアウトプットをすれば良いのかがわかりませんでした。

「模写をしましょう。」と言われても方法がいまいちわかりませんでした。

今となっては模写はデベロッパーツールを使って確認しながらできることがわかりました。

なので今までしてこなかったアウトプットに今TRYしているとことです。

ハンバーガーメニュー

今回はハンバーガーメニュー🍔のプログラミング練習をしました。

へぇ〜。

この三本線はハンバーガーって言う名前なんだ〜。

ハンバーガー → 🍔 → 画像発見 →「美味しそう〜。ハンバーガー食べたい」となり、なんとなくハンバーガー屋さんのページを作成することにしました。

まだ途中ですが、アウトプットをすることで、今までの復習や新発見ができ「アウトプットって大事なんだなぁ。」としみじみ思っています。

プログラミングを始めて5.5ヶ月にして、アウトプットの大切さを学びました。(遅っ!)

「ハンバーガー食べたい」こちら

スライドショー

bxsliderさんのjQueryのプラグインファイルをダウンロードし、HTMLにコードを追加するだけで、スライドショーが簡単に作成できます。

お試しあれ。

超簡単!ホームページにスライドショー機能を実装する方法(JQuery)

スティッキー

スティッキーとはスクロールしてもヘッダーがついてくる機能です。

CSSで3行(header除く)書くだけでこのようなことができます。

CSSって凄い!

アニメーションもできるし、奥が深いことを学びました。

position: -webkit-sticky;

position: sticky;

top: 0;

【jQuery不要】CSSだけ!途中から追従するスティッキーヘッダーを簡単に作る方法(サンプル付)

::beforeと::after

こちらもCSSですが、HTMLに文字を書かないでタグの前後に文字やアイコンを追加できる機能です。

SEOを気にせず自由な表現ができるのがメリットです。

便利ですね〜。

CSSの疑似要素とは?beforeとafterの使い方まとめ

要素に傾斜変化させる方法

躍動感が出るデザインで要素に傾斜変化をさせる機能です。

こちらもコード1行でできます。

transform: skewX1(10deg);

skewX()

お役立ちサイト

お役立ちサイトはこちら→ フリーランス

便利機能(ショートカットキーなど)

ショートカットキーやパソコンの便利機能などをまとめました。

さいごに

最近はアウトプットで修正ばかりしています。

思っているデザインや動きにならず試行錯誤中です。

そろそろレッスンに戻らねばと思いながらも、問題解決するのに時間がかかってしまい、なかなか戻れません。

もうちょい先かな。

とりあえず今のアウトプットをある程度形にしたら戻ります。

お知らせ

プログラミング漫画

プログラミング漫画が面白い!

販売されたら即購入します。

口コミサイト

プログラミングスクールを検討している方は、ぜひこちらの口コミサイトをご覧ください。

スクール生の生の声が聞けますよ。

プログラミングスクール口コミ・評判サイト

それではまた。

半月後にお会いしましょう。

※次回のブログアップは、0.5ヶ月ヶ月後(2020/3/31)です。

→前回の記事(5.0ヶ月) No.10はこちら

→次回の記事(6.0ヶ月) No.12はこちら





よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

初めまして、ももです。
アラフォー2児のママ。
チアリーダー→通関士→エンジニア→Webデザイナー。
朝活と楽しい企画を考えることが好き。
プログラミング初心者が在宅フリーランスになりました。

目次