강의

멘토링

커뮤니티

Programming

/

Front-end

本当!ウェブサイト制作! Step by Step! (「クルアラモード」_反応型ウェブ制作)

本当!ウェブサイト制作 Step By Step!クルアラモード(https://crewalamode.com/)メインページをそのまま製作してみる過程です。サイトに盛り込まれているカラフルなインタラクティブウェブをそのまま製作、実装してみる過程で、複雑なレイアウトも簡単かつ迅速に制作する実務コアノウハウをそのままお知らせします。

  • jyoung
3시간 만에 완강할 수 있는 강의 ⏰
Responsive Web
jQuery
HTML/CSS
Interactive Web

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

受講後に得られること

  • 実務に適したレイアウト制作方法!

  • フルサイズ動画が入ったレスポンシブウェブサイトの制作方法!

  • スクロールアニメーションの適用方法!

  • スクロール時にデザインが変更されるヘッダーとイメージアニメーション!

  • 文字ごとのテキストアニメーション!

  • GNBオープンメニューの製作方法!

自分で作って学ぶウェブサイト!
J. Youngと一緒にクローンコーディングに挑戦してください。

HTML/CSSだけを知っても
インタラクティブウェブ制作OK!

このレッスンは、HTMLとCSSに関する基本的な知識を持つ人々を対象に、実際のWebページをそのまま実装し、進行されます。


Step By Step!
今すぐ始めましょう。

Webページの制作に必要なjQueryの基礎から活用まで学ぶことができ、様々なライブラリやプラグインを活用して短時間で素敵でカラフルなWebページを制作できるよう、皆様をお手伝いいたします。

実務で必要なインタラクティブな要素で構成されたWebページ講義により、業務スキルと実務コアノウハウを一度に得ることができます。

実務は!スピード戦であり、スケーラビリティです。
作業時間内にすばやく、クオリティのプロジェクトを完了する方のみが実力あるデザイナー、パブリッシャーとして認められ、扱われます。

フォーメインサイトを一緒に作ってみながら、派手なウェブサイトも素早く制作していけるノウハウを身につけてみてください!


  1. HTML/CSSによる超簡易レイアウト作成法
  2. Transformを活用した様々なホバー効果
  3. スクロールによってデザインが変更されるヘッダー
  4. プラグインを活用したテキストアニメーション
  5. スクロールで進行するアニメーション
PC/Tablet/Mobile 機器別レスポンシブページビュー
開発者ツールの活用法


20年経歴の実務+講義ノウハウ
J.young

こんにちは? J.youngです。

20年間、Webデザイン&アプリ開発会社でデザインチーム総括でチームを運営しており、しっかり大学と学校および職業訓練機関でUIUXデザイン、ウェブデザイン、ウェブパブリッシャー、フロントエンド開発講義を行っています。デザインやコーディングの基礎が全くない学生を対象にウェブデザイナー/パブリッシャーなど専門家養成のため

  • 基礎から実務まで!
  • 実務で欲しい!
  • 実務ですぐに使えるポートフォリオ制作!

講義を進めて専門家として堂々と実務に進出できるよう指導しています。それだけ多くの弟子たちが現職デザイナーで、パブリッシャーでその力量を発揮しています。

  • Webデザイナーやパブリッシャーになりたいのにどこから始めるのか
  • 離職のための正規コース学園に通いたくても職場生活のために厳しくできない方
  • コーディングの「鼻」を知らない人
  • 学園やYouTubeなどでHTML/CSSの基礎は学んだが、導通ウェブサイト制作が他の話だった方々

オープンチャットルーム運営

よりスムーズな学習のために、J.youngが運営するよくあるウェブディーオープンチャットルームに加入すれば、
ピグマ、UI.UX、コーディング、ポートフォリオ製作関連の核蜂蜜チップと無料ウェビやリンクなどを共有いたします。

オープンチャットルーム:よく知られたウェブディ
コード:jyoung

実務キャリア

  • 2015~2017(株)エリエセル総括取締役
  • 2003~2015(株)アミュージングウェア総括取締役
  • 〜2003ソウ氏アンディデザイン実装

講義やその他のキャリア

  • 元気なウェブディYouTubeの運営中
  • 仁川文芸専門学校(マルチメディアウェブ講義)
  • ソウル現代職業専門学校(スマートウェブ/アプリ講義)
  • ポリテック大学(デザイン講義)
  • 韓国IT専門学校(マルチメディアデザイン講義)
  • タップ職業専門学校(デザイン講義)
  • 光明市女性ビジョンセンター(ウェブデザイン講義)
  • 今コンピュータ学園講義のブンダン店(デザイン講義)
  • ザ・ジョウンは、コンピュータアカデミーの瑞草店([ウェブデザイン機能士]デジタルウェブ&アプリデザイン - コース評価型資格-A)
  • 今DXアカデミー(江南店)(ピグマ、UIUX、フロントエンド講義)

こんな方に
おすすめです

学習対象は
誰でしょう?

  • HTML / CSSの基礎はありますが、Webページの作成が恐れている人

  • Webデザイナー、パブリッシャーとして就職のために迅速にポートフォリオを制作したい人

  • Webで必要なjQueryソースを習得したい人

  • JavaScriptの基礎なしに実務で必要とするインタラクティブWebを簡単に実装したい人

  • 現在グラフィックデザイナーとしてフロントエンド開発者やパブリッシャーに転向したい方

  • ウェブデザイナーとして業務スキルを向上させたい方

  • スケーラビリティを考慮したインタラクティブWebを迅速に実装したい方

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

  • HTML/CSSの基礎

こんにちは
です。

8,817

受講生

354

受講レビュー

227

回答

4.8

講座評価

14

講座

 안녕하세요? J.young 임자영입니다.

20여년간의 웹디자인 & 앱개발회사를 운영하며, 대학과 전문학교 및 직업훈련기관에서 UI.UX디자인,웹디자인, 웹퍼블리셔, 프론트엔드개발 강의를 하고 있습니다.

디자인이나 코딩에 대한 기초가 전혀 없는 학생들을 대상으로, 전문가(UI.UX디자이너/ 퍼블리셔/코딩하는 디자이너) 양성을 위해!!
- 기초부터 실무까지!
- 실무에서 원하는!
- 실무에서 바로 써 먹을 수 있는 포트폴리오 제작! 강의로 전문가로써 당당히 실무에 진출할 수 있도록 지도하고 있습니다.

그런 만큼... 많은 제자들이 실무자로써의 그 역량을 발휘하고 있습니다.

-UI/UX디자이너, 퍼블리셔, 프론트엔드개발자가 되고 싶어도 어디서 부터
어떻게 시작할지 막막하신 분들..
- 이직을 위한 정규 코스 학원을 다니고 싶어도 직장 생활로 인해 엄두도 못 내시는 분들..
- 코딩에 '코'자도 모르시는 분! 학원이나 유튜브 등으로 HTML/CSS기초는 배웠지만 -
도통...웹 퍼블리싱 개발 구현이란 남의 이야기이신 분들....

J.young이 도와드리겠습니다.!!
또한!! 학습하시다 궁금하신 점 있으시면 댓글 남겨주시면
도움이 드릴 수 있는 답을 드리도록 최선을 다하겠습니다.

* 오픈채팅방운영

보다 원활한 학습을 위해, J.young이 운영하는 잘난웹디 오픈채팅방에 가입하시면,
피그마, UI.UX, 코딩, 포트폴리오제작 관련 핵꿀팁과 무료웨비나 링크 등을 공유해드립니다.

오픈채팅방명 : 잘난웹디
코드 : jyoung

 

실무경력

- 2017~현) 웹개발 Director
- 2015년~2017년(주)엘리에셀 총괄 이사
- 2003년~2015년 (주)어뮤징웨어 총괄 이사
- 2003년: 서우씨앤디 디자인실장


- 현) UIUX & 웹포트폴리오 강의 진행 중(실무 진출 90프로 이상)

 

감사합니다^^ 


운영중인유튜브

잘난웹디
https://www.youtube.com/channel/UCISuuIbv_SnkE6d4oDgrBWQ

カリキュラム

全体

19件 ∙ (3時間 5分)

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

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

受講レビュー

全体

6件

4.8

6件の受講レビュー

  • skylove62557603님의 프로필 이미지
    skylove62557603

    受講レビュー 10

    平均評価 5.0

    5

    100% 受講後に作成

    先生のクローンコーディング講座は、まずデザインがとても 멋있게 作れるので、ポートフォリオを作る際にとても役に立つと思います。 実務に活用するにも良いですし、講義もサクサク進むので、飽きずに楽しめました。フィードバックも早いですし。 新しい講義がもっと出てほしいです~~

    • jyoung
      知識共有者

      カヒ様~~ 温かい受講レビューありがとうございます^^ 当面はオフライン授業のため、講義のアップロードが難しいかと思いますが、今年の後半からは 集中的に講義をアップロードする計画です。 その際もどうぞよろしくお願いいたします^^ ありがとうございます^^ ジェイ Youngより

  • hamto0net님의 프로필 이미지
    hamto0net

    受講レビュー 6

    平均評価 5.0

    5

    84% 受講後に作成

    きちんとした進捗と詳細な説明に従うのは簡単です。 良い講義をよく聞いていきます!

    • jyoung
      知識共有者

      chfhdvlclさん、ありがとうございます。本講義を活用してウェブサイトの制作に多くのお役に立てれば幸いです。大方サイトとミュージャインサイト講義も実務活用に多くの役に立つと思われます。もう一度応援いたします。ありがとうございます。 J.youngドリーム

  • xxn1ik님의 프로필 이미지
    xxn1ik

    受講レビュー 4

    平均評価 5.0

    5

    100% 受講後に作成

    jヤングの講義だけが2つ聞きましたが、2つすべてとても満足していました!講師様がじっくり教えてくれて簡単にフォローでき、学んだことを元にすぐに実戦に応用できてよかったです!おかげで実力が本当にたくさん増えました。

    • jyoung
      知識共有者

      イェリ様受講評ありがとうございます。私の講義を2つも聞いてくれましたが、実力向上に多くの助けになってほしいです。本当にありがとうございます~~ いつも良い講義でお会いしましょう。 ありがとうございます^^ J.youngドリーム

  • ciel07272473님의 프로필 이미지
    ciel07272473

    受講レビュー 7

    平均評価 4.7

    5

    100% 受講後に作成

    ゆっくりとよく教えてください!

    • jyoung
      知識共有者

      ciel0727さん 受講評ありがとうございます~~ より良い講義でお会いしましょう〜 ありがとうございます^^ 継続的な熱工をお願いします〜 J.youngドリーム

  • pipinang145923님의 프로필 이미지
    pipinang145923

    受講レビュー 2

    平均評価 5.0

    5

    68% 受講後に作成

    説明も入念にしてくれてわかりやすく説明してくれて以上いいですよ~

    • jyoung
      知識共有者

      ルフィ様〜私はもっと感謝します。 絶えず良い講義でお会いしましょう。 ありがとうございます^^

期間限定セール、あと7日日で終了

¥21,560

30%

¥3,925

jyoungの他の講座

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

似ている講座

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