2024 html/css 基礎タンタン超スピード 頑強コース

html/css初心者入門者を対象に基礎をしっかり固め、もちろん レスポンシブレイアウト作成の実践を学ぶことができます。

難易度 入門

受講期間 無制限

HTML/CSS
HTML/CSS
Flex
Flex
css3
css3
html-layout
html-layout
HTML/CSS
HTML/CSS
Flex
Flex
css3
css3
html-layout
html-layout

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

5.0

5.0

kimday365

100% 受講後に作成

HTML/CSSの基礎について、分かりやすく説明してくださり、 サンプル例題も業務に活用しやすいものにしてくださったので 応用するのにもとても良いですね :) 良い講座、今後もよろしくお願いいたします!

5.0

둘리둘리

64% 受講後に作成

講義、面白いです

5.0

김성관

91% 受講後に作成

天才ですか?

受講後に得られること

  • 実務核心タグ

  • レイアウト制作 コア Block属性要素

  • コンテンツを飾るときはinline属性

  • レイアウト制作エンドプレート王 FlexBox

  • 自由なレイアウト Position

  • マウスオーバーイベント hover効果

  • スクロール時の画面固定アニメ Position Sticky

  • 仮想選択者を活用する

  • Webページにアクションを!

  • レスポンシブウェブ制作(タブレットモード、モバイルモード)

[HTML5&CSS3]サット初心者のための超スピード頑強コース

html5&css3についてハッピー〜〜初心者入門者を対象に
基礎からレスポンシブウェブ製作まで、必ず必要な核心で簡単に理解できるように構成しました。

*講義当たり15~20分10講で、1日1講ずつ10日以内にマスターできるように構成されました。


初心者入門者の最もベストな学習方法は~!

  • 知らなかった1強から10強まで無条件最後まで頑強です!

  • 再び2強から10強まで再び頑強です。

  • また3強から10強まで頑張れば!!!

Web レイアウト作成の理解と適用能力を向上させることができます。


この講義の特徴

📌 [html5/css3] 初心者入門者の難易度に合わせて非常に簡単に理解できるように構成されています。

📌 Webパブリッシャーで400人以上のエージェンシーと大企業で就職させたノウハウで、2024年に新しく製作しました。

📌10回目以降の継続的なアップグレードで、この講義だけでもWebパブリッシングのしっかりとした実力を育てることができます。

こんな方におすすめです

パブリッシャー、フロントエンド開発者として
就職のために最初の足を踏み出した人
パブリッシャー、コーディングするデザイナー、
フロントエンド開発者を目指して
[html / css]基礎から確実に
固めたい人

デザイナーの身代金を上げたい人
現在デザイナーとして働いていますが、
パブリッシング能力を育て、体の値を
上げたい人

レイアウト制作が難しいです!
html/css基礎をしっかり固め、レイアウト制作の実力をしっかり育てたい方

受講後は

  • html/css 基本はもちろん応用能力を鍛えることができます

  • レイアウト作成の理解と応用能力を高めることができます。

  • Webパブリッシャーで基本能力を上げることができます。


このような内容を学びます。

FlexBox

FlexBoxの概念を理解し、flexBoxを使用してレイアウトの作成について確実に理解できます。

Postion概念理解1

Positionの概念を理解し、より自由なレイアウト制作技術を学ぶことができます。

Postion概念理解2

positionによる自由なレイアウト制作技術を学ぶことができます。

Animation制作

Key Frame Animationの制作方法やTransform、Transition、仮想選択者などについて学ぶことができ、アニメーション制作技術を習得することができます。

Responsive Web制作
レスポンシブウェブ(タブレットモード、モバイルモード)制作の基本はもちろん、活用能力を育てることができます。

Stickyでスクロールすると画面を固定
position: Stickyでスクロール時に画面を固定し、Topボタンをクリックすると画面上部に移動できます。

この講義を作った人

  • 実務+講義25年目講師


  • Webパブリッシャー、コーディングするデザイナー、フロントエンド開発者として400人以上進出!

  • オンライン、オフライン受講生4000人以上!

  • 現在)実務ディレクターおよび江南でUIUX&Webポートフォリオ講義進行中(実務進出90プロ以上)

受講前の注意

学習資料

  • 講義はVisual Studioエディタを使用します。

  • レッスンソースは、レッスンビデオの下のその他のビューにリンクされています。

選手の知識と注意事項

  • 選手の知識は必要ありません。

こんな方に
おすすめです

学習対象は
誰でしょう?

  • コーディングに初めてアクセスした方

  • html css基礎がまったくない人

  • html cssの基礎をしっかり固めたい人

  • レイアウト制作が難しい方

  • Webパブリッシャーになりたい人

  • フロントエンド開発者になるための基礎を固めたい方

こんにちは
jyoungです。

9,798

受講生

427

受講レビュー

242

回答

4.8

講座評価

13

講座

こんにちは。

AI活用UIUXフルスタックデザインディレクターのJ.ヨンです。

私は20年以上にわたり、ウェブ・アプリサービスの企画、デザイン、開発の実務を経験しており、
現在はUIUXウェブ企画・デザイン・フロントエンドのブートキャンプ講師として活動しています。

実務経験を基に、これまで500人以上の受講生がデザインおよびIT分野へ就職できるようサポートしてきました。現在もAI時代に合わせた新しいポートフォリオ制作方法と実務スキルの教育に注力しています。



私の講義哲学は!

実務に即投入できるスキルの構築

単にツールの使い方を学ぶのではなく、企画からデザイン、開発、配布まで、実務と同じプロセスを経験しながら、現場ですぐに活用できる能力を身につけられるようサポートします。

現場が求める核心的なスキルの集中習得

急速に変化する採用市場で必要とされるAI活用能力、問題解決能力、協調性を中心に学習します。

就職につながるポートフォリオ制作

面接官が関心を持つようなプロジェクトとポートフォリオを作成することに集中します。


AI時代には、デザインだけでは不十分です。

これからは企画し、デザインし、実装し、デプロイまでできる
フルスタッククリエイター(Fullstack Creator)の能力が必要です。
デザインツールの基本活用能力 + Claude、Codex、Figmaを活用して実際のサービスを制作し、
AIと共に成果物を作る方法を経験していただきます。

- 何から始めればよいか分からず途方に暮れている方、
- ポートフォリオの競争力を高めたい方、
- AIを活用してより速く成長したい方であれば、私が皆さんの心強いガイドに
なります。

皆さんの成果物が完成する瞬間まで、共に歩んでまいります。

実務経歴

  • 2017~現在 | Digital Product Director & UX Consultant

  • 2015~2017 | Executive Director, EliEsel Inc.

  • 2003~2015 | Executive Director, Amusingware Inc.

  • 2003 | Head of Design, Seowoo C&D


講義経歴

  • 就職ポートフォリオ制作およびプロジェクトメンタリング

  • 企業出講および実務能力強化教育

  • 大学・企業・教育機関向けの実務講義

  • デザイン・開発ポートフォリオコンサルティングおよびグループメンタリング

  • 実務プロジェクトベースのチームコーチングおよびポートフォリオ指導

  • 企業在職者および就職準備生を対象とした実務教育

  • AIベースのUIUX・フロントエンド実務教育およびコンサルティング



    - 現) UIUX企画・デザイン・フロントエンド ブートキャンプ専任講師(Ezen DXアカデミー - 江南店)
    - デザイン・開発ポートフォリオ専門講義およびチームグループ講義


    * 運営中のYouTube(コーディングするデザイナー)

よりスムーズな学習のために、J.youngが運営する「チャルナンウェブディ」オープンチャットに参加していただければ、
講義に関する質問やポートフォリオに関するフィードバックを差し上げます。

- オープンチャット名:チャルナンウェブディ
- コード:jyoung

 

もっと見る

受講レビュー

全体

40件

5.0

40件の受講レビュー

  • kimday365님의 프로필 이미지
    kimday365

    受講レビュー 4

    平均評価 4.8

    5

    100% 受講後に作成

    HTML/CSSの基礎について、分かりやすく説明してくださり、 サンプル例題も業務に活用しやすいものにしてくださったので 応用するのにもとても良いですね :) 良い講座、今後もよろしくお願いいたします!

    • angelwan0013850님의 프로필 이미지
      angelwan0013850

      受講レビュー 62

      平均評価 4.6

      5

      100% 受講後に作成

      Html css の講義を良く聞きました。とても役に立ちました。

      • jyoung
        知識共有者

        angelwan001さん、ありがとうございました。 次のステップ講義でコーディングするデザイナー[よくあるWebディ]YouTubeにレイアウト制作はもちろん、派手なインタラクティブ要素の実装に役立つ内容がたくさん載っています。 多くの関心をお願いします。 ありがとうございます。 J.youngドリーム

    • jjhgwx님의 프로필 이미지
      jjhgwx

      受講レビュー 938

      平均評価 4.9

      5

      27% 受講後に作成

      良い講義をありがとうございます

      • 123123123123123님의 프로필 이미지
        123123123123123

        受講レビュー 35

        平均評価 3.6

        5

        91% 受講後に作成

        天才ですか?

        • 100million0732님의 프로필 이미지
          100million0732

          受講レビュー 19

          平均評価 5.0

          5

          64% 受講後に作成

          講義、面白いです

          jyoungの他の講座

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

          似ている講座

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

          無料