강의

멘토링

로드맵

BEST
Programming

/

Web Development

HTML+CSS+JS ポートフォリオ実践公開(シーズン1)

HTML+CSS+JQUERY 初中級パブリッシングでは、さまざまな実践例を学習することで、パブリッシングの中級レベルに達するための基本を習得します。特に、さまざまな実践例を通じて十分な説明と実践作業を経験し、パブリッシングに自信がつきます。41時間以上の十分な学習量を提供するパブリッシングの授業です。(コーディングワークスのYouTubeパブリッシングチャンネルでCSS中級理論の学習を併行すると、より効果的です。)

  • codingworks
HTML/CSS
jQuery

学習した受講者のレビュー

こんなことが学べます

  • HTML+CSS+JQUERY の基本理論で、パブリッシングの基本を向上させる

  • Web サイトの公開スキルとノウハウの向上

  • ブロック要素とインライン要素の正確な概念と活用

  • position 属性の正確な概念と活用

  • hover before after checked active 仮想クラスの理解と活用

  • テキストエディター Brackets と Emmet の使い方

  • テキストエディター Visual Studio Code と Emmet の使い方

  • Flex の活用と Transform プロパティの概念と活用

  • 隣接セレクタ、属性セレクタ、checked 仮想クラスの理解と活用

  • さまざまなマウス ホバー効果

  • Font Awesome を理解して活用する

  • CSSタブメニューコンテンツ、JQUERYタブメニューコンテンツ作成能力

  • JavaScript 変数 (var) と条件文 (if) の理解と活用

コーディングワークス、HTML+CSS+JQUERY ポートフォリオ中級実戦パブリッシング講義

「パブリッシング必須理論と実践例の合計143の授業

'合計42時間に近い 本番パブリッシング講義ビデオ

「パブリッシャー就職のためのスキルアップ必須コース

「実務パブリッシング本当の実力のためのハードコーディングクラス」

📔ハードコーディング(Hard Coding)の実力が本当のパブリッシングの実力です。

ジェイクエリプラグインを使用してダイナミックで豪華に装飾されたパブリッシングは、本物のパブリッシングではありません。

本物のパブリッシングの実力は、HTMLでレイアウト設計をしっかりと上手にし、CSSでバッチと詳細にデザインし、直接作成したジェイクエリ(JQUERY)で相互作用まで作れるのが本物のパブリッシングの実力です。

今の豪華さにジェイクエリプラグインの使用に頼り、基本学習を忠実にしなければ、Webパブリッシャーとして就職するのは簡単ではありません。たとえ就職して実務で働くようになっても、パブリッシャーとして難しい一日一日になる可能性が高いです。

コード一行一行直接コーディングする まもなく、ハードコーディングできるのが本当のパブリッシングの実力です。


コーディングワークスの講義は細心の注意を払って正確です。

1. パブリッシング!怖すぎないでください。自信を持って始めましょう。始まりは半分です。

2. パブリッシング!軌道に乗るのは簡単だとは言えませんが、必ず補償に戻ります。

3. パブリッシャーの就職には、HTML+CSS+JQUERYハードコーディングの基本が重要です。

  • コーディングワークスパブリッシング講義では、受講生を理解できないコードは使用しません。受講生に原理を理解させることができる講義が良い講義だと思い、コーディングワークス講義はそう製作されました。
  • Webコーディングを初めて始める人のために、簡単で親切に講義されたコア理論と実践例を通じてパブリッシングの自信を持ってください。

HTML+CSS+JQUERY パブリッシングを始める方に申し上げたい言葉があります。

見た目のウェブサイトをハードコーディングで一人でよく作るパブリッシングの実力を備えるのは簡単なことではありません。正確には難しいです。

知っておくべき理論も多く、理論をもとに実戦制作してみた経験も十分でなければなりません。そしてPhotoshopのUIデザインのスキルもある程度備えなければなりません。そうすれば、初めて見やすいウェブサイトを一人でよく作る実力者になることができます。

ただし、上記で述べた忠実な理論学習と理論を活用した例制作を通じて実力が拡張されていない状態で「ポートフォリオウェブサイト制作に従う」ことはできません。

もちろん勤勉に従えば「男のものをコピーしたクローン(clone)ポートフォリオ」という結果物は出るでしょうが、本当の実力につながりません。

あなたがWebパブリッシャーの雇用のために、またはデザイナーがWebパブリッシング能力を持って競争力を持つためには、必ず個人のポートフォリオウェブサイトが必要です。先ほど申し上げた忠実な理論学習と実戦制作経験を備えずに従うだけで個人ホームページを作っても、ハードコーディングの実力が支えてくれないと就職しても実務ですぐに足りない基本基がティーになります。

個人のポートフォリオウェブサイトを作成する前に、十分な理論学習と理論を活用したいくつかのパブリッシングのサンプル制作経験を積んでください。


📔学習方法ガイド

私が考える「パブリッシングスキルを育てる」方法は...

実戦パブリッシングの例制作の際、最初にどのように作るのか気軽に視聴だけをして、2度目は見ながらつづきながら作り、3度目は見て自分でやって本当に思わないときに映像参照して制作してください。そうしてこそ本当の自分の実力で残ります。

※パブリッシング実戦芸術制作の勉強の際におすすめの学習方法(1回目から4回目の学習と欠品を作る)

  • 1回目- ただ何の考えもなく途中で切らずに映像を最後まで見ます。
  • 2回目- 映像を見ながら従って停止し、本人コードを書いてブラウザを確認して再度再生し、このようにしてください。
  • 3回目- 映像を見ずにソースファイル(画像、テキスト)だけを準備して映像の助けなしに自分で作ってください。 (本当に思わなかったらちょっと見てください。)
  • 4回目- 後で作成する個人ポートフォリオホームページワークのために、該当映像のソースファイルと同じ形式。 。


🙋🏻‍♂️講義に関する予想される質問と必読事項

Q. 例制作しながら出てくる中級CSS理論説明映像はありますか
A. '例制作に基礎理論に出ていない中級理論がたくさん出ていますが、中級理論授業はどこで聞きますか? 'これらの質問が掲示板に頻繁に来ます。

今のコースは初級パブリッシングの例制作を​​する過程ではありません。初級~中級パブリッシングの例を製作する過程です。だからCSS初中級理論はある程度知っておくべきです。だから必ずしもよく知る必要はありません。 CSS超中級理論は、例を作成しながら継続的に繰り返します。そして、コーディングワークスのYouTubeパブリッシングチャンネルに[中級理論] CSS中級理論というプレイリストに、サンプル制作に必要な必須の中級理論映像が詳しいので、今のコースを聞きながら中級理論を並行すれば良いです。

Q.このコースを受講すれば、実務でパブリッシャーとして働くことができますか?
A. このプロセスにあるパブリッシングの内容をすべて理解し、よく活用できれば可能です。しかし、パブリッシングというのに十分な経験がなければ、実務で働くことができます。今、コースのようなものをもう少し勉強し、全体のウェブサイト制作過程をいくつか勉強すれば良いと思われます。もちろん個人ポートフォリオのホームページ制作もしていただく必要があります。パブリッシングが進入障壁が思ったより高い方です。映像 一度ご覧いただくとその中に内容とノウハウが共に学生に伝わるわけではありませんので、上記の学習方法を通じて私のものにする過程をお願いします。

Q. 実戦例制作しながら理論パートに説明ができない部分がありますか?
A. 入門初級のための基本理論映像を載せたのは、もし不足だと思う理論があれば参考にするという意味で上げた映像です。実演例制作映像で理論パートにない内容が出ていますが、理論パートにない内容が例制作からなぜ出てくるのかと質問文を載せると、私が回答しにくいです。

Q. 勉強して知らないことがあれば質問はどこにありますか?
A. ご質問がございましたら、[質問&回答]掲示板に文を残すとすぐではなくても確認されれば答えをいたします。そして
質問はできるだけ具体的にしてください。質問が具体的でない場合、十分な答えはなかなか簡単ではありません。だから質問するときは、気になる内容と一緒に作成中のHTML、CSS、JQUERYコーディング画面をキャプチャして添付していただくと、回答がずっと簡単です。

Q. レスポンシブウェブサイト制作講義がありましたが、どれを先に聞くべきですか?
A. レスポンシブウェブサイト全体を制作する過程を聞く前に、今の過程で十分理論と実践例制作に対する実力を高め、レスポンシブウェブサイト全体の制作過程に来ることをお勧めします。
レスポンシブウェブサイト全体の制作過程なので、今の過程のように部分部分の詳細な扱いが難しいので、本番パブリッシングの過程で十分に訓練され、ウェブサイト全体の制作過程で来れば理解度がはるかに高いと考えられます。

Q. 講師様授業中にパブリッシャー就職本当の実戦ガイドを先に見ればいいでしょうか?
A. パブリッシングスキルをより身につけることも重要ですが、まずパブリッシャーとして基本基を備えることが優先されなければなりません。パブリッシャー就職実践ガイド電子ブック(PDF)では、パブリッシング基本基とは、好ましいコーディング習慣と原則、キャリアのようにパブリッシングするなどパブリッシャーとして必ず知るべき内容を慎重にまとめました。パブリッシャー就職実践ガイド電子書籍(PDF)をまず見て、パブリッシング基本基についての理解度を十分に持って学習することをお勧めします。下の画像をクリックすると、授業紹介内容をご覧いただけます。


📔 アップデートガイド

[アップデート案内、学習方法案内] HTML+CSS+JQUERY ポートフォリオパブリッシング必須理論と実践例制作講座

コーディングワークス、HTML+CSS+JQUERY ポートフォリオパブリッシング 必須理論と実践例制作講座を受講いただきありがとうございます。そして今後受講してくださる多くの方にもよろしくお願いします。

本講座は当分の間継続的にアップデートがある予定です。アップデートがある場合は、「Inflearn New New」でお知らせします。最終更新まで、既存の理論と本番パブリッシングによく従いながら制作してください。


📔セクション4. HTML + CSS本番パブリッシングの作成(Part 2) -アップデート完了(2020.08.18)

  • 01. 仮想クラス hover 活用した実戦例制作(基本型ドロップダウンナビ)
  • 02.before after 仮想クラスを活用した実戦例制作(ナビゲーションホバーエフェクト - Border)
  • 03.before after 仮想クラスを活用した実戦例制作(ナビゲーションホバーエフェクト - content attr)
  • 04.before after 仮想クラスを活用した実戦例制作(ナビゲーションホバーエフェクト – Rotate)
  • 05.ラジオボタンとチェックボックスをカスタムチェックボックスにスタイリング(背景画像を使用)
  • 06.ラジオボタンとチェックボックスをカスタムチェックボックスにスタイリング(フォントアサムアイコンを使用)
  • 07.シーケンスチェック 仮想クラス活用した実戦例制作(個人プロフィールカードUIホバーエフェクト)
  • 08.フォーム関連仮想クラスを活用した実戦パブリッシング(背景画像 フルスクリーン検索ウィンドウ)
  • 09.フォーム関連仮想クラスを活用した本番パブリッシング(ログイン画面)


📔中級レベルJump Upパブリッシング理論とヒント(Tip)予定リスト

実例の作成に必要な理論だけでなく、パブリッシングのスキルアップに必要なコア理論とヒントを常に更新します。スキルアップに必要なコア理論とヒント画像が更新されている場合は、新しいニュースを通じてお知らせします。

スキルアップに必要なコア理論とヒント画像は、セクション7に順次更新されます。新しいニュースを受け取っていない場合でも、セクション7に来て、学習が必要なビデオがあるかどうかを確認してください。ファイティング〜^^

※Jump Up パブリッシング理論とヒント映像で勉強する学習例 完成本は、該当映像の右上に授業資料を押すとzipファイルを受け取ることができます。

セクション7.中級レベルJump Upパブリッシング理論とヒント(Tip)

  1. WebパブリッシャーのためのChrome拡張機能の推奨(6つ) (完了、2020.05.31)
  2. aタグアンカーで目的の部分をスムーズに探す2つの方法(ジェイクエリプラグイン、CSSプロパティ) (完了、2020.07.25)
  3. bodyの中で別のhtmlを呼び出すことによって示すiframeを利用する(完了、2020.07.25)
  4. input タグの :checked と拡張選択子 (隣接選択、兄弟選択、属性選択) で作る CSS クリックイベント(完了、2020.07.25)
  5. インラインJavaScriptを活用する(divにhrefリンクを掛ける、戻る、進む、更新、ウィンドウを閉じる) (完了、2020.07.26)
  6. パブリッシング講師が講義がうまくいかないかを区別する(display属性の理解度) (完了、2020.08.2)
  7. 相対フォントサイズem単位とrem単位を理解する(完了、2020.08.2)
  8. ウェブサイトの制作時に必ず知っておくべきフォルダファイルのパスを理解する(絶対アドレス対相対アドレス) (予定)
  9. ジェネレータに依存せずに直接座標を見つけて直接コーディングするイメージマップ(Image Map)製作(予定)
  10. 要素の前後をデザインする仮想クラスの花(before、after)完璧を理解する(予定)

📔本番パブリッシングの例更新完了リスト

  1. タブメニューコンテンツパブリッシング with JQUERY (スタイル 01) (完了, 2020.05.30)
  2. パブリッシャーとしてぜひ!知っておくべきJavaScript、変数(var)と条件文(if) - 20歳の成人チェック(完了、2020.06.02)
  3. JavaScript変数と条件文を使用したスターポイントサイクル実践パブリッシング with jQuery (完了, 2020.06.02)
  4. ビジュアルスタジオコード(Visual Studio Code)とEmmetの使い方(完了、2020.06.05)
  5. タブメニューコンテンツ - スタイル02(プロトタイプ)with jQuery (完了、2020.06.07)
  6. タブメニューコンテンツ - スタイル02(本番制作) with jQuery (完了, 2020.06.07)
  7. マウスを上げると背景画像を変更する 公開プロトタイプ with jQuery (完了, 2020.06.07)
  8. ショッピングモールアイテムUIホバーエフェクト with jQuery (完了, 2020.06.07)
  9. コーディングワークス講義の特徴アコーディオンコンテンツスライド with jQuery (完了, 2020.06.10)

💡 セクション 6. ログイン画面 UI デザイン(完了、2020.06.20)

  1. [Part 01] ログイン画面UIデザイン(製作ノート、HTML構造設計する、ファビコンを入れる)
  2. [Part 02] ログイン画面UIデザイン(CSSデザイン - サイズ調整と配置)
  3. [Part 03] ログイン画面UIデザイン(CSSデザイン - ボタンデザインとチェックボックスとLabel)
  4. [Part 04] ログイン画面UIデザイン(CSSデザイン - before afterで区切り線デザイン)

ログインUIデザイン本番Webページの公開ビデオが更新されました。今回更新された講義映像はセクション7に合計4つのパートになっています。ダウンロードできるように完成本もアップロードされました。練習するときは、完成した本をダウンロードし、index.htmlとstyle.cssを削除して、ビデオの最初からゆっくりフォローしてください。

ログインUIデザインパブリッシングは、ジェイクエリの相互作用はない静的なパブリッシングですが、CSSの重要な属性であるボックスモデル、ボーダー、バックグラウンドイメージ、色、チェックボックスやラベルを使用するなど、全般にわたるすべてのCSSプロパティを勉強するには最適な例だ。と思われます。


💡 Pure CSSコンテンツスライダプロトタイプ (完了、2020.06.16)

  • JavaScriptやJavaQueryを使用していない純粋なCSSを作成するフルスクリーンタブメニューコンテンツ
  • 背景色を用いたプロトタイプ制作後の背景画像とテキストアニメーションを活用した応用実践例

▼Pure CSSコンテンツスライダプロトタイプ01(フルスクリーンタブコンテンツスライダプロトタイプ)

▼Pure CSSコンテンツスライダプロトタイプ02(フルスクリーンタブコンテンツスライダアプリケーション)


💡 ビデオバックグラウンドを活用したランディングページ本番パブリッシング with jQuery (完了, 2020.06.14)

  • ビデオを背景として使用してボディにいっぱいに埋め、穏やかなバックグラウンドミュージックを敷設し、音量を調整する
  • 起動時にコンテンツに徐々に表示されるCSSキーフレームアニメーションの作成
  • GoogleのWebフォントでさまざまなテキストの書式を飾る、CSSでかわいいボタンデザインを作成する
  • フルスクリーンナビゲーションを作動させるアニメーションハンバーガーボタンCSSにする
  • JQueryでフルスクリーンナビゲーションを浮かべる(toggleClass、fadeToggle)
  • 仮想クラス:beforeでビデオフレームにグラデーションオーバーレイをかぶせる
  • 完成したプレビュー:https: //youtu.be/tuVTiZtii0s
  • 完成本製作ノート:https: //youtu.be/LcIKADuM7TA


タブメニューコンテンツパブリッシング with JQUERY (スタイル01) (完了)

▼パブリッシャーとしてぜひ!知っておくべきJavaScript、変数(var)と条件文(if) - 20歳の大人チェック(完了)

  • JavaScript変数(var)と条件文(if)の概念理解クラス

▼JavaScript変数と条件文を使用したスターポイントサイクルの実践パブリッシングwith jQuery (完了)

  • JavaScript変数(var)と条件文(if)の概念を活用した本番パブリッシング
  • ジェイクエリメソッド : addClass() removeClass() text() html() val() prevAll() nextAll() index()

▼ビジュアルスタジオコード(Visual Studio Code)とEmmetの使い方 (完了)

▼タブメニューコンテンツパブリッシング(スタイル02) with jQuery (完了)

  • 検索ボックス placeholder テキストデザインの変更
  • 検索ボックスをクリックすると(:focus)
  • CSSでタブメニューコンテンツをデザインする(特にボーダーデザイン)
  • ジェイクエリタブメニューコンテンツ機能用のスクリプトを作成する - addClass()、removeClass()、siblings()、カスタムプロパティdata-alt、var、attr()メソッドでプロパティを取得する
  • プロトタイプ制作と実戦制作の2つに分かれていますので、プロトタイプ先に学習して実戦映像をご覧ください。

マウスアップすると背景画像が変更されるパブリッシングプロトタイプwith jQuer y (完了)

  • CSSに背景画像を入れる(backgorundプロパティ)
  • 仮想クラス:beforeのcontent:attr()を活用して埋められるテキストナビゲーションを作成する
  • ジェイクエリ mouseenter と mouseleave でカスタム属性の値を attr() と呼び、CSS で背景画像を置き換える

▼ショッピングモールアイテムUIホバーエフェクトwith jQuery (完了)

  • CSSを使用して親要素の子孫を配置して詳細に設計する
  • マウスオーバーすると商品詳細を見せながらCSS filter属性でイメージブラー処理
  • Size 選択と Color 選択するとデザインを変更する (addClass, removeClass)
  • [いいね]ボタンを押すと仮想クラス:beforeのcontentコンテンツフォントアサムUnicodeに変更する(toggleClass)

コーディングワークス講義特徴 アコーディオンコンテンツスライド with jQuery (完了)

  • flexで水平垂直中央配置
  • バーチャルクラス:afterでカトクのロゴを目的の位置に正確に配置する
  • タイトルにオーバーするとデザイン変更しながら矢印フォントアサムアイコンデザイン変更しながら回転させる
  • タイトルをクリックすると、タイトルのデザインが変更され、該当するコンテンツをスライドで表示する(addClass、removeClass、slideDown、slideUp)
  • タイトルをクリックすると、右側に画像タイトルのカスタムプロパティで指定されたdata-imageの値をattr()で置き換えます。

▼ジェイクエリリアクション型アニメモーダル(Modal)


💡 HTML + CSS本番パブリッシングコースの成果をプレビュー

▼ 01. CSS キーフレームアニメーション 活用した実戦例制作 01(円形サイズ変更ローディングアニメーション)

▼ 02. CSSキーフレームアニメーション 活用した実戦例制作 02(四角座標変更ローディングアニメーション)

▼03. CSSキーフレームアニメーションを活用した本番パブリッシング03(ダブルボーダーレディアスアニメーション)

▼ 04. 仮想クラス hover 活用した実戦パブリッシング 01(オーバーすると詳細説明表示される商品一覧)

▼ 05. 仮想クラス hover 活用した実戦パブリッシング 02(マウスオーバーすると現れるツールチップ作成)

▼ 06. バーチャルクラス hover 活用した実戦パブリッシング 03

▼ 07. 仮想クラス hover 活用した実戦パブリッシング 04(上下に分離されるホバーナビゲーションエフェクト)

▼ 08. 仮想クラス hover 活用した実戦パブリッシング 05(アプリ UI レイヤ 3D ホバーアニメーション)

▼ 09. 仮想クラス before after 活用した実戦パブリッシング 01(before after 基本使用法)

▼ 10. 仮想クラス before after 活用した実戦パブリッシング 02(アニメーションホバーナビゲーションエフェクト)

▼ 11. 仮想クラス before after 活用した実戦パブリッシング 03(SNSアイコンアニメーション)

▼ 12. 仮想クラス before after 活用した実戦パブリッシング 04(content attr を活用したテキストナビゲーション)

▼ 13. 入力フィールド デザインを飾る仮想クラスを活用した実戦パブリッシング(フォントアサム使用した入力フィールド)

▼14〜15。シーケンスチェック 仮想クラス活用した実戦パブリッシング 01(アニメスキルプログラス、delay)

▼ 16. シーケンスチェック 仮想クラス活用した実戦パブリッシング 03(Flexbox活用したギャラリーイメージアコーディオンナビゲーション)

▼ 17. 拡張選択者とともに仮想クラス checked 本番パブリッシング 01(アニメーションハンバーガーボタン作成)

▼ 18. 拡張選択者とともに仮想クラス checked 本番パブリッシング 02(アニメサイドメニュー作成)

▼ 19. 拡張選択者とともに仮想クラス checked 本番パブリッシング 03(タブメニューコンテンツ作成)

▼ 20. 拡張選択者とともに仮想クラス checked 本番パブリッシング 04(タブコンテンツ - Opacity)

▼ 21. 拡張選択者とともに仮想クラス checked 本番パブリッシング 05(タブコンテンツ – Opacity アプリケーション)

▼ 22. 拡張選択者とともに仮想クラス checked 本番パブリッシング 06(タブコンテンツ - Slide)

▼ 23. 拡張選択者とともに仮想クラス checked 本番パブリッシング 04(Testimonial タブスライダ)

▼ アコーディオン(Accordion)with jQuery

▼ モーダル(Modal) with jQuery & :target

💡学習前必読事項

学習前のCSS必須理論とCSS中級理論まず学習が必要です。

そのコースは、例を中心に学習するプロセスです。 CSS必須理論とCSS中級理論まず学習が必要です。そのため、少なくともCSS必須理論は知っており、サンプル制作学習を行う必要があります。サンプルを学習し続けると、サンプルの難易度は常に上がります。だから、知らない理論が増え続けているので、負担になることがあります。

あまりにも基本的な質問をすると、今後本当に多くの質問文を投稿することになります。回答する人としても、Googleで検索すると難しくないことがわかる内容を質問すると、回答する時も興奮しません。

基本的な質問をしないでください。私も独学しましたが、独学するのは難しいことです。詰まったときに尋ねる人もなく、苦しいですね。しかし、詰まって気になる点がある場合は、まずグーグルして調べてください。韓国人ブロガーがよく説明しておいた内容が本当に多いです。検索して勉強しましたが、気になる内容が解けない部分を尋ねれば、いつでも私が知っている線で詳しくお話します。

今後のスキル向上のためにパブリッシング学習しながら本当にたくさんのことを知っておく必要があります。

自分で知っていく過程で実力がたくさん増えます。しかし、自分で探して理解しようとしても難しい部分があるかもしれません。そのような部分を私が助けます。そして、その講座の例制作から出てきたコードの内容に関する気になる内容はお尋ねください。

今までの例を挙げるのではなく、コーディングワークスのYouTubeチャンネルでCSS必須理論と中級理論を最初に学んで、例をお勧めします。

🌏コーディングワークスYouTubeチャンネルプレイリスト - CSS必須理論
https://www.youtube.com/watch?v=-1_e38zLCXw&list=PLv_UUi9AVBVsziY1nF_9LxA6c_oaUdQ99

🌏コーディングワークスYouTubeチャンネルプレイリスト - CSS中級理論
https://www.youtube.com/watch?v=PLrDCRrXdRk&list=PLv_UUi9AVBVvr9gODWpz6aZUS6VNvdsYq

ちなみに、コーディングワークス講義中に「中上級パブリッシングのためのCSS3のすべて」という講義があります。その講義を聞くと、完璧なCSS理論を持つことができます。以後、他のサンプル制作やウェブサイト制作過程で来れば、学習内容のほとんどを理解しながら学習することができるので、学習効率がとても良いと思われます。

❤コーディングワークスの受講生に来たパブリッシャー合格ニュース


▲国費支援パブリッシング過程 私に4ヶ月半ほど学んだ学生ですが、就職したとカトクが来ました。


▲コーディングワークス個人ポートフォリオ制作オフライン講義受講生の面接就職結果カトクを受けました。 (2023.4.24)

❤コーディングワークスの受講生がパブリッシャー就職後に送ってくれたメール

 

先生こんにちは:)

先生 Inflearn 講義聞いた学生キム・オジョンです。
今夏のプライベートポートフォリオに関してアドバイスを得ようとメール送信した学生です。
覚えていますか?😊😊

相違ではなく、
先生にアドバイスを得たポートフォリオでパブリッシャー就職成功したというニュースを伝えようとメール送信します!

でも!
人に載せたポートフォリオを見て会社側から先に連絡が来て、ズームで面接を見て合格しました!
会社側では希望年俸を合わせてデザイン、開発業務をしない本当にパブリッシャー!仕事だけができる会社に入るようになりました。

キャリア職のパブリッシャーを求める会社でしたが、新人の私に連絡が来て、なぜ私に連絡を与えたのかと聞いてみました。
他の人のポートフォリオもたくさん見ましたが、私のポートフォリオで見た「機能定義書」が目立って連絡をいただきました

これがみな先生の講義のおかげだと思います。
先生の講義を聞かなかったら、私もちょうど普通のポートフォリオになりましたが、先生が言ってくれた蜂蜜のヒントで就職に成功することができました!

実際にはお会いできませんが、
ポートフォリオを作る中、先生の講義を見ながらとても頼りにして信じて頑張りました!

学園で長い時間の授業を聞きながら積み重ねた実力より先生の講義を聞いてポートフォリオを作った3ヶ月間の実力がすごく上昇したことが感じられます

切に欲しかったし、
先生がおっしゃっていた通り信じていたら、本当に良い結果が出ました。

本当にありがとうございました!

コロナに注意してください。
また良い講義で会いたいです:)


先生こんにちは〜Inflearn受講生OOOです〜メールアドレスは他の受講生の回答見てわかりました..😊😊

ありがとうご挨拶お願いします

これまで先生講義受講して2週間ほど履歴書を見ながら苦労してしまいました。
会社一面面接に合格して出勤することにしました。 本当にありがとうございました。

実は私が年齢が32歳だから心配が多かったです。
しかし、この会社の人事担当者が、本人は学園出身は悪いと言っていましたよ😊😊
私が入社することにした会社は小さいですが、開発者もあり、ウェブデザイナーもいます。
3ヶ月間教育させ、実務に投入する食事だったんです。
距離も少しあり、年俸も低かったけど..一生懸命学んで年俸を上げてみようよ~ 😊😊

その間、本当にありがとうございました。質問の回答もよくしてくれてこんなにオンラインで講義をして就職になるからとても不思議ですね。

これからも先生の講義を聞きながら実力を増やしながら勉強します。ファイティング~!

質問する前にぜひ!読んでください〜!

学習しながら質問がある場合は質問してください。ご質問の際にはいけない内容とコード、ブラウザ結果画面のキャプチャを投稿してください。コードの場合、HTML、CSS、JSコードの両方をアップロードする必要があります。

質問にコードなしでグローだけの問題を説明すると、本当に簡単ではないと正確な答えを出すのは難しいです。それから私は「HTML、CSS、JSコードとブラウザのキャプチャをアップロードしてください〜」と返信する必要があり、最終的に解決策を得るのに面倒で時間がかかります。

効果的な学習のためにぜひ!コーディングワークスパブリッシングYouTubeを参照してください。

コーディングワークスパブリッシングYouTubeチャンネルで理論映像講義と並行してください。もちろん、すべての理論映像がYouTubeチャンネルにあるわけではありませんが、重要な理論映像はほとんどありません。映像が多いので、映像を探す方法は以下の例のように検索することをお勧めします。

コーディングワークスパブリッシングYouTubeチャンネル: https: //www.youtube.com/codingworks

👨🏼‍🏫講師紹介

  • (現在)フリーランサーフロントエンドパブリッシャー
  • ダージョはコンピュータアカデミーWebパブリッシングインストラクター
  • 今コンピュータアカデミーWebパブリッシングインストラクター
  • フロントエンドパブリッシャー、フロントエンドパブリッシング専門講師
  • 今コンピュータアカデミーウェブデザイン機能士実技資格証明
  • ラクピアICTトレーニングセンターフロントエンドパブリッシングマスターコース講師
  • イージー&エデューフロントエンドパブリッシング、UI/UXデザイン
  • HTML + CSS + JQUERYパブリッシングYouTubeチャンネル「コーディングワークス」を運営
  • コーディングワークスパブリッシングYouTubeチャンネル - https://www.youtube.com/codingworks

💡カリキュラム

※基本的なパブリッシング理論を知っていれば本番パブリッシングの制作を学習しても良いです。
※本番パブリッシング制作学習する必要がある場合は必須理論を参考にしてください。

セクション 0. [プレビュー] HTML+CSS 実践パブリッシングの例 完成したプレビュー

  • [完成版プレビュー] HTML+CSS本番パブリッシング制作
  • [完成本製作ノート] HTML+CSS本番パブリッシング制作
  • [完成本製作ノート] HTML+CSS 本番パブリッシング制作 with jQuery
  • [完成本製作ノート]ビデオバックグラウンドを活用したランディングページ実戦パブリッシング with jQuery

セクション 1.ブラケット(Brackets)とビジュアルスタジオコード(Visual Studio Code)の使い方

  • ブラケットの使い方とショートカットの活用
  • ブラケット(Brackets)でのエミット(Emmet)の使い方とショートカットの活用)
  • ブラケットのリアルタイムプレビュー(フォルダ構造の作成)
  • ビジュアルスタジオコード(Visual Studio Code)の使い方と環境設定
  • ビジュアルスタジオコード(Visual Studio Code)でのEmmetの使い方

セクション2.セクション01。 HTML+CSS+JQUERY パブリッシングの必須理論

  • HTML5コアタグの使い方(段落、テキスト書式)
  • HTML5コアタグの使い方(リストの作成)
  • HTML5コアタグの使い方(リンク、画像)
  • CSSコア理論(CSSとは、CSSリンク、基本文法)
  • CSSコア理論(選択者、セレクタ適用優先順位)
  • CSS書式関連プロパティ(テキストスタイル)
  • CSS書式関連属性(リストスタイル)
  • CSS 子孫選択子 vs 子選択子、親要素 vs 子要素
  • 詳細設計のためのCSSボックスモデル(border、border-radius)
  • 詳細設計のためのCSSボックスモデル(width、height、padding、margin、box-sizing)
  • 詳細設計のためのCSSボックスモデル(box-shadow、text-shadow)
  • パブリッシングのすべて! HTMLインライン要素、ブロック要素、インラインブロック要素
  • CSSでHTML水平に配置する(float、overflow、clear、inline-block)
  • HTML5セマンティックタグでCSSレイアウトを設計する(親要素、子要素、兄弟要素)
  • CSSポジションのプロパティを完全に理解する(第1編) – 親要素 vs 子要素
  • CSSポジションのプロパティを完全に理解する(2編) – 自動的に水平垂直中央に配置する
  • CSSポジションのプロパティを完全に理解する(第3編) – 親要素を配置する
  • CSS 必須仮想クラス – マウスオーバー効果 (hover, transition)
  • CSS 必須仮想クラス – 順序を作成する仮想クラス (nth-child, nth-of-type)
  • CSS必須仮想クラス - 順序を作成する仮想クラス(first-child、last-child)
  • JQueryを始める(フォルダ構造、リンク方法)
  • jQuery(jQuery)必須コア理論(基本構文の作成、セレクタ)
  • JQuery(jQuery)必須コア理論(関数)
  • JQuery(jQuery)必須コア理論(メソッド)
  • JQuery(jQuery)必須コア理論(効果メソッド – slideDown、slideUp、fadeIn、fadeOut)
  • JQuery(jQuery)必須コア理論(クラス制御メソッド – addClass、removeClass、toggleClass)
  • ジェイクエリー(jQuery) 必須コア理論(要素探索メソッド – children, siblings)

セクション 3. HTML+CSS+JQUERY 本番パブリッシングの作成

  • CSSキーフレームアニメーションを活用した本番パブリッシング01(円形サイズ変更ローディングアニメーション)
  • CSSキーフレームアニメーションを活用した本番パブリッシング02(長方形座標変更ロードアニメーション)
  • CSSキーフレームアニメーションを活用した本番パブリッシング03(ダブルボーダーレディアスアニメーション)
  • 仮想クラスhover活用した実戦パブリッシング01(オーバーすると詳細説明表示される商品一覧)
  • 仮想クラス hover 活用した実戦パブリッシング 02(マウスオーバーすると現れるツールチップの作成)
  • バーチャルクラス hover 活用した実戦パブリッシング 03
  • 仮想クラス hover 活用した実戦パブリッシング 04(上下に分離されるホバーナビゲーションエフェクト)
  • 仮想クラス hover 活用した実戦パブリッシング 05(アプリ UI レイヤ 3D ホバーアニメーション)
  • 仮想クラス before after 活用した実戦パブリッシング 01 (before after 基本使用法)
  • バーチャルクラス before after 活用した実戦パブリッシング 02(アニメーションホバーナビゲーションエフェクト)
  • 仮想クラス before after 活用した実戦パブリッシング 03(SNS アイコンアニメーション)
  • 仮想クラス before after 活用した実戦パブリッシング 04 (content attr を活用したテキストナビゲーション)
  • 入力フィールドデザインを飾る仮想クラスを活用した本番パブリッシング(フォントアサム使用した入力フィールド)
  • シーケンスチェック 仮想クラス活用した実戦パブリッシング 01(アニメスキルプログラス)
  • シーケンスチェック 仮想クラス活用した実戦パブリッシング02(アニメスキルプログラス、delay)
  • シーケンスチェック 仮想クラス活用した実戦パブリッシング 03(Flexbox活用したギャラリーイメージアコーディオンナビゲーション)
  • 拡張選択者と一緒に仮想クラス checked 本番パブリッシング 01(アニメハンバーガーボタンを作る)
  • 拡張選択者と一緒に仮想クラスchecked本番パブリッシング02(アニメーションサイドメニューを作成)
  • 拡張選択者との仮想クラス checked 本番パブリッシング 03 (タブメニューコンテンツの作成)
  • 拡張選択者との仮想クラス checked 本番パブリッシング 04 (タブコンテンツ - Opacity)
  • 拡張選択者との仮想クラス checked 本番パブリッシング 05 (タブコンテンツ – Opacity アプリケーション)
  • 拡張選択者との仮想クラス checked 本番パブリッシング 06 (タブコンテンツ - Slide)
  • 拡張選択子と一緒に仮想クラスチェックされた本番パブリッシング07(Testimonialタブスライダー)
  • Pure CSSコンテンツスライダプロトタイプ01(フルスクリーンタブコンテンツスライダプロトタイプ)
  • Pure CSSコンテンツスライダプロトタイプ02(フルスクリーンタブコンテンツスライダアプリケーション)

セクション 4. HTML+CSS 本番パブリッシング制作 with JQUERY

  • HTML+CSS本番パブリッシング制作 with JQUERY - タブメニューコンテンツ(スタイル01)
  • パブリッシャーとしてぜひ!知っておくべきJavaScript、変数(var)と条件文(if) - 20歳の大人のチェック
  • JavaScript変数と条件文を使用したスターポイントサイクルの実績パブリッシング with JQUERY
  • タブメニューコンテンツ - スタイル02(プロトタイプ) with jQuery
  • タブメニューコンテンツ - スタイル02(本番制作) with jQuery
  • マウスを上げると背景画像を変更する with jQuery
  • [Part 01] ショッピングモールアイテムUIホバーエフェクト - ワイヤフレーム設計、重要機能制作
  • [Part 02] ショッピングモールアイテムUIホバーエフェクト - 詳細HTML作成と詳細CSSデザイン
  • [Part 03] ショッピングモールアイテムUIホバーエフェクト - ジェイクエリー相互作用を作る
  • [Part 01]アコーディオンコンテンツスライド - ワイヤフレームデザイン
  • [Part 02] アコーディオンコンテンツスライド - 詳細内容 公開
  • [Part 03]アコーディオンコンテンツスライド - インタラクションジェイクエリ

セクション 5.ビデオバックグラウンドを活用したランディングページ本番パブリッシング with jQuery

  • [Part 01] ビデオバックグラウンドを活用したランディングページ - ウェブフォント、動画を制御する、ロゴ
  • [Part 02] ビデオバックグラウンドを活用したランディングページ - アニメコンテンツ制作
  • [Part 03] ビデオバックグラウンドを活用したランディングページ - フルスクリーンナビ(トリガー、モーダルデザイン)
  • [Part 04] ビデオバックグラウンドを活用したランディングページ - フルスクリーンナビゲーション(モーダルウィンドウジェイクエリー相互作用)
  • [Part 05] ビデオバックグラウンドを活用したランディングページ - ビデオオーバーレイをかける

セクション6.本番Webページの公開 - ログイン画面のUIデザイン

  • [Part 01] ログイン画面UIデザイン(製作ノート、HTML構造設計する、ファビコンを入れる)
  • [Part 02] ログイン画面UIデザイン(CSSデザイン - サイズ調整と配置)
  • [Part 03] ログイン画面UIデザイン(CSSデザイン - ボタンデザインとチェックボックスとLabel)
  • [Part 04] ログイン画面UIデザイン(CSSデザイン - before afterで区切り線デザイン)

セクション7.中級レベルJump Upパブリッシング理論とヒント(Tip)

  • WebパブリッシャーのためのChrome拡張機能の推奨(6つ)
  • aタグアンカーを作成し、2つの方法でSmooth Scrollingする(ジェイクエリプラグイン、CSSプロパティ)
  • body内で別のhtml読み込むiframeを活用する
  • input と checked を活用した拡張選択子(隣接選択子、兄弟選択子、属性選択子)
  • インラインJavaScriptを活用する(onclick JavaScriptイベント)
  • パブリッシング講師が講義がうまくいかないかを区別する(display属性の理解度)
  • 相対フォントサイズem単位とrem単位を理解する
  • 親要素の値を継承するinheritを理解する
  • CSS calc() 算術式(四則演算)
  • CSSで変数var()を使用する
  • 仮想クラスの花(:before:after)の使い方
  • ハードコーディングでイメージマップを作成する

セクション8. [ダウンロード]サンプルの作成に使用されたソースファイルと完成した本

  • [完成版] HTML + CSS本番パブリッシング
  • [完成版] HTML+CSS 本番パブリッシング with jQuery
  • [完成版]ビデオバックグラウンドを活用したランディングページ本番パブリッシング with jQuery
  • [完成版]本番ウェブページパブリッシング - ログイン画面UIデザイン
  • [ダウンロード] ビジュアルスタジオコード(Visual Studio Code)とエミット(Emmet)

インタビューと就職を呼ぶパブリッシャー 個人ポートフォリオ ホームページ制作スクリプト、レイアウト、インタラクティブウェブ、インタラクティブウェブ、ウェブデザイン、ウェブデザイン、ポートフォリオ、パブリッシング、レスポンシブウェブ、ウェブデザイン機能士実技試験、ブートストラップ、ブートストラップ、css frameworks、フレームワーク

こんな方に
おすすめです

学習対象は
誰でしょう?

  • 初めてウェブコーディングを始める方

  • ウェブサイトのメンテナンス修正補完を独自にしたい方

  • ウェブデザイナーからウェブパブリッシャーに職業を変更したい方、または HTML+CSS+JQUERY パブリッシングを強化したい方

  • Web 出版に関する理解を深めたいWeb プランナー

  • フロントエンド パブリッシングの理解を深めたい開発者

  • Webデザイン機能士実技試験を準備する方

前提知識、
必要でしょうか?

  • 基本的なコンピュータ利用能力とインターネットブラウザの使用能力

  • コーディングのための基本的な英語タイピング能力

こんにちは
です。

12,610

受講生

743

受講レビュー

2,113

回答

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

カリキュラム

全体

142件 ∙ (41時間 42分)

講座資料(こうぎしりょう):

授業資料
講座掲載日: 
最終更新日: 

受講レビュー

全体

174件

4.9

174件の受講レビュー

  • Bam Bee님의 프로필 이미지
    Bam Bee

    受講レビュー 2

    平均評価 5.0

    5

    48% 受講後に作成

    냉정하게 말해드립니다. 모학원 150만원내고 6개월 듣느니 이 강의 5만원내고 그냥 하루2시간씩 1달만 꾹꾹 참고 들어보세요. (2회독추천) 따분한 이론같은거 없이 진짜 알맹이,핵심만 알려줍니다. (F모 온라인강의에서 첫강의에 HTML 역사하는거보고 1초컷 환불함) 보통 온라인 강의하시다 강사분들이 실수하시는게 처음에 천천히하다가 뒤에 실전파트 어려운거나오면 설명하기 귀찮은건지, 페이스가 신나서 빨라지시는건지 모르겠지만 설명하지도 않은 코드쓰면서 속도는 4배속으로 빨라지는데 여기는 처음 페이스 그대로 초심자 맞춰서 끝까지 가줍니다. 난이도? 솔직히 중학교이상 졸업했는데 이 강의가 어려우면 퍼블리싱은 이번생에 인연이 아닌걸로 생각하셔도 될 정도로 친절하고 쉽습니다. 참고로 저는 문과에 C#만알고 HTML,CSS이라는 단어자체가 처음이였습니다. 바라는점 ? 1. 원페이지라도 웹페이지 하나 전체를 퍼블리싱하는 실무가 있었으면 좋겠습니다. (쇼핑몰처럼이라던지) 2. HTML,CSS 레이아웃을 보통 하나하나 만들기보다 어디선가 퍼오던데 그런꿀팁장소도 공유해주시면 감사하겠습니다. (설령 추가결제 강의로 나오더라도 구매의사있음)

    • 코딩웍스(Coding Works)
      知識共有者

      안녕하세요. 코딩웍스입니다. 부족한 강의에 너무 과찬을 해주셔서 부끄럽습니다. 제가 지금 학원에서 강의를 하고 있지만 저의 철칙은 '모르는 코드 사용하고 학생들에게 외우세요' 라고 말하는건 절대 하지 않습니다. 모르는 코드를 쓰면서 결과를 내는건 결코 바람직하지 않다고 생각합니다. 저도 모르는게 많아서 학생들에게 이해시키려고 쉬운 방식을 항상 고민하고 있습니다. 지금 강의 들으시는 '실전 퍼블리싱 예제 제작 과정'에 이어서 말씀하신 원페이지로 반응형 웹사이트 전체 제작과정을 처음부터 끝까지 함께 만드는 강의는 레코딩 중 입니다. 웹사이트 전체를 퍼블리싱하는 강의이다 보니까 영상 제작 시간이 꽤 걸리더라구요. 원래 이거 먼저 오픈하려했는데 늦어지는 바람에 실전 퍼블리싱 강좌 먼저 오픈했습니다. 아시겠지만 퍼블리싱 중에서 가장 어려운 파트가 웹사이트 전체 레이아웃을 위한 HTML 와이어프레임 설계가 제일 중요한데 제가 특히 웹사이트 전체를 퍼블리싱하는 과정을 강의하는걸 잘하는 편이거든요. 열심히 준비하고 있으니 조금만 기다려주세요. 힘든 시기지만 퍼블리싱 열심히 공부하시는 만큼 반드시 충분한 보상으로 돌아갈거라 확신합니다. 좋은 후기 다시 한번 감사드립니다.^^

  • wodndi0321님의 프로필 이미지
    wodndi0321

    受講レビュー 13

    平均評価 5.0

    5

    45% 受講後に作成

    신입 퍼블리셔로 회사에 다니면서 정말 막막하고 잘 몰랐던 부분을 해소 시켜주기 딱 좋은 강의였던 것 같습니다. 우선 무엇보다 이해가 너무너무 잘 됩니다. 코딩웍스님 강의는 대체적으로 눈높이에 맞는 그리고 실무경험이 풍부하신 덕에 회사에서 도움이 될 만한 부분들이 정말 많았습니다. 강의도 무제한이니 까먹고 헷갈릴때마다 찾아서 볼 수 있어서 너무 좋구요, 다른 강의도 들어 볼 예정입니다. 정말 감사합니다 :)

  • 세계수님의 프로필 이미지
    세계수

    受講レビュー 4

    平均評価 5.0

    5

    71% 受講後に作成

    현재 코딩웍스 열공중인 프론트엔드 개발자 지망생입니다. HTML,CSS를 다른 책이나 강의로 한번봤지만 제대로 된 화면 하나 만드는게 많이 어려웠었습니다. 정말 우연히도 유튜브 알고리즘에 의해 코딩웍스 강의를 두개쯤 본 후 바로 결제했습니다. 이 강의 듣기전에는 분명히 강의도 보고 책도 봤는데 마크업이 낯설어 하기 힘들었지만 지금은 오늘 할 분량의 예제를 미리 실행시켜보고 구현하는 재미에 빠져있습니다. 리액트 공부해야되는데 마크업 작업을 더 열심히 공부하는 중이네요 ㅎㅎㅎ 저의 경우는 제이쿼리보다는 바닐라 자바스크립트로 DOM 제어를 하는게 편해 제이쿼리 강의는 듣진 않았지만 코딩 입문자 분들은 제이쿼리로 동적인 화면 만드는 것을 한번 경험해보시면 좋을거 같습니다. 현재 중급자 CSS 강의까지 같이 샀고 시즌1 어느정도 진행되면 같이 들을 예정입니다. 일단 1월말까지 시즌2와 중급자 CSS이론 완강을 목표로하고 있습니다. 이런 강의 만들어주셔서 감사합니다.

    • 구체적인 수강평이라 예비 수강생들에게 좋은 참고가 될 것 같습니다. 재밌게 공부하시고 궁금하신 내용 있으시면 질문주세요~!!

  • good love님의 프로필 이미지
    good love

    受講レビュー 1

    平均評価 5.0

    5

    80% 受講後に作成

    다른 강의도 듣고 있는데 수강평 쓸수있는 있는 강의를 못찾아서 여기 씁니다! 정말 정말 퍼블리싱 강의로 강추 드려요! 선생님 강의로 공부해서신입 퍼블리셔로 취업하고 어느덧 1년차가 되었어요! 이 강의로 실제 포트폴리오작업하고 면접까지 봤던 때가 생각이 납니다!! 작업하다가 궁금한 부분은 지금도 틈틈히 신청해놨던 강의들 찾아보고, 업데이트 올라온 강의 있으면 또 찾아보고 선생님 유튜브도 찾아보고 있어요 기초부터 탄탄하게 정말 쉽게 가르쳐 주셔서 잘 믿고 따라가시면 됩니다 ! 선생님 정말 감사하다는 인사드리고싶어서 수강평 남겨요! ㅠㅠ 앞으로도 꾸준히 강의 많이 해주셨음 좋겠습니다 !! 지금은 연봉 협상을 앞두고 있는데 flex, grid, scss 등 안가르쳐주신 게 없어서 저의 자신감의 근본이 되어주시는 선생님 입니다.. ㅠㅠ 제가 습득이 느린 편이라 여러모로 부족한게 많지만 더 열심히 할 마음으로 잘 배우겠습니다 연봉 올라갈 수 있게 응원해주세요!! ㅎㅎ 감사합니다 선생님

  • toisaj님의 프로필 이미지
    toisaj

    受講レビュー 7

    平均評価 5.0

    5

    18% 受講後に作成

    최고의강의입니다 이거 듣고 독학으로 취업해서 2년차입니다 ㅎㅎ

    • 늦은 수강평이지만 이런 수강평 보고 다른 수강생들이 힘 낼 수 있을 것 같습니다. 감사합니다~!!

期間限定セール

¥34,650

25%

¥5,515

codingworksの他の講座

知識共有者の他の講座を見てみましょう!

似ている講座

同じ分野の他の講座を見てみましょう!