강의

멘토링

커뮤니티

BEST
Programming

/

Front-end

Tìm hiểu mã hóa DO IT front-end trong khi tạo nó (Next.js, Typescript)

Thay vì tạo ra một dịch vụ có vẻ ngoài đẹp mắt, bạn có thể tạo một dịch vụ cho phép bạn gặp gỡ người dùng và nhận phản hồi. Có được sự tự tin trong phát triển web.

(4.5) 22 đánh giá

470 học viên

  • totuworld
Next.js

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

Bạn sẽ nhận được điều này sau khi học.

  • Cách sử dụng Next.js

  • Quản lý dữ liệu của bạn với Firestore trên Firebase

  • Sử dụng xác thực Firebase

  • Thiết kế và sử dụng API Web

Học bằng cách tạo ứng dụng của riêng bạn
Niềm vui của lập trình 🚀

Tôi muốn trở thành một nhà phát triển, nhưng
Tôi nên bắt đầu học từ đâu?

Tôi không biết phải học gì, nhưng tôi bị choáng ngợp bởi lộ trình front-end khổng lồ.
Nếu bạn cảm thấy mệt mỏi khi phải học thuật toán , hãy thử trải nghiệm niềm vui thực sự khi tạo ra các ứng dụng.

Nếu bạn vui vẻ, bạn có thể học lâu hơn.


Sinh viên và người tìm việc có thể thấy mức giá này khá cao, vì vậy hãy xem các bài đăng mới nhất trên blog của tôi trước.

Chúng tôi có phiếu giảm giá lớn dành riêng cho bạn!

Kiểm tra phiếu giảm giá🎟️👉 https://medium.com/@totuworld


Từ việc thiết lập môi trường phát triển
Lên đến triển khai ứng dụng🏃

Bài giảng này sẽ trình bày toàn bộ quy trình xây dựng và triển khai dịch vụ câu hỏi ẩn danh (Blahx2) từ đầu. Thay vì sử dụng phương pháp dựng hình phía máy khách (CSR) thường thấy khi học React.js, chúng ta sẽ tập trung vào Next.js, hỗ trợ dựng hình phía máy chủ (SSR), tạo mã HTML ban đầu trên máy chủ, sau đó thực hiện quy trình hydrat hóa.

Chúng tôi sẽ tận dụng Xác thực Firebase để nhanh chóng xây dựng ứng dụng của bạn mà không cần tốn thời gian triển khai nhiều phương thức đăng nhập mạng xã hội. Bạn cũng sẽ học cách lưu trữ và cập nhật dữ liệu theo mô hình NoSQL và xử lý phân trang bằng Firebase Firestore.


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

Niềm vui của lập trình
Người bạn đang tìm kiếm

Triển khai các chức năng thực tế
Bất cứ ai muốn thử nó

Công nghệ xu hướng mới nhất
Những người muốn học


Các tính năng độc đáo của khóa học này
Hãy xem thử nhé 💡

  • Tôi sẽ bắt đầu từ đầu từng phần một để không cảm thấy nhàm chán khi học lý thuyết.
  • Nếu bạn chỉ mới tiếp xúc với JavaScript, bạn sẽ thấy TypeScript rất hấp dẫn .
  • Khi bạn nghiên cứu phần front-end, bạn sẽ phát triển mã từng bước để phần back-end dễ hiểu hơn.
    • Ngay cả khi cùng một mã được lặp lại!
    • Ngay cả những phần dễ mắc lỗi đánh máy!
    • Đầu tiên, tôi sẽ giải thích theo hướng lập trình và sau đó dần dần cải thiện nó.
  • Tôi để nguyên những lỗi thường mắc phải trong lập trình và cố gắng sửa chúng sau.
    • Bạn có thể xem trước cách gỡ lỗi được thực hiện tại hiện trường .

Bạn sẽ học được gì ✨

메인 페이지 뷰 작업

Tạo trang chủ chính và trang chủ người dùng

Chúng tôi sẽ khám phá cách cấu trúc các trang được xem nhiều nhất cho người dùng của bạn. Chúng tôi sẽ đề cập đến toàn bộ quá trình tạo bố cục chung cho mỗi trang và thêm GNB.

Tạo API nhắn tin cho người dùng

Chúng ta sẽ xây dựng cả API để lưu trữ và truy xuất thông tin người dùng sau khi đăng ký, và API để đăng ký và chỉnh sửa tin nhắn. Chúng ta sẽ đề cập đến những cân nhắc khi cung cấp API từ máy chủ, và bạn sẽ học cách cấu trúc và lưu trữ dữ liệu trong Firestore.

Tạo trình tạo hình ảnh đồ thị mở

Khi bạn chia sẻ bài đăng trên mạng xã hội, hình ảnh và văn bản sẽ tự động được thêm vào. Bài viết này hướng dẫn cách sử dụng PlayWright và Chrome không đầu, có thể chạy trên AWS Lambda, để tạo hình ảnh chỉ dựa trên dữ liệu đầu vào mà không cần người dùng phải lo lắng.

Phân phối Vercel

Ngay cả khi bạn tạo một dịch vụ, bạn cũng không thể học được nhiều nếu không có cách tiếp nhận phản hồi từ người dùng. Để cải thiện điều này, chúng tôi sẽ hướng dẫn cách tạo môi trường triển khai liên tục bằng tài khoản GitHub và môi trường triển khai Vercel.

Phần thưởng: Thư viện Ajv

Khi xây dựng API web, việc xác thực dữ liệu đầu vào do người dùng gửi lên mỗi lần có thể gặp khó khăn. Đây chính là lúc thư viện Ajv và JSON Schema có thể hỗ trợ.

Phần thưởng: React Query

Chúng ta sẽ triển khai tính năng tải dữ liệu phân trang bằng useEffect của React.js. Chúng ta cũng sẽ tìm hiểu cách điều chỉnh tính năng này bằng React Query.


Câu hỏi dự kiến Hỏi & Đáp 💬

H. Tôi có thể tham gia khóa học này ngay cả khi tôi không chuyên về kỹ thuật máy tính (không phải chuyên ngành chính) không?

A. Có thể. Tuy nhiên, sẽ dễ hiểu hơn nếu bạn biết cú pháp JavaScript.

H. Nội dung bài học được trình bày ở mức độ nào?

A. Khóa học này tập trung vào việc xây dựng các dịch vụ thực tế thay vì lý thuyết hoặc cú pháp của React.js, Node.js và Next.js. Khóa học tập trung vào việc xây dựng và trình bày các từ khóa để học sâu hơn.

H. Tôi có cần chuẩn bị gì trước buổi thuyết trình không?

A. Nếu bạn chưa từng làm việc với JavaScript trước đây, bạn nên tìm hiểu sự khác biệt giữa let và const, cũng như map của Array.


Giới thiệu Người chia sẻ kiến thức ✒️

Tôi làm việc với vai trò là lập trình viên front-end tại Elegant Brothers .
Tôi tin rằng những người bình thường có thể cùng nhau làm nên những điều phi thường.


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

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

  • Những người còn e ngại khi bắt đầu lập trình lần đầu

  • Bất kỳ ai muốn tạo một dịch vụ mà ai cũng có thể sử dụng, ngoài danh sách TODO

  • Những người có kiến ​​thức về front-end nhưng không biết gì về back-end

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

  • Khái niệm cơ bản về JavaScript

Xin chào
Đây là

2,358

Học viên

37

Đánh giá

66

Trả lời

4.7

Xếp hạng

3

Các khóa học

우아한형제들에서 프론트엔드 프로그래머로 일하고 있습니다. 평범한 사람들이 모여서 비범한 일을 할 수 있다고 믿습니다.
- 현) 우아한형제들, 프론트엔드 프로그래머
- 전) 야놀자, 백엔드 프로그래머
- 전) ArasoPandan, 백엔드 프로그래머
- 전) MobiDIX, 모바일 게임 클라이언트 프로그래머

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

Tất cả

53 bài giảng ∙ (5giờ 41phút)

Tài liệu khóa học:

Tài liệu bài giảng
Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

22 đánh giá

4.5

22 đánh giá

  • xiu15님의 프로필 이미지
    xiu15

    Đánh giá 3

    Đánh giá trung bình 4.7

    5

    45% đã tham gia

    Tôi sẽ chỉ nghe đoạn giữa và để nó ở đây. Những người tìm việc muốn có được công việc ở vị trí front-end hãy lắng nghe. Lý do là 1. Không cho ăn bằng thìa Trong bài giảng này, khi bạn hỏi một xạ thủ giỏi về điều gì đó mà anh ta không biết, anh ta sẽ giải thích một cách tóm tắt và hiển thị màn hình dài 5 phút => Khi tôi trở lại chỗ ngồi, google những gì tôi vừa thấy và tra cứu thêm Tài liệu, tôi cảm thấy như mình hiểu được những gì được trình bày trong bài giảng. Nhưng thực sự không phải là tôi không thể theo kịp. Nếu bạn không hiểu như tôi, bạn có thể bỏ qua và xem bài giảng, trừ khi bạn là loại người hay chỉ ra mọi điều. Tôi đã thêm một mẫu thiết kế OOP ngay từ đầu, đọc Tài liệu Firebase và Luân xa. Để có được việc làm, bạn cần nhìn vào bức tranh tổng thể và tự học. 2. Thư viện Chakra không xác định Đây là lần đầu tiên tôi sử dụng charka. Họ không nói chi tiết cho tôi cách sử dụng cái này mà chỉ chỉ cho tôi cách sử dụng nó. Tuy nhiên, sẽ không sao nếu bạn cảm thấy như đang làm việc tại một công ty, tự mình tra cứu Docs, tìm hiểu một chút rồi làm theo. Trên thực tế, việc giảng dạy chi tiết về thư viện tạo kiểu không phải là một bài giảng về giao diện người dùng. 3. Tái cấu trúc Sau khi theo dõi bài giảng và viết một số đoạn mã, nếu nó hơi phức tạp hoặc cảm thấy cần phải sử dụng lại thì tốt hơn hết bạn nên di chuyển đoạn mã đó và viết lại. 4. Phiếu giảm giá mới Người hướng dẫn cũng đăng bài trên Medium, và nếu bạn tìm các bài đăng ở đó thì có vẻ như không có gì bí mật khi đăng những phiếu giảm giá với tỷ lệ chiết khấu cao. 5. Rất khuyến khích Có thể vì tôi không phải là một giảng viên có tay nghề cao nên trong bài giảng không có nội dung nào có thể lướt qua được, và có vẻ như đã phải suy nghĩ rất nhiều trong việc biên tập và sáng tác. Và mặc dù thời gian khóa học 3 tháng có vẻ dài nhưng tôi cảm thấy hơi áp lực và nói: "Ồ, tôi phải tham gia lớp học." và quay lại. Tôi nghĩ khóa học này là hoàn hảo cho Phát triển theo hướng thời hạn. 6. Hỏi đáp Tôi đã hỏi rất nhiều câu hỏi, nhưng bạn giải thích nó rất rõ ràng. Cảm ơn bạn đã đăng một bài giảng tuyệt vời!

    • totuworld
      Giảng viên

      Cảm ơn Chu Chu rất nhiều. Tôi đã cười rất nhiều và được tiếp thêm nhiều sức mạnh khi đọc bài viết. Tôi rất vui vì dường như bạn đã đạt được phương pháp học tập mà tôi dự định rất tốt. Tôi không biết bạn sẽ ở đâu và làm gì, nhưng tôi sẽ luôn ủng hộ bạn.

  • mihykim1368님의 프로필 이미지
    mihykim1368

    Đánh giá 4

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    Tôi rất thích nghe nó nhờ tốc độ mã hóa nhanh chóng. Ngay trước khi tôi tham gia khóa học này Tương tự như vậy, tôi đã tham gia một khóa học khác trong đó người hướng dẫn đã viết mã trực tiếp trên dòng công nghệ mới nhất. Bài giảng được giảng viên thực hiện một cách ngẫu hứng nên sinh viên khó theo kịp. Tôi thích bài giảng này vì nó dễ theo thứ tự hơn nhiều. Tôi nghĩ bạn đã chuẩn bị rất nhiều cho mỗi bài giảng. Sau khi thấy Thunder Client được sử dụng trong buổi giảng, tôi đã cài đặt ngay tiện ích mở rộng. Thật tiện lợi vì bạn có thể gửi yêu cầu từ VS Code ngay cả khi bạn chưa cài đặt Postman. Khi viết bình luận, anh đưa ra một mẹo đơn giản là nếu bạn viết theo kiểu JS Doc, chẳng hạn như '/** */' thay vì '//', nội dung bình luận sẽ hiển thị khi bạn di chuột vào trình soạn thảo Tôi thực sự thích điều này. Lần tới khi bạn phát hành một khóa học khác, vui lòng chuyển tiếp nhiều hơn những khóa học này. + Trong số các bài đánh giá bài giảng, có những ý kiến ​​​​tiêu cực về việc học Chakra-ui. Tôi nghĩ hơi khác một chút. Chakra UI được đánh giá là một thư viện UI được xây dựng tốt và được nhiều nhà phát triển tham khảo khi thiết kế các thành phần. Dường như không có nhiều khác biệt trong cách sử dụng so với các thư viện giao diện người dùng khác. Đối với những người đã sử dụng thư viện UI cho đến nay, hầu như sẽ không có đường cong học tập. Đối với những người chưa sử dụng thư viện UI cho đến bây giờ, tôi nghĩ đây sẽ là cơ hội tốt để trải nghiệm thư viện UI được thiết kế tốt. Tôi muốn giới thiệu khóa học này cho những người xung quanh vì đây là khóa học cơ bản, nơi bạn có thể học được những lời khuyên thú vị và thiết thực. Cảm ơn bạn vì bài giảng tuyệt vời.

    • Tôi cũng thường xuyên sử dụng Material UI và cách sử dụng cũng rất giống nhau. Tôi không biết công ty sẽ sử dụng giao diện người dùng nào trong tương lai, nhưng thật tuyệt khi thử một thư viện giao diện người dùng khác.

  • eosbps4078님의 프로필 이미지
    eosbps4078

    Đánh giá 4

    Đánh giá trung bình 4.8

    4

    23% đã tham gia

    Khi đánh giá khách quan, so sánh với mức giá 1. Thiếu phần giải thích về mã khi viết firebase và API. 2. Bất tiện khi học một framework UI khác với người không sử dụng Chakra UI Cá nhân tôi muốn được hoàn tiền sau khi chỉ nghe phần đầu tiên, nhưng tôi đã lấy những phần không cần thiết và vượt quá tiêu chí hoàn tiền nên không thể tiến hành hoàn tiền. Cá nhân tôi chẳng học được gì cả và tôi cảm thấy mình đang lãng phí tiền bạc vì không học được gì thêm. Người hướng dẫn cố gắng tử tế nhất có thể, nhưng theo quan điểm của tôi, tôi không học được gì vì tôi chỉ nghe kiểu giải thích này chứ không phải là lời giải thích thân thiện về mã. Và mặc dù 3 tháng là thời gian đủ để nghe hết nhưng so với các bài giảng khác thì 3 tháng có vẻ ngắn vì có thể có những phần bạn muốn kiểm tra lại sau một thời gian. Chi phí của khóa học không hề thấp. Tuy nhiên, vì bạn đã tạo ra khóa học một cách chân thành nên tôi sẽ để lại đánh giá 4 điểm.

    • totuworld
      Giảng viên

      Xin chào, Mã hóa Nadu. Cảm ơn bạn đã chỉ ra. Hãy nghĩ về cách chúng ta có thể khắc phục nó.

  • sorayeon님의 프로필 이미지
    sorayeon

    Đánh giá 81

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    Tôi đã nghe nó trên đường đi làm và nó hoàn toàn có ý nghĩa. Tôi sẽ viết mã nó khi tôi có thời gian. Cảm ơn bạn rất nhiều vì bài giảng tuyệt vời.

    • endymion님의 프로필 이미지
      endymion

      Đánh giá 14

      Đánh giá trung bình 5.0

      5

      100% đã tham gia

      Tôi thật bướng bỉnh~ Tôi đã có thể học tập dễ dàng, nhanh chóng, gọn gàng và vui vẻ trong khi tạo ra một dịch vụ thực tế. Tôi cảm thấy sảng khoái haha Tôi đã có thể học được rất nhiều. Cảm ơn bạn~

      • totuworld
        Giảng viên

        endymion, bạn đã hoàn thành khóa học! Xin chúc mừng 🎉🎉🎉 Tôi rất cảm động vì bạn đã để lại những lời khuyên hữu ích cho người khác và thậm chí còn để lại bài đánh giá về lớp học.

    Ưu đãi có thời hạn

    69.300 ₫

    30%

    2.087.836 ₫

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

    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!