Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
BEST
Programming

/

Front-end

Full Stack React Live Coding - Tạo một trung tâm mua sắm đơn giản

Từ phát triển đến phân phối! Chúng tôi cho bạn thấy hành trình gian khổ để hoàn thành một dịch vụ mà không cần bất kỳ sự lọc nào. Bằng cách giới thiệu nhiều kỹ thuật mà có thể bạn chưa từng sử dụng trước đây, bạn sẽ có thể vượt qua mọi thăng trầm!

(4.8) 15 đánh giá

1,277 học viên

  • jaenam
React
GraphQL
Firebase

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

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

  • React phát triển dịch vụ web

  • GraphQL

  • Truy vấn phản ứng

  • căn cứ hỏa lực

Nghe một bài giảng sống động và chân thực
Bắt đầu viết mã và xây dựng dịch vụ trung tâm mua sắm trực tuyến! 🩳

Một dịch vụ
Hành trình đến sự hoàn thiện 🚢

Khóa học này được giảng dạy trực tiếp với học viên, do đó bạn có thể nhanh chóng tìm và áp dụng ngay nội dung mình cần.
Chúng tôi sẽ chỉ cho bạn quy trình xem xét và giải quyết nhiều vấn đề phát sinh trong quá trình phát triển mà không cần lọc chúng.

Qua bài giảng này, tôi muốn cho bạn thấy rằng bạn có thể hoàn thành một việc gì đó ngay cả khi bạn chỉ mới bắt đầu viết mã mà không cần chuẩn bị gì cả.
Với điều này, tôi hy vọng sẽ tiếp thêm động lực cho những người đang tìm việc hoặc những người mới vào nghề đang gặp khó khăn trong việc sáng tạo ra điều gì đó.
Mã đầy đủ có sẵn trên GitHub , vì vậy hãy tham khảo nhé!

"Tôi đã học React, nhưng tôi cảm thấy bối rối khi tự mình thực hiện một dự án .
Tôi cũng tò mò muốn biết những người khác đang nghiên cứu về phát triển như thế nào."
-Người tìm việc front-end-

"Tôi hoàn toàn không có kiến thức gì về phần backend nên tôi cảm thấy bối rối khi nghĩ đến việc phát triển.
Tôi cảm thấy bị hạn chế trong tiến độ của dự án ."

-Lập trình viên Front-end cơ bản-

"Khi tôi gặp khó khăn khi viết mã, tôi không biết phải làm gì và cảm thấy bối rối.
Ngoài ra, tôi muốn thực hành GraphQL và BFF
.
-Lập trình viên front-end-


Trong mã hóa trực tiếp
Học một điều mỗi ngày 🎥

Ngày 1

  • Cài đặt môi trường máy khách (vite), xử lý bộ định tuyến
  • Tạo danh sách sản phẩm và trang chi tiết
  • Chính sách bộ nhớ đệm truy vấn React
  • Được viết bởi GNB

Ngày 2

  • Giới thiệu Mock Service Worker
  • Tạo API giả lập cho danh sách sản phẩm và giỏ hàng
  • Tạo trang giỏ hàng

Ngày 3

  • Áp dụng API giỏ hàng
  • invalidateQueries so với cập nhật lạc quan
  • Triển khai chức năng Xóa giỏ hàng và Chọn

Ngày 4

  • Quản lý trạng thái giỏ hàng (recoil)
  • Trang thanh toán

Ngày 5

  • Giới thiệu monorepo (không gian làm việc Yarn)
  • Cài đặt môi trường máy chủ
  • Định nghĩa lược đồ và trình giải quyết

Ngày 6

  • Tạo DB json
  • Phản ánh những thay đổi của máy chủ tới khách hàng

Ngày 7

  • Cuộn vô hạn - Nhiệm vụ máy chủ
  • sử dụngInfiniteQuery
  • giao lộObserver

Ngày thứ 8

  • Viết API quản trị
  • Trang quản trị - triển khai các chức năng thêm, chỉnh sửa và xóa danh sách và sản phẩm

Ngày thứ 9

  • Ứng dụng Firebase

Ngày 10

  • Hoàn thiện và triển khai Firebase

🔔 Tạo dịch vụ trung tâm mua sắm thông qua việc lập trình mà bạn học được thông qua trải nghiệm thực tế trong 10 ngày.


Sau khi nghe hết các bài giảng
Một bức ảnh của một học sinh 😎

Bạn sẽ có đủ kiến thức để tự mình thực hiện các dự án.
Bạn sẽ có được sức mạnh để giải quyết nhiều vấn đề phát sinh trong quá trình thực hiện dự án.

Tôi sẽ hào phóng chia sẻ với bạn nhiều kiến thức chuyên môn mà tôi đã tích lũy được sau 9 năm kinh nghiệm thực tế .
Bất cứ khi nào tôi bắt đầu một dự án mà không suy nghĩ và gặp phải vấn đề,
Chúng tôi sẽ chỉ cho bạn cách tìm giải pháp bằng cách kết hợp tìm kiếm, gỡ lỗi và đoán mò.

Hỏi & Đáp 💬

H. Tôi tò mò về trình độ mà tôi có thể tham gia khóa học.

Khóa học này không bao gồm kiến thức cơ bản về React hay TypeScript, vì vậy bạn cần có một số kiến thức nền tảng để hoàn thành. Tuy nhiên, bạn không cần phải có thêm kiến thức nào khác; chỉ cần lắng nghe, suy nghĩ và theo dõi là bạn đã có thể tiếp thu kiến thức một cách tự nhiên.

H. Nội dung bài giảng có bao gồm lý thuyết không?

Video này bao gồm thông tin cần thiết cho tiến độ dự án, cũng như giải đáp trực tiếp các câu hỏi của thành viên tham gia trong quá trình quay phim. Xin lưu ý rằng không có giải thích lý thuyết chi tiết nào ngoài nội dung này.

H. Nội dung bài giảng này có phù hợp để lập hồ sơ năng lực không?

Vì tôi chỉ tập trung vào phát triển và tạo kiểu tối giản, nên khóa học này sẽ không đủ để tạo ra một tác phẩm chất lượng portfolio. Tuy nhiên, tôi tin rằng bạn sẽ có đủ kiến thức để thực hiện các dự án mới.

H. Có môi trường thực hành đặc biệt nào mà tôi cần phải chuẩn bị không?

Mặc dù khóa học tập trung vào MacOS, nhưng nó cũng cung cấp một số hướng dẫn về cách giải quyết các vấn đề phát sinh trong môi trường Windows. Mặc dù Visual Studio Code (VSCode) được sử dụng làm IDE, bạn hoàn toàn có thể sử dụng bất kỳ công cụ phát triển nào khác.


Người chia sẻ kiến thức
Bạn có tò mò về các bài giảng khác không? 💁‍♂️

JavaScript cốt lõi (nhấp chuột)

Hiểu về Javascript ES6+ - Người mới bắt đầu (Nhấp chuột)

Javascript ES6+: Hướng dẫn đầy đủ - Trung cấp (Nhấp chuột)

Hiểu về Javascript ES6+ - Phần thưởng (Nhấp chuột)

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

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

  • Một người tìm việc làm front-end đã học React nhưng lại cảm thấy bối rối khi phải tự mình thực hiện một dự án.

  • Nhà phát triển front-end cấp dưới cảm thấy bị hạn chế về tiến độ dự án do không có kiến ​​thức về back-end

  • Các nhà phát triển front-end và người tìm việc muốn thực hành GraphQL/BFF

Cần biết trước khi bắt đầu?

  • ReactJS

  • Bản đánh máy

Xin chào
Đây là

32,342

Học viên

671

Đánh giá

393

Trả lời

4.8

Xếp hạng

11

Các khóa học

안녕하세요, 시니어 프론트엔드 개발자 정재남 입니다.
서로 돕고 함께 발전하는 건전한 공유문화를 지향하여 다양한 활동을 하고 있습니다.

저서: 코어 자바스크립트

유튜브 채널: FE재남

아티클 및 인터뷰 영상:

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

Tất cả

48 bài giảng ∙ (8giờ 1phút)

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

Đánh giá

Tất cả

15 đánh giá

4.8

15 đánh giá

  • whe19150746님의 프로필 이미지
    whe19150746

    Đánh giá 8

    Đánh giá trung bình 4.8

    5

    31% đã tham gia

    It's like an advanced version of React lectures, so I like it. It's not just simple crud, but it's really good to try a little more things.

    • yoongeonung님의 프로필 이미지
      yoongeonung

      Đánh giá 12

      Đánh giá trung bình 5.0

      5

      63% đã tham gia

      I've only taken the first day of the course, but it's so much fun and I've learned so much, so I highly recommend it. The existing clone coding and lectures were so boring and uninteresting that I even fell asleep, but Jeong Jae-nam's lectures, which feel like studying, are so much fun! I highly recommend it, and if you have another chance, I hope you'll make a study-type course similar to this one for juniors who can't move from beginner to intermediate.

      • 0sun님의 프로필 이미지
        0sun

        Đánh giá 5

        Đánh giá trung bình 5.0

        5

        100% đã tham gia

        Finally, I'm done! First of all, the instructor's voice is so nice. The voice itself is so charming that I'm really drawn to the lecture. And... the lecture is more than I expected. I learned more than I initially aimed for!!

        • ucopy님의 프로필 이미지
          ucopy

          Đánh giá 5

          Đánh giá trung bình 5.0

          5

          94% đã tham gia

          This is a practical lecture.

          • khh23028104님의 프로필 이미지
            khh23028104

            Đánh giá 9

            Đánh giá trung bình 5.0

            5

            27% đã tham gia

            I really enjoyed the great lecture. I was especially impressed by the vivid live explanation.

            477.582 ₫

            Khóa học khác của jaenam

            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!