BEST

Web Development

独自のポートフォリオWebページを作成する

Name: 独自のポートフォリオWebページを作成する
Price: 7700 KRW
Rating: 4.5 (22 reviews)

本講義はHTML、CSS、JSのみを利用して独自のポートフォリオWebページを作成する講座です。ライブラリに依存せず、純粋なHTML、CSS、JSで開発するため、Webページの制作に対する理解度を高めることができます。

（4.5）受講レビュー 22件

受講生 396名

難易度入門

受講期間 無制限

leesumin900685

HTML/CSS

Web Design

HTML/CSS

Web Design

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

受講後に得られること

レスポンシブポートフォリオウェブページ作成
HTML、CSS、JavaScriptを活用
ナビゲーションバー、イメージスライダ、ポートフォリオセクションの実装
実際のプロジェクトに適用可能なWeb開発技術

独自のポートフォリオWebページを作成する

本講義はHTML、CSS、JSのみを利用して独自のポートフォリオWebページを作成する講座です。ライブラリに依存せず、純粋なHTML、CSS、JSで開発するため、Webページの制作に対する理解度を高めることができます。 Webページの開発に興味のある方には、この講座をお勧めします。

学習目標

Webページ開発の全体的な理解を高めます。
自分が望むWebページを設計できます。
Webページ開発のための基礎能力を築くことができます。

役に立つ方

HTML、CSS、JS文法についてある程度知っていますが、まだWebページを作成していない方
HTML、CSS、JSの使用に関する理解度を高めたい方

講義受講時に必要なプロジェクトソース

コースに関連するリソース（画像、フォントなど）とプロジェクトソースは次のとおりです。
- 画像：https: //pixabay.com
- フォント： https ://fonts.google.com
- アイコン： https://fontawesome.com/v4.7.0/icons
- エディタ：https: //code.visualstudio.com
- プロジェクトソース： https://github.com/vinkmo/portfolio

こんな方に
おすすめです

学習対象は
誰でしょう？

Web開発初心者
ポートフォリオウェブページを作成したい人
HTML、CSS、JavaScriptを実践したい人
実際のプロジェクト経験を積みたい人

こんにちは
です。

396

受講生

受講レビュー

回答

4.5

講座評価

講座

カリキュラム

全体

20件 ∙ (2時間 47分)

セクション 1．1. 紹介

1件 ∙ (1分)

1. 1-1. INTRO
01:00

セクション 2．2. NavigationBar1

3件 ∙ (32分)

2. 2-1. HTML
08:00
3. 2-2. CSS
18:00
4. 2-3. JS
06:00

セクション 3．3. ImageSlider

3件 ∙ (26分)

5. 3-1. HTML
05:00
6. 3-2. CSS
08:00
7. 3-3. JS
13:00

セクション 4．4. について

2件 ∙ (16分)

セクション 5．5. サービス

2件 ∙ (9分)

セクション 6．6. ポートフォリオ

3件 ∙ (44分)

セクション 7．7. レビュー

3件 ∙ (30分)

セクション 8．8. フッター

2件 ∙ (5分)

セクション 9．9. NavigationBar2

1件 ∙ (4分)

講座掲載日:

最終更新日:

受講レビュー

全体

22件

4.5

22件の受講レビュー

김진홍 (탈퇴)
受講レビュー 1
∙
平均評価 5.0
5
100% 受講後に作成
Webデザインを本格的に始める人に必須講座この講座はHTML、CSS、JSについて学び、ウェブデザインを本格的に始める方におすすめです。利点 JSライブラリを書かずに純粋なJSでコードを絞るので、基礎を固めるのに良いようです。わかりにくい部分は少しずつ説明してくださって進むので少し考えてみると理解になります。講座映像で1秒も捨てることがないと感じました。パッドバック私には速度が少し速かったと思います。もう少し具体的に例を挙げて説明してほしいと思いました。小さな文字サイズのため、少し不快感を負わなければなりませんでした。（講座をご覧の方はデュアルモニターをお勧めします）
dlclgnss0520
受講レビュー 11
∙
平均評価 5.0
5
100% 受講後に作成
純粋なJavaScriptの動きが見られて良かったし、 html、cssの使い方も見れてよかったです！ありがとうございます！
whdqhd5402
受講レビュー 4
∙
平均評価 4.5
4
100% 受講後に作成
期待していたよりも多くを得ることができる講義でした。初めて始めた時だけでも個人ポートフォリオサイトを元々企画して作りたかった理由で聞き始めました。しかし、聞きながら私が過去にUI配置の問題であきらめていたwebに楽しさが生じ始め、楽しく最後まで聞くことができました。講義は短いが、webで作りたかったコンポーネントがほとんど講義の中にいて良かったです。少し残念なことは思ったより速い進行.. 少しは不十分な説明.. そして小さなフォントで追いつきにくい部分でした。一緒に叩いて、ほとんどの人は文法に慣れるのに簡単ではなかったようです。（私は講師のブラウザは見ず、コード部分だけを拡大してオンにして練習しました。）おかげで講義よく聞いて楽しさまで得ていきます。ありがとうございます。
- leesumin900685
  知識共有者
  映像を楽しんで見ていただきありがとうございます。進行速度、説明、フォントサイズが残念な部分だったという大切なご意見ありがとうございます。 ^^ 映像をご覧の方の視点に対する考慮が少し不足していたようです。今後はこれらの部分について改善していきたいと思います。ありがとうございます！
jbae2847
受講レビュー 1
∙
平均評価 5.0
5
100% 受講後に作成
良い講義ありがとうございます。非常に深い専門性から出てくる簡潔で明快な講義で多くの助けを受けました。ありがとうございます。
- leesumin900685
  知識共有者
  多くの助けを得たという言葉に努めたやりがいを感じます。ありがとうございます〜！ ^^
near
受講レビュー 25
∙
平均評価 5.0
5
100% 受講後に作成
ありがとうございます。私はBootstrapとjQueryを使ってフロント作業をすることを知っていましたが、それらの機能を純粋なcssとjsでどのようにすべきかを感じませんでした。ポートフォリオを作成する経験も重要ですが、本番の例としてcss jsで良い教えを受けたようです。私はhtml css jsを知らなくてもそれに応じて作ることができますが、講義紹介文に説明されているように、基本的な部分はご存知の方にオススメしてほしいですね。そして、講義映像内にノイズがあってイヤホンで聞くので不便な点はありましたね。
- leesumin900685
  知識共有者
  いい内容だったなんてありがとうございます～！講義映像内のノイズに関連した部分は、私の最初の講座映像だから、未熟な部分が現れたようです。この部分については、ノイズのないすっきりとしたサウンドになるように改善してまいります。ありがとうございます。 ^^

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

￥7,700

30%

￥1,414

似ている講座

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

ポートフォリオアナザーレベル

kundol

そんな開発者ポートフォリオでは合格は難しい！実際にカカオ、サムスン電子、ネイバーなどのIT大企業に合格させたポートフォリオの秘訣大公開！

입문

HTML/CSS, JavaScript, Python

ポートフォリオアナザーレベル

kundol

パブリッシャー個人ポートフォリオのホームページ作成完全ガイド（PDF）

codingworks

就職のために面接を頻繁に受ける必要があります。面接を頻繁に受けるためには、優れたパブリッシャーの個人ポートフォリオのホームページが必要です。CodingWorksが心を込めて作成した優れた個人ポートフォリオのホームページ作成ガイド教材(PDF)です。この教材は、インターネットで検索して入手できるものではありません。CodingWorksが長年にわたり現場で300人以上の学生にパブリッシング理論、実務、個人ポートフォリオのホームページ作成の講義を行い、学生が希望する会社に早く就職できるように、世界に一つしかないパブリッシャー就職個人ポートフォリオのホームページ作成ガイド(PDF)に、個人ポートフォリオのホームページ作成方法を詳しくまとめたものです。

초급

Portfolio, Web Design, HTML/CSS

パブリッシャー個人ポートフォリオのホームページ作成完全ガイド（PDF）

codingworks

効果的なモバイルUXを作成(デザイン+コーディング)

usefulit

PhotoshopとAdobe XDプログラムを活用して、さまざまなデバイスのWeb、アプリレイアウトを設計した後、簡単なコーディング技術を学習して直接実装してみることができます。

초급

HTML/CSS, jQuery, XD

効果的なモバイルUXを作成(デザイン+コーディング)

usefulit

簡単に学び、ポートフォリオにするレスポンシブWeb！ #雪花水

lizb

簡単に作るレスポンシブWebワーキングポートフォリオ！

초급

HTML/CSS, Responsive Web, Clone Coding

簡単に学び、ポートフォリオにするレスポンシブWeb！ #雪花水

lizb

カフェ24のベストショッピングモールデザインのクローンコード（HTML + CSS）

ruhunsu30591

カフェ24に登場したベストショッピングモールデザインを直接クローンコーディングしてみて素早くHTMLとCSSを学ぶことができます。HTML + CSSの基本的な理論を学び、直接クローンコーディングを通じてモールデザインを完成させ、理論で学んだ内容を適用し、しっかりとHTMLとCSSの枠組みをつかむことができるように講義を設定しました

입문

Clone Coding, HTML/CSS, Web Design

カフェ24のベストショッピングモールデザインのクローンコード（HTML + CSS）

ruhunsu30591

Figma（Figma）をしっかり学ぶ（基礎）

usefulit

UIデザイン制作ツールであるFigmaを使ってみたい、またはFigmaで何かを作りたい時の最も基礎的な使用方法を実習します。

입문

Web Design, Figma, UIUX

Figma（Figma）をしっかり学ぶ（基礎）

usefulit

CSS ネストを使用したモバイル Web パブリッシングポートフォリオ

codingworks

19ページ、合計22種類さまざまなモバイルレイアウトを作成することで、出版社就職や出版社実務で最も競争力のあるモバイルウェブ作成能力を向上させることができます。出版社としてモバイルウェブを作成するためのほぼすべての作成方法とノウハウを習得できます。モバイルウェブパブリッシングの授業で最も強みとなる部分であるHTMLワイヤーフレームの詳細な作成方法を、すべてのページを詳細に説明します。講義を通じて、HTMLワイヤーフレーム作成能力が大幅に向上します。特に、CSSネスト方式を十分に学習できます。中上級のCSS実戦能力を、Flexレイアウトを中心に十分に身につけることができます。

초급

Mobile App Design, HTML/CSS, wireframe

CSS ネストを使用したモバイル Web パブリッシングポートフォリオ

codingworks

UIUX ポートフォリオ Part.3 - レスポンシブ Web ポートフォリオ

lizb

計画 - デザイン - 実装プロセスの3番目のプロセス - レスポンシブWebポートフォリオテンプレートの作成

초급

Responsive Web, JavaScript, jQuery

UIUX ポートフォリオ Part.3 - レスポンシブ Web ポートフォリオ

lizb

UXUIデザイン非専攻者のためのポートフォリオの製作方法

uxuidesignlab

戦略的にポートフォリオを作成する方法を教えてください。迅速な就職のためには、自分がやりたいデザインではなく、「面接官」が好きなポートフォリオを作らなければなりません。

입문

ux, ui, Portfolio

UXUIデザイン非専攻者のためのポートフォリオの製作方法

uxuidesignlab

出版社就職実践ガイド(PDF)

codingworks

出版社就職のための真のガイド電子書籍(PDF)で、効率的な出版学習方法、良い出版講義、良い出版講師を選ぶ目、新人でも経験者のように出版するコツ、望ましいコーディング習慣と原則、個人ポートフォリオのホームページ作成方法、デザイナー開発者との協力のコツ、出版社として知っておくべき必須サイト、Photoshop UIデザインのスキルアップなど、出版社就職のために必ず知っておくべきHTML+CSS+JQUERY出版の基本を詳しく説明します。また、国費支援出版コースについても詳しく説明します。

입문

HTML/CSS

出版社就職実践ガイド(PDF)

codingworks