강의

멘토링

로드맵

Inflearn brand logo image
Programming

/

Full-stack

【ウェブ開発フルスタックコース】ポートフォリオ - 製品販売ミニウェブアプリ開発

本講義は、フルスタックWeb開発者養成のための「Web開発フルスタックコース」講義シリーズの最終編であるポートフォリオ向けプロジェクト開発に関する講義です。 「Web開発フルスタックコース」で学んだすべての内容を総合し、実際のWebアプリケーションを開発しながら学んだ内容を理解し、基本となる機能を直接適用してみることができます。

98名 が受講中です。

  • realprogrammers
fullstack
webapp
포트폴리오
Portfolio
Web Application

こんなことが学べます

  • Vue.js クライアントの構成

  • Node.jsバックエンドの設定

  • データベース(DB)の設計

  • 製品販売Webアプリケーションの開発

実際のWebアプリケーションを作成します
フルスタックウェブ開発学習完璧総整理まで✨

✅このレッスンは、[フルスタックWeb開発者ロードマップ]シリーズのレッスンです。

  • 本講義は、フルスタックWeb開発者養成のための「Web開発フルスタックコース」講義シリーズの最終編であるポートフォリオ向けプロジェクトWebアプリ開発を扱う講義です。
  • Web開発フルスタックコースには、HTML&CSS→バニラJavaScript→ブートストラップ→Vue.js→データベース→Node.js→ポートフォリオまで、フルスタックWeb開発のための全コースが含まれています。
  • Web開発フルスタックコースをすべて受講すると、Web開発の基礎だけでなく、実践にすぐに適用できるスキルを身につけることができます。
  • 本講義を受講する前 [ウェブ開発フルスタックコース] HTML&CSS → [ウェブ開発フルスタックコース] バニラJavaScript → [ウェブ開発フルスタックコース] ブートストラップ → [ウェブ開発フルスタックコース] Vue.js → [ウェブ開発フルスタックコース講座をお勧めします。

何を作りますか?

実際に必要な機能を備えたWebアプリケーションをDBからビューまで、私の手で一つ一つ直接実装してみます。

小さなサイズの製品販売Webアプリケーションを開発します。製品販売ウェブページはどのような形を整えるかによって、モールサイトになることも、ニンジンマーケットのような仲介プラットフォームになることもあります。製品販売のための全体的な機能を実装するわけではありませんが、商品登録やショッピングカートの実装、画像やデータの照会など、コアとなる機能をすべて実装することになります。

製品販売Webを作成する理由は、一般的なWebアプリケーションを作成するために必要な機能の多くが含まれているためです。ほとんどのWebアプリケーションには次の機能が含まれています。

  • ユーザー登録と照会
  • 顧客登録と照会
  • 製品の登録と照会
  • 管理者の登録と照会
  • 一般的なテキストデータの保存と検索
  • 画像ファイルの保存と検索
  • 表形式のリスト照会
  • 画像グリッド形式のリストの照会

製品登録および照会(表形式のリスト)

詳細ページにカートに入れる機能とガイドモーダルを実装する

皆さんのこの講義を通じて、「Web開発フルスタックコース」の全講義で学んだ内容を総合的に応用できるようになります。また、このプロセス全体を通じて強調されたWeb画面UIパターンが実務でどれだけ頻繁に使用されるかを理解することができます。 Web画面のUIパターンを完全に理解するだけで、どのようにさまざまな画面をすばやく開発できるかがわかります。

これは、あなたがこのプロセスを終了した直後に、実務上の所望のレベルの開発が可能な開発者になることを意味します。一緒に挑戦しましょう!


何を学びますか?

簡単かつ詳細に
実務応用中心
サンプルコードまで!

✅Webアプリケーション開発用のフロントエンドおよびバックエンド構造を作成します。

最も開発されているWeb画面のUIパターンに対して、フロントエンドからバックエンドまで完全に開発できます。

最も基本的な機能を備えた製品販売Webを開発し、アプリケーションを開発するプロセスを理解します。

すべてのサンプルコードFitHubを介して提供されています。

講義で実装する機能

  • Webサーバーの基本構造の作成
  • Vueプロジェクト基本構造の作成
  • WebスクリーンUIパターンフルスタックの実装
  • HTML、CSS、JavaScript、ブートストラップ、Vue.js、データベース、Node.jsのすべてを使用してフロントエンドからバックエンドまでの完全なWeb実装
  • 製品販売ウェブ - カテゴリ管理機能の実装
  • 製品販売ウェブ - 供給先管理機能の実装
  • 製品販売ウェブ - サプライヤー向けの製品管理機能の実装
  • 製品販売ウェブ - 顧客向け製品検索機能の実装
  • 製品販売ウェブ - 顧客向けショッピングカート機能の実装
  • 製品販売ウェブ - 配送先管理機能の実装
  • 製品販売ウェブ - 担当者管理機能の実装
  • 製品販売ウェブ - 顧客管理機能の実装
  • 製品販売ウェブ - 注文管理機能の実装

選手の知識を確認してください!

  • 本講義を受講する前に[ウェブ開発フルスタックコース] HTML&CSS→[ウェブ開発フルスタックコース]バニラJavaScript→[ウェブ開発フルスタックコース]ブートストラップ→[ウェブ開発フルスタックコース]

この講義をした人は
誰ですか?

開発者の品格

ソフトウェア技術を通じて世界に良い影響力を与えたい24年次ソフトウェア開発者
知識を分かち合うのが好きで、常に新しいスキルを身につけることを楽しんでいます。

国内外60社を超えるグローバル企業ERPシステムを構築するコンサルタントおよび開発者として活動し、直接開発したソフトウェアを国内はもちろん海外有数の企業に販売した経験も持っています。 ITスタートアップ代表取締役でもあります。

開発者だけでなく、UXコンサルタントとして、時にはビジネスコンサルタントとして働きながら、アプリケーションやサービス開発時の企画から開発まで、全過程について数多くの経験を積んできました。今は20年以上の実務経験をもとに、後輩たちに本当に必要な技術、本当にきちんとした知識を伝える使命感を持って知識を分かち合うことをしています。

もっと学びましょうか?

【ウェブ開発フルスタックコース】シリーズ集めてみる

こんな方に
おすすめです

学習対象は
誰でしょう?

  • Webフロントエンドからバックエンドまですべて実装したい人

  • Webポートフォリオが必要な人

  • Vue.jsとNode.jsを身につけた人

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

  • HTML

  • CSS

  • JavaScript

  • ブートストラップ

  • Vue.js

  • Node.js

  • データベース

こんにちは
です。

10,967

受講生

248

受講レビュー

152

回答

4.9

講座評価

8

講座

소프트웨어 기술을 통해 세상에 선한 영향력을 주고 싶은 24년차 소프트웨어 개발자.
지식을 나누는 것을 좋아하고 항상 새로운 기술을 익히는 것을 즐겨요.

국내외 60개가 넘는 글로벌 기업 ERP 시스템을 구축하는 컨설턴트 및 개발자로 활동하였고, 직접 개발한 소프트웨어를 국내는 물론 해외 유수의 기업에 판매를 한 경험 또한 가지고 있어요. IT스타트업 대표이사 이기도 해요.

개발자 뿐만 아니라, UX 컨설턴트로, 때로는 비즈니스 컨설턴트로 일하면서 애플리케이션과 서비스 개발 시 기획에서 개발까지 전과정에 대한 수많은 경험을 쌓았고, 이제는 20년이 넘는 실무 경험을 바탕으로 후배들에게 정말 필요한 기술, 정말 제대로 된 지식을 전달하는 사명감을 갖고 지식 나눔에 일을 하고 있어요.

 

  • (현)주식회사 더그레잇 대표이사
  • (현)주식회사 썬슈어 CTO
  • (현)주식회사 리턴밸류 CTO
  • (현)팬임팩트코리아 유한회사 기술전문위원

 

이메일 - seungwon.go@gmail.com

カリキュラム

全体

15件 ∙ (11時間 58分)

講座掲載日: 
最終更新日: 

受講レビュー

まだ十分な評価を受けていない講座です。
みんなの役に立つ受講レビューを書いてください!

¥14,231

realprogrammersの他の講座

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

似ている講座

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