Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
Help us understand the problem. What is going on with this article?

Webプログラミングの勉強を始めて約半年が経ちました

More than 1 year has passed since last update.

導入

はじめまして、石川県在住の大学生です。webプログラミングの勉強を始めて約半年が経過したのでwebプログラミングに興味がある方webプログラミングの勉強を始める方に向けてなにかアドバイスを送ることができるのではないかと思いQiitaの記事を書くことにしました。また、webプログラミングについて勉強したことをノート代わりとしても利用していこうと考えています。
「もっとこうした方がいい!」「この本やサイトを参考にしたらいいよ!」などありましたら教えてくださると嬉しいです!

半年間で行った行動内容

以下に半年間で行った勉強内容と使用した参考書などを書き出します。

1. HTML、CSSについての理解
・スラスラわかるHTML&CSSのきほん(参考書)

2. HTML、CSSだけを用いてサイトを模写
・SANGOというサイトを模写しました。比較的簡単な構成になっているのでおすすめです。
 [https://saruwakakun.design/]

3. Bootstrap4についての理解
 ・Bootstrap4ファーストガイド-CSS設計の手間を大幅に削減!-(参考書)

4. HTML、CSSに加え、Bootstrap4を用いてサイトを模写(これは2サイト模写しました)
 ・2で模写したSANGOをBootstrap4を用いてもう一度模写したのち、iSaraというサイトを模写しました。
 [https://isara.life/]

5. WordPressについての理解
 ・WordPress-仕事の現場でサッと使える!デザイン教科書-(参考書)

6. XAMPPを使用してみる
7. 完全オリジナルのホームページの作成開始
8. SEO対策についての理解
 ・いちばんやさしい新しいSEOの教本-人気講師が教える検索に強いサイトの作り方-(参考書)

9. モバイルファーストについて学び実装する
10. jQuery、Javascriptに触れる
11. レンタルサーバーを使用をしてみる
 ・ロリポップというサイトを使用しています。他サイトに比べてコスパがいいと思っています。
 [https://user.lolipop.jp/]

(※今後それぞれの専門用語について詳しく説明していくつもりです)

以上の学習から約半年間である程度自分の思い通りにホームページを作成できる段階に持っていくことができました。サイト作成には最低限1と2をマスターすれば大丈夫であり、自分が想像していたものよりwebサイト制作のハードルは低いと感じました。

おわりに

今後は、webプログラミングについて詳しく説明していこうと考えています。個人としても、さらなる技術向上を図っていきたいと思っています。少しでもwebプログラミングの楽しさが伝わればと思っています。

sho11hei12-1998
来春からエンジニアとして働く大学生です。 スキル : C, Java, Python, Solidity, HTML, CSS, JavaScript, React, React-native Twitter ▶︎ @shohei_saginao
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away