平凡な中年が脱サラしてフリーランスを目指すブログ

平凡な中年サラリーマンが、31年勤めた会社を52歳で退職して、フリーランスを目指しております!

プログラミング

【Webプログラミング】模写コーディングの模写(HTML・CSS)

投稿日:

今週から模写コーディングを開始して3日が経ちました。

しかしながら、何も分からずにやっていて、このまま続けても意味が無いと限界を感じてしまいました・・・

何か良い方法はないものかと、模索しておりましたところ、YouTubeでとても良い動画を見つけました。どう進めて行くか迷っていましたので、見つかって助かりました。

Webの神様という名前でYouTubeをやっている人で、”【超入門】初心者必見!模写コーディングをやってみた 実践編 Part2【HTML・CSS コーディング】”という動画です!

これは、あるWebページを実際に模写していくという作業を、YouTube動画で詳しく実況してくれています。

今まで探していたWebページやYouTubeでは、「このページが模写コーディングにはお勧め」とか、「模写コーディングのメリット」とか、「やり方」までは教えてくれていますが、実際に解説しながら模写コーディングをしてくれているものは見つかりませんでした。

この動画は、1時間20分と長いのですが、動作を詳細に説明してもらえますので、すごく勉強になります。

1回視聴しましたが、この後も何回か見て、同じように模写コーディングの模写をしてみたいと思います。この動画でやっていることをで出来るくらいにしておくと、基礎の基礎が出来るのではと思います。

ただ、この動画はPHPプログラミングまではなく、HTML /CSSだけを使用しているので、この後に実施することも考えていきたいと思いますが、自分のレベルですと、9月中はここまでで精一杯という感じです。

明日は、またこの動画を最初から見直したいと思います。

以上、読んで頂きまして有難う御座いました。

-プログラミング

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

プログラミング学習について

私のプログラミング学習は、ドットインストールで学んでいます。 本日、HTMLの学習を一通り終えたので、明日からCSSを学んで行きたいと思います。 ドットインストールでは、HTML全30回に対して、CS …

CSSのフレックスボックス

CSSの勉強を始めていますが、フレックスボックスは面白くて興味を抱きますが、なかなか覚えられないです。 暗記する必要は無いと思いますが、名前と動作はきちんと覚えておきたいです。毎日、反復的して学習した …

本日もCSS

今日はドットインストールで、CSSのレスポンシブウェブデザイン編(画面サイズにあわせてレイアウトを切り替えていくことができるレスポンシブウェブデザイン:全8回)と、グリッドレイアウト編(格子状のレイア …

アウトプットが出来ない・・・

今日は、先週買った本の勉強をして、その後にポートフォリオの作成をしようと思っていました。 勉強はそれなりに出来ますが、ポートフォリオの作成は全然出来ませんでした。 アウトプットの難しさが身に染みました …

PHPの勉強

8月となりましたので、ドットインストールでPHPの勉強を開始しました。 9月からポートフォリオを作成できることを目標に進めていきたいと思っています。 果たして1ヶ月後に変わった姿になれるのか、変わらな …