最近、progeteでHTMLとCSSを勉強しました。
しかし次に何をしていいのか全く分かりません(・_・;
調べると、ひたすらコードを書けなどが多いのですが、まだアレンジも出来ないですしprogeteで学んだサイトのコードをひたすら打っても上達する気がしません。
皆さんはどうやって勉強していましたか?
初歩的な質問ですいません。
回答頂けると幸いです。
気になる質問をクリップする
クリップした質問は、後からいつでもMYページで確認できます。
またクリップした質問に回答があった際、通知やメールを受け取ることができます。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
回答6件
0
ベストアンサー
考えることが大事です。
すでにあるもののコードをそのまま持ってきて変えてみて、というのも良いですが、一番考える力を育てるのは「再現すること」です。
なにかを実現するための方法はひとつではありませんし、完全な正解というのはありません。 表組みするといってもtableタグしかないわけではありません。いろいろこねくり回せば様々な手段で実現可能ですし、要件次第ではtableタグで出来ない表現も使えるかもしれません。
正解はあくまで「要件通りの結果になっていること」なので。
自身でデザインをできればいいですが、まずは気に入ったサイトなどのデザインをコードを見ずに、自分の持ちうる技術や、時には調べたりして再現してみること。
そうすることで考える力が身に付きます。ロジック、ですね。
このやり方は言語問わず応用できます。
投稿2018/12/09 01:43
総合スコア80850
0
将来的な目標にもよりますが、何かwebサイト(自身のブログ等)を作成し、公開してみては如何ですか?
Progateで教わる内容は知らないですが、HTML・CSSの使い方をひと通り覚えても、「実践」して知識を脳の奥深くに届けていかないと、どんどん忘れていきます。
会社員ならそのまま仕事に移行でしょうが、個人の場合であれば、アフィリエイトサイトや、知人に自営業がいれば、関連商品のECサイトを手掛てみるのも良いかと思います。
いきなりアフィリサイトやECサイトは難しいかと思いますので、その前にwebサイトを公開して管理して行けば、それに係わる知識も併せて習得出来ます。
知識や金銭の財産を増やすには、どんどん実践していかないと、妄想に取りつかれて何も残らないようになってしまいます。
実践しての失敗は経験という財産になります。
投稿2018/12/09 02:53
編集2018/12/09 02:56総合スコア3523
0
THE独学の身から言わせていただくと、HTMLとCSSを勉強した後はJavascriptを勉強し、PHPという流れが一番いいかと思います。
しかし、これは個人個人によって違うので一概にこれというものはありません。
例えばコピペで実装しているJS部分を理解するだけでもかなり為になります。
投稿2018/12/09 04:03
退会済みユーザー
総合スコア0
0
私はWordPressのテーマのカスタマイズを数多くこなしていたら、自然と覚えました。
PHPのコードが読めると良いのですが、PHPのコードの始まりと終わりだけ把握して、HTMLでclassやidで書かれている部分だけ調整してみる、ということをしてみてください。PHPの部分を編集してしまって、画面真っ白ということはしょっちゅうありましたが、めげずに修正して、書き込んでの繰り返しをしてみるといいかもしれません。
投稿2018/12/08 23:57
総合スコア198
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/12/09 04:32
2018/12/09 07:16
2018/12/09 07:17
0
僕も、HTML5とCSS3は初心者ですが、UDEMYの「web開発入門完全攻略コース」がおススメです。
総時間18時間で講座料金は時期によって変動しますが、1200円~1600円というところでしょう。僕は1200円で購入しました。ちなみに、講座を止めてコード書いたり、ノートにメモしたり・・・という作業をしていれば、実際は総時間の3倍は時間がかかると思います。
そして、分からないことがあっても質問したり、コードを確認したりといろいろ出来るので、なかなか面白いです。
僕は、今32%の講座修了中ですが、Bootstrapが終わって、Javascriptが始まるところです。
結構楽しんでいます。。
投稿2018/12/09 02:23
総合スコア18
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/12/09 04:30
2018/12/09 07:17
2018/12/09 07:44
あなたの回答
tips
太字
斜体
打ち消し線
見出し
引用テキストの挿入
コードの挿入
リンクの挿入
リストの挿入
番号リストの挿入
表の挿入
水平線の挿入
プレビュー
質問の解決につながる回答をしましょう。 サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。 また、読む側のことを考えた、分かりやすい文章を心がけましょう。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/12/09 04:34
2018/12/09 04:58