강의

멘토링

로드맵

Inflearn brand logo image
BEST
Programming

/

Full-stack

Dự án tạo bản đồ nhà hàng đầy đủ cho những người không chuyên!: Front, Back-end và triển khai

Đây là khóa học lập bản đồ nhà hàng đầy đủ, nơi bạn có thể tìm hiểu về front-end, back-end, cách sử dụng Kakao Map API và cách phân phối cùng lúc trong khi tạo bản đồ nhà hàng cho YouTuber yêu thích của bạn.

(4.8) 35 đánh giá

692 học viên

  • Jiwoon Jeong
HTML/CSS
JavaScript
REST API
MySQL
AWS

Đánh giá từ những học viên đầu tiên

Dịch cái này sang tiếng Việt

  • Phần giao diện web: HTML, CSS, JS

  • Open API: API bản đồ Kakao

  • Máy chủ & Back-end: Nginx + Express.js: Rest API

  • Cơ sở dữ liệu: MySQL, thiết kế cơ sở dữ liệu và SQL

  • Máy chủ: AWS EC2 + Ubuntu

  • Git & Github

Trải nghiệm toàn bộ quá trình phát triển
Chúng tôi thậm chí còn tạo ra kết quả 🗺


Lý do chúng ta học lập trình là để tạo ra những thứ chúng ta cần.
Nếu bạn học mà không có mục đích, bạn có thể chỉ chạy theo công nghệ mới nhất, khác với mục đích ban đầu của bạn.

Không bao giờ là quá muộn để trải nghiệm toàn bộ quá trình phát triển trực tiếp và tập trung vào những lĩnh vực mà bạn quan tâm.
Chúng tôi tập trung vào trải nghiệm trong quá trình phát triển, loại trừ những công nghệ quá khó.

Trong bài giảng này, chúng tôi sẽ trình bày quy trình tạo dịch vụ bản đồ nhà hàng từ A đến Z.
Tôi đang dần tạo ra một bản đồ về các nhà hàng của những YouTuber mà tôi yêu thích.

Tôi giới thiệu điều này cho những người này 👌

Kinh nghiệm phát triển
Vẫn còn thiếu sót

Dịch vụ web
Những người muốn làm

Nguyên mẫu
Những người muốn làm

Dịch vụ bản đồ độc đáo
Những người muốn làm


Các tính năng độc đáo của khóa học này

Tôi sẽ cho bạn biết 🚩

1. Một bài giảng bám sát các kỹ thuật cơ bản và tận dụng tối đa chúng

Bạn không nhất thiết phải biết công nghệ mới nhất để phát triển.
Ngược lại, nếu bạn bắt đầu học công nghệ mới nhất mà không biết những kiến ​​thức cơ bản, bạn sẽ dễ mất hứng thú.
Khóa học này tập trung vào việc tận dụng tối đa các ứng dụng web, máy chủ và công nghệ triển khai.

2. Công nghệ full-stack được học trong khi tạo ra các dịch vụ web thực tế

Ưu tiên hàng đầu của chúng tôi là tập trung hoàn toàn vào các khái niệm cốt lõi và cho phép sử dụng thực tế.
- Một dự án xuất bản nơi bạn có thể học và sử dụng HTML và CSS.
- Xây dựng máy chủ AWS, triển khai máy chủ REST API và triển khai nó!

3. Thực hành để biến nó thành của tôi

Có bài kiểm tra ở giữa mỗi bài giảng để bạn có thể thực hành những gì đã học .
Nếu bạn tham gia lớp học và tự giải quyết vấn đề, điều này sẽ giúp bạn biến kiến ​​thức đã học thành của riêng mình.

4. Hỏi & Đáp mượt mà & Tài liệu bài giảng đa dạng

Hãy để lại câu hỏi và chúng tôi sẽ phản hồi nhanh chóng để giúp bạn học hiệu quả hơn.
Ngoài ra, chúng tôi đã tạo ra nhiều tài liệu bài giảng có thể sử dụng trong các bài giảng của từng chương.

Học Client & Server 👨‍💻

khách hàng

  1. Đúng là vấn đề! HTML, CSS
    • Thẻ HTML chính
    • Mô hình hộp CSS, Vị trí, Độ linh hoạt...
  2. Trước tiên chúng ta hãy tạo một bản đồ nhà hàng nhé! : HTML, CSS + Xuất bản bản đồ Kakao
    • Tạo một khung bản đồ thực phẩm với HTML và CSS
    • Chèn bản đồ bằng Kakao Map API
  3. Ngữ pháp Javascript được sắp xếp gọn gàng
    • biến, toán tử..
    • điều kiện, vòng lặp
    • chức năng
  4. JS DOM và Xử lý không đồng bộ
    • DOM && Xử lý sự kiện
    • Không đồng bộ
  5. API bản đồ Kakao
    • Tạo bản đồ & Bộ điều khiển
    • Tạo một điểm đánh dấu
    • Tùy chỉnh InfoWindow
    • Xử lý danh mục

Máy chủ

  1. Hãy cùng xây dựng một máy chủ! AWS Server dễ hiểu và dễ tạo
    • AWS EC2 + Linux Ubuntu
    • Nginx, Node Express.js, MySQL
  2. Không gian lưu trữ dữ liệu, phương pháp thiết kế DB và SQL học được với MySQL
    • Thiết kế ERD
    • Truy vấn
  3. Express.js backend và REST API cung cấp dữ liệu sạch
    • Giao diện lập trình ứng dụng REST
    • Cách sử dụng Express
    • Triển khai API CRUD
  4. Chúng ta có nên hoàn thành bản đồ nhà hàng không?
    • Bài tập hoàn thành dự án
  5. Phân phối: Làm cho bản đồ nhà hàng của bạn được thế giới biết đến
    • Git, Github
    • Phân phối PM2 không ngừng
    • Ứng dụng miền


Tương lai của bạn trông như thế nào 😎

  • Bạn có thể tạo bố cục cho trang web của mình bằng HTML và CSS.
  • Bạn có thể tùy chỉnh Kakao Map API cho phù hợp với nhu cầu của mình.
  • Bạn có thể hiểu và giải thích các khái niệm về máy khách và máy chủ.
  • Bạn có thể xây dựng máy chủ AWS EC2 Linux Ubuntu.
  • Bạn có thể hiểu và giải thích khái niệm về REST API.
  • Bạn có thể triển khai REST API mà bạn cần.
  • Bạn có thể phân phối trang web.

Câu hỏi dự kiến ​​Q&A 💬

H. Tại sao tôi nên học công nghệ full-stack?
Tôi đã thấy nhiều trường hợp những người mới học lập trình chỉ học đi học lại ngữ pháp rồi bỏ cuộc mà không thực sự phát triển được gì. Ngoài ra còn có sự khác biệt giữa lĩnh vực thuật toán đòi hỏi tư duy lập trình và lĩnh vực phát triển thực tiễn. Tôi muốn mang đến cho bạn trải nghiệm học công nghệ toàn diện và cảm nhận được sự hoàn hảo của một dự án!

H. Tôi mới học lập trình. Tôi có thể tham gia khóa học này không?
Chúng tôi đã rất cẩn thận trong việc xây dựng khóa học sao cho những người không chuyên ngành cũng có thể tham gia, nhưng vẫn phải có kiến ​​thức cơ bản tối thiểu. Đối với sinh viên đại học, nếu bạn đã học lớp lập trình cơ bản ở trường, bạn có thể tham gia khóa học. Nếu bạn có thể hiểu nội dung của Life Coding, tôi nghĩ bạn có thể tham gia khóa học. Nếu bạn gặp khó khăn gì, hãy thoải mái đặt câu hỏi! Chúng tôi sẽ phản hồi nhanh chóng.

H. Tôi nên làm gì sau khi khỏe hơn?
Điều tôi khuyên là hãy nghĩ ra một dự án. Đối với bất kỳ dự án nào, trước tiên hãy quyết định xem bạn muốn tạo ra điều gì rồi mới thực hiện. Sẽ rất hữu ích nếu bạn chọn một lĩnh vực mà bạn thấy thú vị khi tham gia lớp học và cố gắng trở thành chuyên gia trong lĩnh vực đó.

H. Tôi có cần lưu ý điều gì khi tham gia lớp học không?
A. Khi tiến hành phần máy khách, phần này sẽ dựa trên trình duyệt web Chrome và toàn bộ bài giảng sẽ dựa trên hệ điều hành Windows.

A. Có thể có tiếng ồn bàn phím vì có những phần bạn phải viết mã trực tiếp trong khi giảng bài.
Nếu bạn rất nhạy cảm với âm thanh, hãy nhớ kiểm tra âm lượng của bài giảng công cộng.

A. Ở phần bài giảng trên máy chủ , việc học được tiến hành theo định dạng từ trên xuống .
Chúng tôi cung cấp các mẫu Expresstìm hiểu cách thiết kế RestAPI bằng các mẫu này.
Đây là mẫu mô hình MVC do chính người hướng dẫn tạo ra, không phải là trình tạo Express.
Chúng tôi tập trung vào việc hiểu cấu trúc mẫu và triển khai chức năng bằng cách tận dụng nó.
Về phong cách học, nếu bạn nghĩ mình phải học bằng cách tự viết toàn bộ mã để tạo mẫu từ dưới lên, hãy lưu ý.

Khuyến nghị cho
những người này

Khóa học này dành cho ai?

  • Bất kỳ ai đã từng từ bỏ việc chỉ học ngữ pháp lập trình

  • Bất kỳ ai muốn tìm hiểu toàn bộ quá trình phát triển từ cơ bản đến triển khai

  • Bất kỳ ai muốn ghi lại bản đồ nhà hàng của riêng mình và tạo một trang web

Xin chào
Đây là

6,937

Học viên

186

Đánh giá

169

Trả lời

4.9

Xếp hạng

4

Các khóa học

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

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

 

이력 사항 ✒️

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

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

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

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

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

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

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

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

     

Chương trình giảng dạy

Tất cả

72 bài giảng ∙ (9giờ 7phút)

Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

35 đánh giá

4.8

35 đánh giá

  • 퀀텀코더님의 프로필 이미지
    퀀텀코더

    Đánh giá 3

    Đánh giá trung bình 5.0

    5

    88% đã tham gia

    노드js 부분빼고는 정말 좋아요. 근데 노드js 부분까지 다 설명하려면 솔직히 그것도 아닌거같구요.. 무엇보다 강사님 질의응답이 너무좋습니다. 솔직히 돈 안 아깝습니다. 지금 이제 끝을 달려가는데 제바바알 배포까지 성공할수있었음좋겠어요. 할수잇겟죠ㅜㅜ?

    • 이희은님의 프로필 이미지
      이희은

      Đánh giá 1

      Đánh giá trung bình 5.0

      5

      6% đã tham gia

      설명 너무 잘해주셔서 잘 따라가고있습니다. 좋은 강의 감사합니다!

      • Jiwoon Jeong
        Giảng viên

        감사합니다 :) 수강 중에 어려움이 생기시면 Q&A 활용해주세요!

    • 설이님의 프로필 이미지
      설이

      Đánh giá 7

      Đánh giá trung bình 5.0

      5

      31% đã tham gia

      이해하기좋아요

      • 챗지피티님의 프로필 이미지
        챗지피티

        Đánh giá 2

        Đánh giá trung bình 4.5

        5

        61% đã tham gia

        비전공자인데 개발자가 되려는 사람인데 JS부터 막막함을 느껴서 이 강의를 듣게 되었습니다. 많이 배워갑니다..!

        • Suit & Coffee님의 프로필 이미지
          Suit & Coffee

          Đánh giá 11

          Đánh giá trung bình 4.8

          5

          88% đã tham gia

          Good!

          1.614.287 ₫

          Khóa học khác của Jiwoon Jeong

          Hãy khám phá các khóa học khác của giảng viên!

          Khóa học tương tự

          Khám phá các khóa học khác trong cùng lĩnh vực!