webサイト制作に必要なプログラミング言語をサクサク学べる最強サイト10

  • このエントリーをはてなブックマークに追加
  • Pocket
  • LINEで送る

top_4_trending_programming_languages_one_must_learn

webサイトを制作するにはHTML、CSS、JavaScriptなどの言語を使いこなす必要があります。しかし、具体的な勉強方法が分からない方、勉強し始めたけど難しくて途中で挫折してしまった方、いらっしゃるのではないでしょうか。プログラミングを学ぶには見て学ぶだけでなく、実際に手を動かしながらの学習が必要です。

この記事では実際に手を動かしながらプログラミングを学べるサイトやweb制作に役立つサイトを厳選して紹介しています。

 

Progate(プロゲート)

prog-8

Progate

HTML、CSS、JavaScriptなどweb制作に必須となるプログラミンング言語を基礎から学ぶことができます。基礎編、中級編、上級編など自分のレベルに合わせた問題を解くことができ、煩わしい環境構築を省いて勉強を始めれるので、これからweb制作の勉強を始めたいという方には特にお勧めです。

ドットインストール

dott

ドットインストール

3分動画で学べるプログラミング学習サイト。実際に動画を見て手を動かしながら学べるので、内容が頭に入ってきやすいです。またタグの意味など細かいところもしっかり解説しながら教えてくれるので、初心者の方でも理解しやすいと思います。

MOZER(マザー)

mozer_og_image

MOZER

中高生向けのプログラミング学習サービス。キャラクターとの会話を楽しみながらwebサイトを作ることができ、問題を解いていくことでストーリーが進んでいきます。ゲーム感覚でプログラミングを学習できるので、勉強嫌いな人でも取っ付きやすい内容になっています。

schoo(スクー)

schoo

schoo

web業界で働くためのオンライン学習サービス。第一線で活躍する先生の授業を受けることができ、生放送の授業ではチャットで質問しながら学習できます。録画授業を受ける場合は別途料金が掛かってしまいますが、生放送の授業は全て無料で公開されています。

SKILLHUB(スキルハブ)

SKILLHUB

フリーランスや起業したい人向けのオンラインスクールです。web制作を動画授業で体形的に学ぶことができます。初心者でも分かりやすい内容になっており、photoshopやillustratorなどwebデザインに関しても学べるのが嬉しいサイトです。

CODEPREP(コードプレップ)

codeprep

CODEPREP

プログラミングの基礎から応用まで実際に手を動かしながら学ぶことができます。穴埋め問題を解いていくことでチャプターが進んでいき、着実にレベルアップしていくのを実感しながら勉強できます。コーディング結果が下の画面に反映されるのでタグ入力の結果が分かりやすいのも魅力です。

HTMLクイックリファレンス

html

HTMLクイックリファレンス

webサイトを作るうえで必要なHTMLタグやCSSプロパティの意味を簡単に調べることができます。目的別とアルファベット順に並べてあるため目的の情報にたどり着きやすいです。タグやプロパティをド忘れしてしまった場合に辞書を引くように使うと便利です。

Webクリエイターボックス

web-box

Webクリエイターボックス

海外在住の日本人クリエイター、Manaさんが運営するサイトです。web関連の情報やノウハウが分かりやすく説明されています。コーディングからwebデザインの記事まで幅広く網羅していて、初心者向けの記事もまとめてあります。webデザイナーなら知らない人はいないくらい有名なサイトです。

Webデザインレシピ

web-tips

Webデザインレシピ

webデザインを中心にweb制作に関連した情報を扱っているサイトです。記事の内容がとても丁寧に書かれていて、一冊の本を読んだような感覚にしてくれます。最近あまり更新されていないのが少し残念なところ。

コリス

coliss

コリス

web制作に関する様々な情報を発信しているサイトです。記事の更新頻度が高く、コンテンツの量も豊富なため、検索でたどり付くことも多いです。web制作の最新情報を知りたい場合は見てみると参考になります。

【ソフトバンク携帯のりかえでどこよりも高いキャッシュバックを保証します!】    
【ソフトバンクのiPhone8、スマホを購入したい方はこちら】
【auのiPhone8、スマホを購入したい方はこちら】
【ドコモのiPhone8、スマホを購入したい方はこちら】

販売店比較早見表

店舗名

                                           詳細

おとくケータイ

乗り換えキャッシュバック最高額を保証してくれます

  • オンライン完結でテナント費がない分、キャッシュバック金額が大きい
  • webだけではなく電話やメールで相談もできるので安心
  • キャッシュバック最高額を保証してくれる
  • ソフトバンクに乗り換えるなら最もお得

ソフトバンクオンラインショップ

ドコモオンラインショップ

au Online Shop

  • 各キャリア公式のためiPhone8含め人気機種の在庫が豊富
  • 24時間対応でオンライン完結のため時間をとられない
  • オンラインショップ限定キャンペーンもあり、プランも自由に選べるため料金を安くできる
  • キャリアを乗り換えない機種変更なら一番お得

ソフトバンクショップ, auショップ, ドコモショップ

  • 不要なオプション加入など営業をされる
  • キャッシュバックは出ない場合が多い
  • 混雑しているため非常に時間がかかることがある
  • 店員の質にばらつきがある
  • このエントリーをはてなブックマークに追加
  • Pocket
  • LINEで送る