강의

멘토링

커뮤니티

Programming

/

Full-stack

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

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

99名 が受講中です。

難易度 初級

受講期間 無制限

  • realprogrammers
Portfolio
Portfolio
Web Application
Web Application
Portfolio
Portfolio
Web Application
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

  • データベース

こんにちは
です。

11,193

受講生

261

受講レビュー

152

回答

4.9

講座評価

8

講座

ソフトウェア技術を通じて世界に良い影響を与えたい、24年目のソフトウェア開発者。
知識を共有することが好きで、常に新しい技術を学ぶことを楽しんでいます。

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

開発者としてだけでなく、UXコンサルタント、時にはビジネスコンサルタントとして働きながら、アプリケーションやサービス開発における企画から開発までの全工程において数多くの経験を積んできました。現在は20年を超える実務経験をもとに、後輩たちに本当に必要な技術、本当に正しい知識を伝えるという使命感を持ち、知識共有の活動に取り組んでいます。

  • (現)株式会社ザ・グレイト代表取締役
  • (現)株式会社サンシュア CTO
  • (現)株式会社リターンバリュー CTO
  • (現)パンインパクトコリア有限会社 技術専門委員

メール - seungwon.go@gmail.com

カリキュラム

全体

15件 ∙ (11時間 58分)

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

受講レビュー

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

¥14,840

realprogrammersの他の講座

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

似ている講座

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