【WEB】WEB構築を勉強したいときに参考になるサイトまとめ 構築編

こんにちわ!ハヤテです(*´ω`*)

今回は「これからWebサイトを作ってみたい!」って思う人向けの記事です!

実際僕もまだまだ勉強不足ですが、Web制作をする上でどういう知識が必要なのか、参考サイト、使用ソフトなどまとめようと思います!

 

ホームページを作る際に必要な言語は、HTML、CSS、PHP、Javascriptの4つがあります。

  • HTML(ホームページに表示される文章)
  • CSS(色や配置場所などのデザイン全般)
  • Javascript(ボタンを押した際のアニメーションなどの動きの部分)
  • PHP(会員登録サイトやメールフォーム、予約、検索機能の追加等)

 

こう見るだけで▂▅▇█▓▒░(’ω’)░▒▓█▇▅▂うわあああああああってなりますよね。
最初は僕もそうでした。「こんなのやってられるかぁぁぁ」って!
そんな人のために、短時間で質の高いコーディングスキルが身につくサイトを紹介します!実際に僕もこれで勉強しました。

コーディングとは

プログラム言語でソースプログラムを記述する事。

1.おすすめ勉強サイト

①ドットインストール

ドットインストールは3分の動画でHTML、CSS、PHP、Javascript等色々なプログラミング言語を学ぶことが出来ます!このサイトの良いところは何と言っても3分という学習のしやすさですね!通勤時間、ご飯中、寝る前等ちょっと時間が空いたときに1項目受講するだけでコツコツと言語学習することが出来ます!気に入った方は月980円の課金をすることで、受講できる講座の追加や、ソースコードのダウンロードなど充実した機能が増えるのでプレミアム会員になっても良いですね!TwitterなどSNSアカウントでログインが出来るのでお手軽です〜

【リンク】

②Progate(プロゲート)

Progateは、何といってもUIの綺麗さ、書いたコードが直接反映される学習のしやすさですね!自分の学習度をグラフ化出来るので成長した自分がわかるのも良いです。僕もこれからPHP講座とGit、Ruby講座を受講してみようと思います!

【リンク】

③Schoo(スクー)

Schooは、生放送で構築のことや時事ネタを収集することが出来ます!最近だとマストドンのまとめ生放送がありましたねぇ!興味深い!日に日にチェックしたいサイトでもありますね。

【リンク】

2.おすすめコーディングソフト

上記のコーディング知識を学習するにはコーディングソフトが必要です。

無料で使えて、会社でも使えるソフトを2種類ご紹介します!

①Atom(アトム)

先程説明したドットインストールではこのソフトをおすすめしています。無料でここまでおしゃれなエディタを使えるのかぁって思うくらい扱いやすいソフトです!

【リンク】

②Sublimetext(サブライムテキスト)

【リンク】

僕はこのSublimetext(サブライムテキスト)を使っています!何と言っても軽さと、豊富なアドオンがこのソフトの大きな特徴だと思います!

他の有料ソフトだとDreamweaver(ドリームウィーバー)やオープンソースのコードエディターBrackets(ブラケッツ)などを使うのがオススメですね!Adobe(アドビ)ソフトなのでお金に余裕がある方は契約してみて下さいー(*´ω`*)

今回は以上となります!この記事は駆け足だったので後ほど追加するかもしれません。

追記次第またマストドンでご連絡しますね〜

アドオン

ソフトウェアに新しく追加できる機能やプログラムの事。

【関連リンク】

Dreamweaver

Brackets

コメントを残す

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

ABOUTこの記事をかいた人

Web関係のお仕事してます。アニメ・ゲーム好きなので気軽にフォローしてください。デザイン、構築、ニュースなどの記事を書きます!
グラブル/メルスト/Illustrator/Photoshop/Sublime/ マストドンも是非フォローして下さい!:https://pawoo.net/@hayate0804