POLITE(ポライト)は音楽(DTM)やWEB・アウトドアなどを扱ったオールジャンルな記事を書いてしまっています。

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

こんにちわ!北海道も段々暖かくなってきましたね〜ハヤテです(*´ω`*)

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

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

1.おすすめ勉強サイト

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

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

 

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

ドットインストール http://dotinstall.com/

 

 

 

 

 

 

 

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

2.Progate https://prog-8.com/

 

 

 

 

 

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

3.Schoo https://schoo.jp/guest

 

 

 

 

 

 

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

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

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

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

1.Atom https://atom.io

 

 

 

 

 

 

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

2.Sublimetext https://www.sublimetext.com/

 

 

 

 

 

 

僕はこのSublimetextを使っています!何と言っても軽さと、豊富なアドオンがこのソフトの大きな特徴だと思います!

他の有料ソフトだとDreamweaverやBracketsなどを使うのがオススメですね!Adobeソフトなのでお金に余裕がある時契約してみて下さいー(*´ω`*)

 

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

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

次回はWebデザインについて書こうと思います!5月も終盤ですね。。。春の気温差で体調崩さないようにして下さい〜それでは(*´ω`*)ノシ

 

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

コメントを残す

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