ウェブデザイン技能士の試験基準(2025.1.1~2025.12.31)に正確に合わせたウェブデザイン技能士の実技試験内容に最適化された実技試験専門講義で、HTML+CSS+JQUERYパブリッシング、コーディングワークスウェブデザイン技能士実技試験講義は他とは違います。 2023年に追加されたDタイプ、Eタイプの完全制作授業動画と2024年に追加されたFタイプの完全制作授業動画がすべて反映されています。
HTML+CSS+JQUERY コア理論
ウェブ パブリッシングの就職のために個人ポートフォリオのウェブサイトを作成
ウェブサイト制作のスキルとノウハウの向上
ウェブデザイン機能士実技試験に高得点合格
2025年度ウェブデザイン機能士資格試験情報： http://www.q-net.or.kr/crf005.do?id=crf00503&jmCd=7798
▲2023年基準で3,991人が受験して2,298人合格、 1,693人不合格
（2023年度に1,693人がそれなりに懸命に試験準備し、受付し、受験しに試験場まで行ったが不合格でした。
実技試験の受付は4日間行われます。 Q-Netで午前10時から受け付けてください。受付期間は4日ですが、受付開始日の10:00～10:30内にすべて締め切ります。だから10時前にQ-Netログインしてスタンバイしてこそ実機試験受付可能です。実技試験は、筆記試験とは異なる特定の試験場でなければならないため、実技試験人員が毎回定められています。実技試験の受付ができなかったので試験できない学生たちはとてもたくさん見ました。だから必ず受付初日午前10時前にログイン後スタンバイしてください。
日程よく見て、今年はぜひ！合格していただきたいと思います〜！
ウェブデザイン機能会社公式ウェブサイトで新しく上げた2025年基準の公開問題をダウンロードし、2024年の公開問題と比較してみました。試験内容で変わった点は一つもなく、変わった点は2つです。
まず、実機試験時間を既存の4時間から3時間に調整して試験難易度を高めました。
第二に、資格種目名が既存の「ウェブデザイン機能士」から「ウェブデザイン開発機能士」に変わりました。
2025年試験に追加された事項はありません。もし2025年の変更があったり、追加があれば、できるだけ早く更新され、追加費用はまったくありません。 （2024年12月6日基準）
2024年から追加されたFタイプ4種類（F1、2、3、4）制作映像が更新されました。 Fタイプと呼ばれる新しい制作モジュールがあるか、そうではありません。ただし、レイアウトだけ1つ追加されたと考えればいいです。追加されたFタイプ4つのため実技試験の準備に大きく負担されないと思います。
2023年度までAタイプ、 Bタイプ、 Cタイプ、 Dタイプ、Eタイプそれぞれ4種類ずつ合計20個でしたが、2024年の1回目の試験からFタイプ4種類が追加されました。それで、合計24種類を勉強する必要があります。
主催側で2023年度に試験年齢を大幅に上げたが、2024年度から試験難易度をもう少し上げました。
✅ 2024年に追加されたFタイプ授業映像は現在準備中です。
2024年1回実技試験が2024.03.16～2024.03.29なので、Fタイプを除いて現在ある内容を勉強してください。 A、B、C、D、Eタイプを十分に上手にしている状態であれば、 Fタイプも全体のレイアウトだけがちょっと違うので、大きく違う部分はありません。ただし、全体のレイアウト設計で1340ピクセルで中央揃えですが、スライドセクションのみブラウザ100％にする必要があるのが難しいようです。
※Fタイプもスライド方式、タップメニュー、ナビゲーション、モーダルともA、B、C、D、Eタイプと同じです。
Fタイプ授業映像と資料は遅くとも1月末までに準備される予定です。少し早いかもしれません。予想では1月20日程度になると予想します。
※公開問題PDFファイルは下記セクションで2023年度と2024年度ダウンロードしてご確認ください。
2024年度ウェブデザイン機能士資格試験情報： http://www.q-net.or.kr/crf005.do?id=crf00503&jmCd=7798
▼ F1 レイアウトとモジュール製作内容
▼ F2 レイアウトとモジュール製作内容
▼ F3 レイアウトとモジュール製作内容
▼ F4 レイアウトとモジュール製作内容
学習の質問ではありませんが、先生が周りにFタイプ試験を見たことがないので
情報が正確ではないというのが覚えてくると思いますが、他の受験生の方々と
先生に役立つようにテストを終えて走って来て、投稿を作成します！
今週ずっと不思議にFタイプが気になっていましたが、今日ちょうど試してみるのが直感していたようです😭😭
1.講義通り
.slideの中でslide-imageとslide-bannerで結んで勉強しましたが、
試験紙では私達がslide-bannerと呼んだ部分を指示事項では<ショートカット>とし、content-innerの中にあるshortcut部分を試験紙ではバナーと指示していました。ただコードを結ぶ名前だけ違ったけどFタイプ用意してる方はあまり混乱してほしい気持ちでコード名を変えて勉強するのかどうかという気がしました！しばらくして、ちょうど指示事項要求した名前でコード名も統一をさせました！
2. ピンク色のボックス部分を色塗りした部分について申し上げるものがありますよ～
覚えているかもしれませんが、..😭😭
私が24.03.27にFタイプslide-banner link部分に文字を入力する指示があるかと思う
質問を投稿したことがあります..！
残念ながら、私の予想通り、テストの指示にアンカーごとにテキストを入れるという部分がありました。
提供されるテキストメモ帳に挿入するようにテキストがありました😭😭
そして、総入る画像はレイアウトと同様に5つでした。
ただし、テキストを画像のどこに置くように特定の指示はなく、
だから私は
spanでテキストを入力してギャラリー画像にspanを入れたのと同じように
display:block 処理をして上下に入れて配列する方法にしました。
イラストやフォトショップでイメージを作るのではなく、提供されたイメージを挿入しなければなりませんでした。
配置をしてからスライド画像の上に浮かんでいない写真を貼っておいたようで、
私はバックグラウンドカラーを与えて透明度を調節してスライドイメージとは別の部分であるアイコンのように見える
作成しました。
3. そしてお知らせ部分です！右側に先生が???😭😭 と水色で書いた部分は本当に空白でした！ただし、お知らせ部分にエン？と驚いた部分は、tab-inner幅が広くないことがあるから
お知らせ部分にem/bタグを使ってバッチや馬の縮小を勉強していきましたが、
日付入力がありませんでした！
だからゆっくりアンカーだけ入れてブロック処理して中央配置して飾りました。
私が間違えたのは、フッターメニューにボーダーボトムを与えたことです。
メニューサブバックwidthサイズをハザーサイズに与えたということの2つのことですが、(Aタイプsub-backのように作ってしまいました😭)
他のものはすべてうまくいき、自分でもああ、これくらいすればいいという気持ちでよく解いてきました！ 😭😭
こういうあの二つの問題に落ちるとあまりにも恥ずかしくて恥ずかしいようですが..😭😭😭😭
それでも、自分で多くの構造を把握して作ることができるというのがあまりにもそうです。
そしてFタイプがどうしても見たことのないタイプだから。
今日私が行った試験場に12人が試験を見ましたが、6人が途中であきらめていきました。
私はすべての確認を終えて提出するのに2時間20分かかりましたが、
その時まで私を含めて提出した人は3人であり、私が教室出てくるまで3人が残っていました。
4月9日に合格発表日ですが、どうぞよろしくお願いします😭😭
先生対面の授業ではなくオンラインの授業でしたが、本当にたくさんのことを学びました😭😭
ありがとうございます😭😭！
ジェイコーリー方式スライド制作映像が更新されました。 2023年からDタイプ、Eタイプ追加され、実機試験の難易度が上がり、スライドの制作方法をより簡単で楽に制作が必要です。そこで既存のジェイクエリー方式映像を新しい映像で制作しました。
従来のCSSスライダーで作成すると、多少減点要素がある可能性があります。 CSSスライダー講義がありますが、ジェイクエリを使ってスライダー製作することをお勧めします。 （事実2つの方法の中で楽なもので学習して試験をしても合格には全く支障がありません。）
CSSスライドの場合、スライド1、2、3の後に再びスライド1に戻り、1、2、3に行く部分が少しぎこちないが、ジェイコーリースライドはスライド1、2、3の後、再び自然にスライド1、2、3に見えます。まもなく、CSSスライドよりも完璧なスライド作成が可能です。
ジェイクエリコードを見れば短くてとても簡単で理解しやすいと思います。
※JQueryコードは6行ですが、実際に動作するコードは3行です。
▼ジェイコーリー方式スライド制作映像とダウンロードファイルは下記からご覧頂けます
2023年からウェブデザインの機能士実技試験に新たに追加されたD,Eタイプ製作講義のアップデートが完了しました。追加された映像は7時間近い分量です。 D、Eタイプの製作難易度も上がり、学習量が多くなったので、あらかじめ用意しておいてください。
2023年に新たに追加されたDタイプとEタイプ制作講義のアップデートが完了しました。 DタイプとEタイプ制作講義はセクション09にあります。制作映像にもありますが、必ずA、B、Cタイプをすべて完了した後、DタイプとEタイプ制作講義を学習してください。
▼ D1 レイアウトとモジュール製作内容
▼ 2023年に新たに追加されたDタイプ（D1）最終版のプレビュー
▼ D2 レイアウトとモジュール製作内容
▼2023年に新たに追加されたDタイプ（D2）最終版のプレビュー
▼ D3 レイアウトとモジュール製作内容
▼2023年に新たに追加されたDタイプ（D3）最終版のプレビュー
▼ D4 レイアウトとモジュール製作内容
▼2023年に新たに追加されたDタイプ（D4）最終版のプレビュー
▼ E1 レイアウトとモジュール製作内容
▼ 2023年に新たに追加されたEタイプ（E1）最終版のプレビュー
▼ E2 レイアウトとモジュール製作内容
▼ 2023年に新たに追加されたEタイプ（E2）最終版のプレビュー
▼E3レイアウトとモジュール製作内容
▼ 2023年に新たに追加されたEタイプ（E3）最終版のプレビュー
▼E4レイアウトとモジュール製作内容
▼ 2023年に新たに追加されたEタイプ（E4）最終版のプレビュー
2024年、ウェブデザイン機能士実技試験試験情報が発表されました。筆記実技ともにWebデザイン機能史出題基準は2022年出題基準と同じです。また、ウェブデザインの機能士実技試験の公開問題も2022年とまったく同じですが、2023年からDタイプとEタイプが追加されました。 Webデザイン機能士実技試験の公開問題は以下のセクションに更新されました。
[追加事項] 2024年度1回目からFタイプ4つがさらに追加されました。 （合計24種類）
2022 年から変わった部分は、公開問題 5 ページの技術的遵守事項 10 番で Internet Explorer でうまく動作しなければならないという部分が MS Edge でよく見られていると変わった部分が唯一です。 Internet Explorerで結果をチェックせずにMS Edgeをチェックするというのは、FLEXなど、ほぼすべてのCSSプロパティを使用できるということです。すぐに受験生が成果物を製作する際に、クロスブラウジングに対する負担がほとんどなくなったと考えても良いです。 （試験ですから安全な合格のために講義の授業内容で使用した方法で学習し、試してみることをお勧めします。）
- Webデザイン機能士実技試験、決して簡単な試験ではありません！
- ウェブデザイン機能士資格高得点合格！簡単で簡単なコードが保証されます。
- Webデザイン機能士の資格を取得し、Webデザイナー就職後年俸も上げてください〜！
現行ウェブデザイン機能社出題基準適用期間は2025.1.1～2027.12.31まで有効です。
本講義は現行出題基準に完全に合わせた実技試験講義で製作されました。
2025年度ウェブデザイン機能士資格試験情報： http://www.q-net.or.kr/crf005.do ?id=crf00503&jmCd=7798
2021年の3回目の実技試験からビジュアルスタジオコード（Visual Studio Code）テキストエディタのみが利用可能になりました。既存のテキストエディタでインストールされていたBracketsとDreamweaverは、Q-Net公式サイトの案内によると、2022年からは使用できません。したがって、結論はNotepad ++またはVisual Studio Codeのいずれかを使用してテスト準備することができます。もちろんEditPlusとBracketsを書くことはありませんので、Visual Studio Codeを使って実技試験を勉強してください。
https://www.q-net.or.kr/cst006.do?id=cst00602&gSite=Q&brdId=Q006&code=1204&artlSeq=5199079
上記のガイドに示すように、「プラグイン（別途アプリケーション、アドイン）はインストールできません。」となっています。意味は、ビジュアルスタジオコードエクステンションがインストールされていないため、ビジュアルスタジオコードプログラムの基本機能として実技試験を見なければならないということです。だからビジュアルスタジオコードをインストールし、別のエクステンションをインストールしないで勉強してください。実技試験場と同じ環境で試験準備をしなければなりません。下図のビジュアルスタジオコード講義の4つのうち、赤いボックスの2つだけを学習してください。もちろん、実務のためのビジュアルスタジオコード学習なら、4つすべて学習してください。
該当講座にあるVisual Studio Codeの使い方の中で、Webデザインの機能士実技試験のために赤いボックスの2つの映像のみを学習してください。 （実技試験場にはエクステンション設置がされていません。 ）
自動保存はエクステンション機能ではなくビジュアルスタジオコード自体機能なので自動保存する詳細な方法はコーディングワークス Inflearnブログでご確認ください。 https://www.inflearn.com/blogs/728
1) 2022年よりウェブデザイン機能士実技試験技術的コンプライアンスでEdgeとChromeでクロスブラウジングチェックします。以前のIE（Internet Explorer）は正式に除外されました。 👍
2) floatで横配置する既存方式を十分に学習後、Flex配置を学習（ Flex配置は必須ではない）
Float と Position の配置を知らずに Flex 配置学習を控える必要があります。
3) 使用する場合 Flex 配置は全体レイアウトのみに使用することをお勧めします（詳細な配置に Flex 使用を控える）
選択 1) Flex 配置(全体レイアウト) + Float, Position(レイヤーポップアップ、ナビゲーション、お知らせ)
選択 2) Float, Position (全体レイアウト、レイヤーポップアップ、ナビゲーション、お知らせ)
※フレックス（Flex）での全体レイアウト制作は、Floatで配置する既存方式を十分に学習した後、最終本製作で活用されることをお勧めします。
コーディングワークスパブリッシングYouTubeチャンネルで理論映像講義と並行してください。もちろん、すべての理論映像がYouTubeチャンネルにあるわけではありませんが、重要な理論映像はほとんどありません。映像が多いので、映像を探す方法は以下の例のように検索することをお勧めします。
コーディングワークスパブリッシングYouTubeチャンネル： https: //www.youtube.com/codingworks
▲InflearnコーディングワークスWebデザイン機能士実技講座受講生合格後期です。やりがいがあります〜^^
こんにちは！久しぶりに質問文を書くようになりました！結論から申し上げれば89点で合格したと今日連絡を受けて手帳型資格証明申請を終えた状態です:)
実は他のことと並行して勉強をしっかりできず、急いで一ヶ月の落ち打ちをしましたが。
一ヶ月ぶら下げという言葉に疑わしいと思うので、先に申し上げれば、私は映像、広告、デザイン系列専攻をして昨年夏ウェブデザインをするために勉強して手書きを取って実技準備より（デザイン系列で）就職を先にやってしまって遅くなったケースです^-^;;
以前勉強したことがあったので一ヶ月の落雷が可能でした😢😢
私が勉強した方法についてお話ししたら、私は講義を見て従う方法ではなく、
私が持っている情報で自分で作って講義を見て、先生がどうするか見て学ぶ方法で勉強しました。
具体的な例を挙げると、
A型レイアウトを学んだらB型は自分で作ってみて、ワイヤフレーム理論を学んだら、その理論だけを持って私が直接先に作りました。すぐに勉強するには時間がかかりますが、覚えられる程度も早く、こうして一度でも自分で作ることになれば、2-3回目には一人で作れるようになりました。
また映像中途中の先生がおっしゃったように先生には以前に作ったものをコピーして入れても、私は毎回一つ一つ直接打って枠を作ったのも大きかったようです。
たぶん当然の勉強方法かもしれないが、時間をたくさんつかみ、私が先に作ってみるので、最初はダメなことができるのにその時なぜか？考えるようになって先生の講義を聞き、なぜできなかったのかが分かる部分が勉強になるのに大きいと思います。
少しでも役に立たればと思う心に長く作成するようになりました。ありがとう:)
おかげで試してみました！
投稿者: f1rstf1y9/2021.12.05 10:28 PM
受講後期は合格後に書こうとまずコミュニティに感謝の挨拶を上げます！
私は実はこちら関連専攻大学生なのでhtml、css関連講義を専攻授業でしか二度は聞きました。専攻授業では耳にも入らない講義の内容にひたすら試験のために月々覚えて試験が終われば忘れてしまってウェブデザイン機能士実技を準備する時も何をどのように準備すべきか分からないほど基礎知識が多く不足した状態でしたが、コーディングワークス様講義を聞くと、今こそちゃんとした授業を受けたという気がします。今日の試験は終わったが、この講義を通じて学んだ内容は私の記憶の中に長く行くと思います。
試験受付後、YouTubeの講義で独学をしてから専攻講義を聞いた時のように、とても頭に入らず迷い、この講義を発見したが、無料講義を聞いてみたので、試して一ヶ月ほどしか残っていない時点で、この講義にお金を投資するのに合う。かなと悩みもしたんですよ。悩む必要もなかったと思います😊😊
個人的な試験の後期ももしかしたら他の方が見たいかと思って残しておけば、私は講義を聞く前からビジュアルスタジオを上手に書いてきてずっとビジュアルスタジオコードで勉強し、ブラケット関連講義はパスしました。試験場もわざわざvscodeのあるところに受付しました。ところで、今日試験場に行ってみるとブラケットしかありませんでした。.最初は慌てましたがショートカットも講義で学んだままで、何より講義内容がブラケットなのでむしろおなじみのインターフェースなので難しくないように適応して無事に試験を打つことができました！試験はJUSTショッピングモールに出てきて、最終本製作講義にもあったタイプなので、ほとんど目詰まりなくコードを書いて何度も点検後に最初の順番で提出しました！この講義でなかったら私も何人かのように真ん中に出て行かなければならなかったかも…。
良い講義ありがとうございました。
-------------------------------------------------- ----------------------------------
合格しました！
合計30時間、合計112の講義と18のコア資料で実技試験合格を誇るカスタム講義
合計27のHTML+CSS+JQUERYコア理論講義
実技試験製作モジュール完璧分析講義（レイアウト、スライド、ナビゲーション、タブメニュー、レイヤーポップアップ）
Webデザイン機能士実技試験通過の最大の難関！スライド製作
コーディングワークス講義は、ジェイコーリー製作だけでなく、純粋なCSSでスライド完全に実装
学生の好みに応じて、ジェイコーリースライドまたはCSSスライドの制作方法を選択可能
CSSスライドアニメーション（横スライド、縦スライド、クロスフェードスライド）
ジェイコーリースライドアニメーション（横スライド、縦スライド、クロスフェードスライド）
すべての製作モジュールを含む実技試験最終版の3つの制作映像
Webデザイン機能士実技試験に不可欠なPhotoshop CS6の使い方と画像制作映像
HTML + CSS理論教材だけでなく、すべての制作モジュールと最終版の3つの制作ファイルをダウンロード
コーディングワークス講義は合格かどうかではなく、どれほど高得点で合格するかについての本当の講義
実技試験当日に試験場の雰囲気、手続き、コツ、提出方法、資格証明申請方法など詳細な映像まで
- Webデザイン機能士資格証明実技試験に合格したい方
- ウェブサイトのメンテナンス修正補完を独自にしたい方
- WebデザインからWebパブリッシャーに職業を切り替えたり、HTML+CSS+JQUERYパブリッシングを強化したい方
- Webパブリッシングの理解度を高めたいWeb企画者
- フロントエンドパブリッシングに対する理解度を高めたい開発者
- Webデザイン機能士実技試験に高得点で合格できます。
- HTML+CSS+JQUERY パブリッシングのスキルを体系的に向上させることができます。
- ウェブサイト制作ノウハウを向上させることができます。
- Webパブリッシング就業のための個人ポートフォリオウェブサイトを作成することができます。
- 基本的なコンピュータ活用能力とインターネットブラウザ使用能力
- コーディングのための基本的な英語タイプの能力
- 2024年出題基準に最適化された講義内容（12種類の完璧分析及び適用）
- 簡単で簡単なコードが高得点合格と安全錠合格を保証
- 実務にすぐに使える実力を育てる体系的な講座
- 合計30時間を超える充実した講義内容
- 現場で学生を直接教えている実力ある講師が進行する特別な講義
- HTML+CSS+JQUERY理論学習書PDF教材ファイル提供
- 実務ウェブパブリッシャー兼有名学院でオフライン講義を進行する講師
- 良い講義のために直接教えた経験とノウハウが十分な講師
- 長年ウェブデザイン機能士資格証明実技試験に備えて授業進行した講師で特別な合格ノウハウ専修
- ウェブ機能士資格証明実技試験に備えている学生のレベルと何が必要かをよく知っている講師
- 入門者と初級者が理解しやすいコードで現実的かつ効率的な学習方法を提示する講師
▲受講生に無料で提供されるコーディングワークスパブリッシングPDF教材詳細を見る
▼横スライド
▼縦スライド
▼クロスフェードスライド
▼ナビゲーション左個別に下に下がるサブメニュー
▼ナビゲーション左個別に右に落ちるサブメニュー
▼ナビゲーション上部個別に下に落ちるサブメニュー
▼ ナビゲーション上部 すべてのサブメニューが下がるメガメニュー
▼ ナビゲーション上部 すべてのサブメニューが背景とともに下に下がるメガメニュー
▼横固定型最終本
▼横100％最終本
▼縦2カラム最終版
試験場ではインターネットは利用できません。
そのため、ライブサーバーエクステンションはインストールできません。
ビジュアルスタジオコードでコーディングしたら、保存してブラウザで更新として確認する必要があります。
試験場に行ったら、以下にあるものを簡単に設定して試してみてください。
以下のコーディングワークスのブログをご覧ください。
[必読] Webデザイン機能士実技試験をご覧になるときのビジュアルスタジオコード設定必読事項https://www.inflearn.com/blogs/1221
Q. PDF教材でジェイクエリーパートが内容が多くありませんでしたか？
A）ジェイクエリは特性上、内容があまりにも膨大なので、PDF教材にすべての内容を入れるには無理があり、基本的な使い方と必須関数、イベント、メソッドの使い方についての内容があります。また、パブリッシング入門者初心者には何よりCSSとFLEXが重要であるため、PDF教材の90％に該当する170ページが割り当てられています。
Q. コーディングワークスパブリッシングコア理論 PDF教材は市中教材と違う点は何ですか？
A. すぐに知らなくてもよい内容、重要度が落ちる内容は除いてぜひ！必要な核心だけを収めました。コーディングワークス教材は、長年にわたりオフライン学園で使用されている教材をさらに強化して作ったPDF教材です。特に市販教材にないコーディングワークス講義のヒント（Tip）が多く含まれています。
Q.ダウンロードコンテンツ容量はいくらですか？
A）ダウンロードされるコンテンツの総容量は42メガです。 PDF理論教材は見やすく5つに分けてアップロードされました。個別に受け取ります。そして、実習例ファイルは圧縮プッシュすればフォルダに整理されています。
Q. 出力してみることもできますがPDF教材は高画質ですか？
A）PDFファイルは300dpi高画質で製作されているため、出力してもきれいなプリントができます。
Q. ダウンロードしたコンテンツの使用用途はどうなりますか？
A）ダウンロードしたすべてのコンテンツは、コーディングワークスの独自のファイルです。コーディングワークスPDF教材は、受講申請された本人の個人学習用途以外に、他のいかなる目的にも使用または他人に配布してはなりません。また、PDFファイルにコーディングワークを表示する部分を編集して講義用資料として使用することもできません。
学習しながら質問がある場合は質問してください。ご質問の際にはいけない内容とコード、ブラウザ結果画面のキャプチャを投稿してください。コードの場合、HTML、CSS、JSコードをコピーしてすべてアップロードしてください。正確な回答を提供できます。
ブラウザの結果画面はキャプチャで、コードはコピーしてアップロードしてくれば正確な回答ができます。
インタビューと就職を呼ぶパブリッシャー 個人ポートフォリオ ホームページ制作スクリプト、レイアウト、インタラクティブウェブ、インタラクティブウェブ、ウェブデザイン、ウェブデザイン、ポートフォリオ、パブリッシング、レスポンシブウェブ、ウェブデザイン機能士実技試験、ブートストラップ、ブートストラップ、css frameworks、フレームワーク
学習対象は
誰でしょう？
初めてウェブコーディングを始める方
ウェブデザイン機能士資格試験の実技試験に合格したい方
ウェブサイトのメンテナンス修正補完を独自にしたい方
ウェブデザイナーからウェブパブリッシャーに職業を変更したい方、または HTML+CSS+JQUERY パブリッシングを強化したい方
Web 出版に関する理解を深めたいWeb プランナー
フロントエンド パブリッシングの理解を深めたい開発者
前提知識、
必要でしょうか？
基本的なコンピュータ利用能力とインターネットブラウザの使用能力
コーディングのための基本的な英語タイピング能力
12,580
受講生
739
受講レビュー
2,110
回答
4.9
講座評価
23
講座
■ [현재] 국비 퍼블리싱 & 프론트엔드 강사
■ [현재] 프리랜서 프론트엔드 퍼블리셔
■ [현재] HTML+CSS+JQUERY 퍼블리싱 유튜브 채널 '코딩웍스' 운영
■ 그린 컴퓨터 아카데미 웹 퍼블리싱 강사
■ 더조은 컴퓨터 아카데미 웹 퍼블리싱 강사
■ 이젠 컴퓨터 아카데미 웹 퍼블리싱 강사
■ 프론트엔드 퍼블리셔, 프론트엔드 퍼블리싱 전문강사
■ UI/UX 웹 디자인 포트폴리오 강의
■ 웹디자인 기능사 실기 자격증반 강의
■ 이지앤에듀프론트엔드 UI/UX 디자인 및 퍼블리싱
🌏코딩웍스 인프런 강의목록 - https://www.inflearn.com/users/@codingworks
🌏인프런 코딩웍스 강의 학습 순서(학습 로드맵) - https://www.inflearn.com/blogs/2351
🌏코딩웍스 인프런 퍼블리싱 블로그 - https://www.inflearn.com/users/@codingworks/blogs
🌏코딩웍스 퍼블리싱 유튜브 채널 - https://www.youtube.com/codingworks
🟣인프런 인포커스 코딩웍스 인터뷰 보기 : https://www.inflearn.com/pages/infocus-8-20230704
全体
149件 ∙ (37時間 46分)
講座資料（こうぎしりょう）:
全体
97件
4.9
97件の受講レビュー
受講レビュー 1
∙
平均評価 5.0
5
入念に教えてくれて助けてくれました！ただ、htmlを全く知らない生初歩が聞こえたらつきにくい部分もあると思います。
コーディングワークスです。まず、受講評価ありがとうございます〜 HTML理論映像が多ければ学習序盤部分が長すぎるようでHTML理論部分を簡素化したのですが、この点が憎まれましたね。不足していると思われるHTML理論部分は私のYouTubeチャンネルに長く細かくなっている映像がたくさんあるので、その映像を参考にしてください。 コーディングワークスオンライン講義が役に立っているのは嬉しいです〜^^ Webデザイン機能士実技試験に高得点で合格することを祈ります。
受講レビュー 1
∙
平均評価 5.0
5
本当によく学んでいきます！ まず、最初に申し上げる部分は＆quot;独学するのが難しい＆quot;というテーマです！ どんな勉強をしてももちろん試してみることはできますが、ご存知のように難易度があればすぐ放棄することになります（あるいは先延ばしになったり） 私はこのX本を購入して試験を準備しましたが…手書きまでだけ本見て実技はそちらの映像もどこからコピーしてきたテキストを貼り付けながら説明するだけですね…本当に苦労しました。 でも、カカオトーク要塞が良くなっているから、オープントークルームのあちこちに行っているより率直によく教えてくれるところもなかったし…。 だから、彼の中で一人がこちら＆quot;コーディングワークス先生＆quot;をお勧めします！ 私はおかげで紹介文こんなことを見て基礎から固めてくれると言うのですぐにカール決済しました。 （実話です） それから1強からゆっくり見始めるのにファクトは理解が容易にならないでしょう… しかし、私は必ず取るべきだと思う一つだけ持って理論からずっと[順番どおり]講義を見てみるといつの間にか 直接映像に従わずに一人であらかじめ作っておいたんですね。 ちょうどこの時感じました。ああこれは今から始まります... Aタイプが一番簡単な方に属し、一番いろいろな観点から理解できるポイントが多いです！ つまり、他のものを作るときさえも応用しなければならないプロセッサを途中で把握を早くする人が簡単に学ぶのに 私が知らないことが多かったにもかかわらず、ただ髪型であり、出願問題に従いながら、なぜそんなにしかなかったのか。 3日目になると、A、B、Cのレイアウトを作ることに成功し、7日目になると、A、B、Cの完成本を自分で一人で何の手を取っても見て、ただ川のひとつ聞いたその経験だけで終わってしまいました。 以後、D、EタイプはCタイプだけ見て作れない人であれば無条件にするしかない段階で構成されており、おそらく今早急な方はCがきちんとできていないのでD、Eを越えていくのだそう考えることもできると思います！ 結局合格して高得点ではありませんが（ディテールダバリム）コーディングワークス先生の川の一つだけで1時間20分で試験場を切ってすぐに出ることができました。 （質問も本当に自分がイドゥザーもダメだったとき、そんなことだけ聞いてみた） ここまでが私の経験談です！ まとめます 1. あなたがコーディングワークス講義を決済しなければならない理由： 周りに目を洗って探しても1:1で教えてくれる人がいない。 2. 独学はいくらネームド本を買ってみても理解できず難しく、途中で無条件に放棄することになるだろう。 3. あちこちに良い講義を探してみると、このコメントを見るようになった時、1秒の迷わずにただ決済ボタンから押してください。 4. 多様な変数に対処可能な方法も多く、あなたが切実であれば、少なくとも7日、最大14日の内側には厳しく勉強して合格する確率が80％程度になると思う。 90％と思う 5.理解できず、ただ何かうまくいかない場合は、出題の問題その部分だけが自動的に入力されるまで練習してみよう。 6. 新規問題は試験場に頻繁に出てこないだけでなく講義で知らせるD、Eタイプも高品質のプロセッサである。 7. コンピュータはあなたよりスマートです。 できない時は自分を責めながら着実に練習しよう。 8. 合格を疑わないでください。購入押した瞬間からすべての選択での最大を味わえるだろう。
長くて具体的な受講評ありがとうございました〜！
受講レビュー 1
∙
平均評価 5.0
5
デザイナーのコーディングは完全にノーベースであり、YouTubeの講義をみんな探してみましたが、一つも理解できず、あきらめていた資格でした。筆記免除期限が今回の23年度第1四半期までと先延ばし、先延ばしがただの挑戦でもしてみようという心情で実技勉強を始めたが、本格的に覚えて一件願書受付後1～2ヶ月のようです。 本当なぜ先生の講義が後期が多いのか勉強しながら感じました。概念を本当に本当に簡単に説明してくれて、たわごとである私も概念を理解しながら問題を解決することができました。レイアウト＋１番問題 授業を聞いて解放してみたら？ 2番～4番はこのように変形すればいいんだが感が出て、そういえば難しい構文を大きく覚える必要がなかったようです。 勉強途中で就職になり、後半にはきつくできず、選択と集中で新タイプだけを練習しました。 D、Eから必ず出てくるという信仰一つで…幸いにもDタイプが出て、2時間ほど？で試験場を出ることができました。結果は91点に合格しました！思ったよりすごく高く受けて気持ちよかったですㅎㅎ 余談で、私は先生が教えてくださるコーディングが正解だと思って勉強しましたが、他の講義を見ると同じ結果を本当に本当に多様な方法で作ることができました。それを知ってからこそ、この講義が初心者の視線で見た、とてもよく作られた講義であることに気づきました。 このきっかけをはじめにコーディングを置かずに勉強し続けようと思います :-) 良い結果を得させていただきありがとうございます〜
受講評 ありがとうございます。短い期間でしたが、高得点で合格しましたね。おめでとうございます〜！
受講レビュー 2
∙
平均評価 5.0
5
1. 講義内容が簡単。 2.マークアップがきれいです。毎回意味のない幅、高さの繰り返し ない。尋ねないでください。 人を聞くことができてよかった。 3.例として使用するワイヤフレーム自体が洗練された。 4.画像スライドをCSSだけで作成するなどの新しい方法が学べてよかった。 5. 質問ができてよかった。
受講評が長くないけどこんなに具体的でわかりやすく書いてくださった方は初めてのようです。
受講レビュー 1
∙
平均評価 5.0
5
こんにちは！本日3回目の実機試験結果が出ましたが、92点に合格し、ふたたび受講平に来ました！一度講師、良い講義に感謝します。質問も本当に早く答えてくださり、講義内容も非専攻者が勉強することに基礎からじっくり説明していただいてよかったです。 （特に私は講師様が載せたYouTube講義と並行して聞いたのですが、理解が早かったです。） 早い時間で理解できるのに特化した授業だと思います。受講料が全く惜しくない授業でした！ありがとうございます。試してみると、1時間40分でクリアして1等で威風堂々と出てきました。ありがとうございました:) 他の講義もまた来るよ！
seohyeonさん、ありがとうございます。そして心から高得点合格おめでとうございます。 私も試してみると2時間にクリアしましたが、1時間40分でクリアしていたらすごいですね。講義の助けもあったのですが、本人が一生懸命やった結果だと思います～！
￥19,578
知識共有者の他の講座を見てみましょう！
同じ分野の他の講座を見てみましょう！
![ウェブデザイン開発技能士 [2025年] 実技全体 (カカオトーク質問可能)Course Thumbnail](https://cdn.inflearn.com/public/courses/332868/cover/3a2245ca-bb9f-414a-ba67-403cfcb2b7c9/332868.jpg?f=avif&w=420)
