無料コーディング練習所 | 未経験からWebデザイナーへ！【2025年版】

『無料コーディング練習所』では、完全無料のコーディング教材を提供しています。 入門編から上級編まで６サイトをコーディングすることで、 HTML・CSS・jQueryの基礎スキルがしっかり身につくカリキュラムになっています。 デザインカンプと完成版コーディングデータ付きです。 この教材は制作会社の新人コーダーの教育にも使用されています。 さぁ、楽しみながら一緒に勉強していきましょう♪

[newnakashima]

WebエンジニアじゃなくてWebデザイナー・コーダーになることをオススメするサイトのようだ。ある意味良心的。「Web制作」の界隈ではjQueryが普通に使われてることがわかる

[anonruru]

"悲しいお知らせですが、今回はIE11対応もします。"ふふってなった。

[PerolineLuv]

web制作者の採用現場では、この手の練習素材をまんまポートフォリオとして提出してくる人たちばかりで溢れている問題が発生している。特に有名プログラミングスクール出身者界隈。

[norip44]

HTML/CSSのWebコーディング教材として、クオリティ高い。カンプデータもあってすばらしい！　上級編ではSCSSやFLOCSS, Netlify等を使うそう。技術書1冊ぶんくらいの値段にしてもいいと思う

[okaz931]

ホッテントリの勉強系は全部ブクマしてるから今頃、スーパーハカーでスーパー資産家のはずだったのに。。。。

[nakag0711]

未だにhtml書くのをコーディングというのには抵抗あるなあ

[demcoe]

新車の内にやっておくと汚れが付きにくく、汚れが落ちやすくなるから洗車が面倒な人にオススメ

[eartht]

jQuery使ってるのは正しい。現場では当たり前に使われてるし、まだまだ消える気配もない。

[gomentic]

GW持て余してたからやろうかしら

[richard_raw]

素材はありがたい。/XDか……。

[stakaya]

マークアップの練習

[takatama]

ランディングページの練習

[sisicom]

ほう、練習用

[K-Ono]

独学で3.2とか4.01あたりまでは追いかけてはいたものの、モバイルファーストのhtmlとかもうさっぱりです。

[ohayo0]

いいね

[hkanemat]

無言ブクマ

[adsty]

HTML・CSS・jQueryの基礎スキルが身に付くカリキュラム。

[kmaebashi]

練習所は無料だけど、試してみるにはAdobe XDを買わなきゃいけないってこと?

[shunt_i]

フロントコーディング

[masatomo-m]

いわゆるLP制作が主体で、システム化してWordPress使うところくらいまでの開発現場って確かにこんな感じ。技術面でプログラマは馬鹿にするかもしれないけど、どちらかというとマーケティング・セールスに近い領域よね

[taka-p]

めも。

[fjwr38]

なんとなく無料案内所を連想してしまった

[karinkon]

最新のやり方を復習したい

[axljpn]

できる自信はない

[onesplat]

すごそう

[daichirata]

width や height の読み方まで対応してるの凄い

[kagehiens]

興味深い。XDなのね。

[toshell]

フロントの教材

[okbm]

1300はすごい

[otchy210]

そうか HTML/CSS コーディング界隈だと、一番最後の上級編まで来てようやく「Git 初歩」なのね。逆にそのレベルに到達する前の人々どうやってソース管理してるの？？

[hurahurayurayura]

やってみようかな

[shikiarai]

分かる。未だにjQueryなのよ

[Bi-213]

"こっそり教えますが、こんなにもWebに囲まれた状況でも、多くの人は面倒くさがって勉強しようとしないのです。"サイトのトップより

[dlive1]

HTML・CSS・jQueryの基礎スキルがしっかり身につくカリキュラム

[fujibay1975]

すごい暇な時にやってみる。

[gyampy]

コーダーに必要なんは、デザインカンプを効率的に実装するための対応力やんな。色んなレイアウトパターンを作れて、且つメンテナンスしやすいようなファイル構成が大事なんかなと。

[NOTG]

あとでやる(やるとは言ってない)

[hachibeechan]

jQuery…?

[madooka]

ある程度のパターンを蒐集することで、自動コーディングの学習データにできそう