1
5

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

【完全初心者】Web系エンジニアを目指す ~LP模写に挑戦(随時更新)~

Last updated at Posted at 2020-03-26

出産後は赤ちゃんの傍で
在宅Webプログラマーとして働きたいので
これからWeb系エンジニアになるための勉強を始めます
(出産まであと1ヵ月切ったけど…笑)

とりあえず、かなりご無沙汰であったHTML,CSSの復習からスタート!

###◆目標
「LP案件」をバンバン取れるようになりたい。

###◆(2020.3.25) 力試しのために、手探りでやったこと
・Photoshop無料期間登録
Photoshopデータからコーディングする方法の動画記事を見る
・HTML,CSSの基本知識がほぼぶっ飛んでることに気づき焦る

###◆(2020.3.26) まずは環境構築から
・テキストエディタでHTML,CSSの動画を見ながら手を動かす
・作業効率化のために無償のVisualStudioCodeダウンロード
拡張機能などはこちら
こちらのサイトを参考にした
・VisualStudioCodeで動かしてデバッグしてみた
・GoogleCromeで模写参考サイトを覗く
模写参考に使用したサイトたち
・GoogleCrome上で模写参考サイトの検証ページからデバッグしてみた
有能なおまとめがあったので、こちらと、こちらも参考にさせてもらった

###◆(2020.3.27~3.28) ネット記事の無料の範囲でWebページの製作について調べた
・bodyタグ内の大まかな構造理解から組み立てスタート
こちらのサイトを参考にした

###◆(2020.3.29~1week) 気分を入れ替えるために、部屋改造・掃除に励んだweek(お勉強お休み)
そもそものHTML・CSSコーディングもだが、Webページの構成などで
作り方につまずいた。。。結構難しいかも~。。。!

###◆(2020.4.5~1week 本で手を動かす)
思い切って、googpe play booksでオンライン本購入
HTML・CSSコーディングとWebページの作り方の本を一周(約一週間)
Webページの構成、作り方がとても詳しく載っていて、
手を動かしながら理解することができた!
image.png

###◆(2020.4.12~1week)ここから、やっとLP模写に入る

####一回目のLP模写に関する記事はこちら####

1
5
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
5

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?