강의

멘토링

로드맵

Inflearn brand logo image
BEST
Programming

/

Full-stack

非専門家のためのフルスタックグルメマップ作成プロジェクト!: フロント、バックエンド、そしてデプロイまで

私が好きなユーチューバーのグルメマップを作成しながら、フロントエンド、バックエンド、Kakao Map API の使用方法、公開までを一度に学べるフルスタックグルメマップの講義です。

  • Jiwoon Jeong
HTML/CSS
JavaScript
REST API
MySQL
AWS

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

こんなことが学べます

  • Web フロントエンド: HTML、CSS、JS

  • オープン API: KakaoMap API

  • サーバー&バックエンド: Nginx + Express.js: Rest API

  • データベース: MySQL、DB設計とSQL

  • クラウド: AWS EC2 + Ubuntu

  • Git& Github

開発の全過程を経験し、
結果まで作ります🗺


私たちがコーディングを学ぶ理由は、私たちに必要なものを作るためです。
目的なしに学ぶと、元の意図とは異なり、最新の技術スタックだけに従うことができます。

開発の全過程を直接経験してみて、私が興味を感じる分野に集中しても遅くはありません。
難易度の高い技術を排除し、開発プロセスの経験という趣旨にフォーカスを合わせて構成しました。

本講義ではグルメ指導サービス制作に必要な過程をAからZまで取り上げ、
私の好きなYouTubeのグルメマップをじっくり作りましょう。

こんな方におすすめですよ👌

開発経験
まだ足りない方

ウェブサービス
作りたい方

プロトタイプ
作りたい方

ユニークな指導サービス
作りたい方


この講義だけの特徴

お知らせします🚩

1. 基本技術に充実し、最大限活用する講義

必ずしも最新のフレームワークを知っていなければ開発できないわけではありません。
むしろ基本的な技術を知らない状態で最新の技術から学ぶならすぐに興味を失いやすいです。
このプロセスは、Webクライアントからサーバー、展開技術まで、最大限に活用することに焦点を当てました。

2. 実際のWebサービスを作成し、習得するフルスタック技術

徹底的にコア中心として学習し、実習中心として活用できるようにすることが1位の目標です。
- HTML、CSSを学び、活用できるパブリッシングプロジェクト、
- AWSサーバーを構築し、REST APIサーバーを実装し、デプロイまで!

3. 私のものにするための練習

講義の途中ごとに学んだ内容を直接実習してみるようにクイズが出てきますが、
講義を受講して直接解くことができれば、学んだ知識を本物の私にするのに役立ちます。

4. シームレスな質疑応答及び多様な講義資料

質問を残していただければ、効果的な学習のために迅速に回答いたします。
また、各章ごとの講義で活用できるよう、様々な講義資料を製作しました。

クライアント&サーバーを学ぶ 👨‍💻

クライアント

  1. コアコックコック! HTML、CSS
    • HTML主なタグ
    • CSS Box Model、Position、Flex ...
  2. グルメも一度作りましょう! :HTML、CSS +カカオマップパブリッシング
    • HTML、CSSでグルメマップを作る
    • カカオマップAPIで地図を入れる
  3. きれいに整理するJavascript文法
    • variable, operator..
    • condition, loop
    • function
  4. JS DOMとの非同期処理
    • DOM && Event Handling
    • Asynchronous
  5. カカオマップAPI
    • 地図作成&コントローラ
    • マーカーの作成
    • InfoWindow カスタマイジング
    • カテゴリー処理

サーバー

  1. サーバーを構築しよう!簡単に理解して作成するAWSサーバー
    • AWS EC2+ Linux Ubuntu
    • Nginx、Node Express.js、MySQL
  2. データを保存するスペース、MySQLで学ぶDB設計方法とSQL
    • ERD設計
    • Query
  3. データをきれいに提供する、Express.jsバックエンドとREST API
    • REST API
    • Expressの使い方
    • CRUD APIの実装
  4. グルメマップを完成してみますか?
    • プロジェクトの完成課題
  5. 展開する:世界中の私のグルメマップを見ることができるように
    • Git、Github
    • PM2無中断展開
    • ドメインの適用


皆さんの未来姿 😎

  • HTML、CSSを活用してウェブサイトのレイアウトを作成できます。
  • カカオマップAPIを必要な形でカスタマイズして使用できます。
  • クライアントとサーバーの概念を理解して説明できます。
  • AWS EC2 Linux Ubuntuサーバーを構築できます。
  • REST APIの概念を理解して説明できます。
  • 必要なREST APIを実装できます。
  • サイトを展開できます。

予想される質問 Q&A 💬

Q. なぜフルスタック技術を学ぶべきですか?
プログラミングを入門されている方が文法の勉強だけを繰り返すが、実際の開発はしてみることができず、あきらめる場合をたくさん見ました。プログラミング思考力を必要とするアルゴリズム分野と実戦開発分野にも違いがあります。フルスタック技術を身につけ、プロジェクトのAZを感じる体験をしたい!

Q. コーディングは初めてなのに受講しても大丈夫でしょうか?
非専攻者も受講できるよう、できるだけ気をつけて講義を構成しましたが、最小限の基礎知識は必要です。大学生の場合、学校で基礎プログラミング講義を聞いたことがあれば十分に受講でき、生活コーディングを見て理解できる程度であれば受講できると思います。もし難しいことがあれば、いつでも質問してください!すばやく返信します。

Q. 頑張って私は次に何をすべきですか?
私がお勧めするのは、プロジェクトを一つ想像することです。どんなプロジェクトでも一応作ってみたかったのを決めてぶつかってみるのです。受講しながら面白かった一つの分野を決めて専門性を築いてみると大きな助けになるでしょう。

Q. 受講時に注意すべき事項はありますか?
A. ク​​ライアントパーツを進行する際は Chrome ウェブブラウザを基準に進行し、全体の講義は Windows OS 基準で進行されます。

A. コードを直接書いて講義を進める部分があるので、キーボード音がすることがあります。
音に非常に敏感な方は必ず公開された講義の音量をご確認ください。

A.サーバーパート講義では、全体的にトップダウン形式の学習が行われます。
Expressテンプレートを提供し、それを活用してRestAPIを設計する方法を学びます。
Express generatorではなく講師本人が直接製作したMVCパターンテンプレートです。
テンプレート構造を理解し活用することで機能を実装することに焦点を当てています。
学習スタイルの面で、Bottom-upでテンプレート制作にすべてのコードを直接作成して学ばなければならないと思われる方は参考にしてください。

こんな方に
おすすめです

学習対象は
誰でしょう?

  • プログラミング文法だけを勉強して放棄したことがある方

  • 基礎から配布まで、開発のすべてのコースを学びたい方

  • 自分だけのグルメマップを記録してウェブサイトにしたい方

こんにちは
です。

6,936

受講生

186

受講レビュー

169

回答

4.9

講座評価

4

講座

저는 현재 국내 대기업에서 추천 시스템 연구 개발을 하고 있습니다.

누구나 재밌고 유익하게 배울 수 있는 개발 콘텐츠를 만들겠습니다.

 

이력 사항 ✒️

  • 네이버커넥트 부스트캠프 웹 백엔드(Node.js) 6기 code reviewer 활동

  • 서울산업진흥원 SeSSAC 온라인 IT콘텐츠 파트너 (Full Stack)

  • 서울산업진흥원 SeSSAC 개발자 입문과정 진행 (Python, Javascript)

  • 건국대 몰입형 프로그래밍 과정 강의 진행

  • 서울시 SSAC 라이징 프로그래머 서버파트 총괄

  • 암호화폐 매매 자동화 프로그램 개발 외주 (Qt)

  • 마케팅 에이전시 랜딩 페이지 개발 외주 (Web)

  • 실시간 데이터처리 Windows 응용 프로그램 개발 외주 (Qt)

     

カリキュラム

全体

72件 ∙ (9時間 7分)

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

受講レビュー

全体

35件

4.8

35件の受講レビュー

  • ㄴㅋㅋㅋ님의 프로필 이미지
    ㄴㅋㅋㅋ

    受講レビュー 3

    平均評価 5.0

    5

    88% 受講後に作成

    ノードjs部分を除いて本当に良いです。 しかし、ノードjs部分まで説明するには正直 それでもないようです。 何より講師様の質疑応答がとても良いです。 正直なところ、お金が残念です。 今今終わりを走っていますが、ゼババアルの配布まで 成功することができたと思います。

    • dlgmldms97663님의 프로필 이미지
      dlgmldms97663

      受講レビュー 1

      平均評価 5.0

      5

      6% 受講後に作成

      説明がとてもよくしてくれてよくついています。良い講義ありがとうございます!

      • jiwoonjeong
        知識共有者

        ありがとう:) 受講中に問題が発生した場合は、Q&Aをご活用ください!

    • olerlmin님의 프로필 이미지
      olerlmin

      受講レビュー 7

      平均評価 5.0

      5

      31% 受講後に作成

      わかりました。

      • bridgetlee6098798님의 프로필 이미지
        bridgetlee6098798

        受講レビュー 2

        平均評価 4.5

        5

        61% 受講後に作成

        非専攻者なのに開発者になろうとする人なのですが、JSから幕末さを感じてこの講義を聞くようになりました。たくさん学びます…!

        • quanttrader님의 프로필 이미지
          quanttrader

          受講レビュー 11

          平均評価 4.8

          5

          88% 受講後に作成

          いいね!

          ¥9,036

          Jiwoon Jeongの他の講座

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

          似ている講座

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