강의

멘토링

로드맵

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á

469 học viên

  • totuworld
Next.js

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

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

  • 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,344

Học viên

36

Đá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

    一度途中まで聞いて残します。 フロントエンドで就職しようとする就労生の方々を聞いてください。理由は 1. 混乱させない この講義は、とても上手な射手に知らないことを聞いてみると、まとめた感じで説明してくれながら5分画面を見せてくれるのです。私の席に戻って、今見たばかりグーグルしてみて、もう少し毒を探してみると見せてくれたことが理解される感じの講義です。しかし、実際に追いつくほどではありません。私のように理解できなければ、ぜひわかって進むモナンの性格でなければ、ただめくりながら講義を見ても大丈夫でしょう。私は序盤に出てくるOOPデザインパターンの1つ、firebaseドッグスを読む、chakraを読むほどを追加しました。 大きな絵を見て自分で勉強するスタイルで勉強しなければ就職しません 2. 知らないライブラリ Chakra チャクラ初めてみましたが。これもどのように使うのか詳しく知らせてくれてシャアック見せてくれ。しかし、会社で働く感じで、知ってドックスを探して少し熟して再びついてきたら大丈夫です。 実際、スタイリングライブラリの詳細を教えてくれるのがフロントエンド講義ではありません。 3. リファクタリング 講義をたどるどんなコードを書いてから少し複雑になったり、再利用する必要性が感じられたら、そのコードをすぐに移動して書き直すのが良かったです。 4. クーポン新工 講師様が medium にも投稿していますが、そこに投稿してみると割引率の高いクーポンが上がっているのは秘密ではないようです。 5. 積極推薦 私が実力が足りないフリンだと思うかもしれませんが、講義ではただ大まかに渡す内容は1もなく、編集や構成もたくさん悩んでいたようです。 そして、受講期間3ヶ月が長いようでありながら、さらっと圧迫されて遊んでいても、と戻ってきます。 Dead line Driven Developmentにぴったりの講義だと思います。 6. 質問-回答 私が面倒なこと、これそれをたくさん聞いていますが..よく説明してくださいます。良い講義をありがとうございました!

    • totuworld
      Giảng viên

      チュチュさんありがとうございます。 文を読みながらたくさん笑って力もたくさん受けました。 私が意図した学習方法をとてもよくしてくれたようでいいですね。 どこで何をするのかわかりませんが、いつも応援します。

  • mihykim1368님의 프로필 이미지
    mihykim1368

    Đánh giá 4

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    スピード感のあるコーディングのおかげで、楽しくよく聞きました。 私はこの講義の受講直前に これと同様に、最新の技術スタックラインナップに講師がライブコーディングしてくれる他の講義を受講しました。 その講義は講師の方がちょっと即興的に進んで、受講生の立場から流れていくのは少し大変でした。 この講義は順番に追いつくのがずっと簡単にできてよかったです。講義ひとつひとつご用意たくさんいただいたようです。 講義中にThunder Clientを使用していることを見て、私もExtensionのすぐインストールしました。ポストマンをインストールしなくてもVS Code上でリクエストを送ることができて楽ですね。 コメントを作成するときに「//」ではなく「/** */」のようにJS Doc方式で作成すると、コメントの内容がエディタ上でホバーしたときに表示されるかというジャンザンバリの蜂蜜のヒントも聞かせてくれたのですが、これはすごく良かったです。次回また講義発売されたらこんなことまたたくさん伝授してください。 + 講義レビュー中にチャクラ・ウイの学習について否定的な意見がありますが、 私は少し違うと思います。 Chacra UIはうまく作られたUIライブラリとして評価され、多くの開発者がコンポーネントを設計する際に参考にしたり、 使い方が異なるUIライブラリと大きな違いはないようです。 これまでUIライブラリを使ってみた方にはランニングカーブがほとんどないはずで、 これまでUIライブラリを見なかった方には、今回の機会によく作られたUIライブラリに触れてみると良いと思います。 楽しさと実務のヒントの両方を持って行くことができるフロントエンド講義ラ周辺におすすめしたいと思います。 良い講義ありがとうございます。

    • 私も material ui よく書いていましたが使い方がとても似ていますね。 今後会社でどんなuiを使うのか分からないが、別のuiライブラリを使ってみてよかったです。

  • eosbps4078님의 프로필 이미지
    eosbps4078

    Đánh giá 4

    Đánh giá trung bình 4.8

    4

    23% đã tham gia

    客観的に評価すると、価格に対する 1. firebase と API の作成時にコードの説明が不足しています。 2. Chakra UIを使用しないという立場で別のUIフレームワークを学ぶことの不便さ 個人的には前にのみ聞いて払い戻しをしたかったのですが、不要な部分を受講して払い戻し基準を超えて払い戻しを行うことができなかった 個人的に学んだことがなく、もっと聞いても学ぶことがなくてお金を無駄にしたと思います。講師様はできるだけ親切にしようとしているのですが、私の立場では、コードに対する親切な説明よりは、これはこういうほどだけ聞かれて学んだことがありませんでした。 そして3ヶ月であれば十分に聞くことができる時間ですが、他の講義と比較した時、時間が過ぎて確認したい部分があるかもしれないので3ヶ月という時間は短いようですね。講義の費用が少ないわけでもありません。 それでも誠意を持って講義を作ったので、4点評価で残すようにします

    • totuworld
      Giảng viên

      こんにちはナドゥコーディング。 指摘ありがとうございます。 どのように修正できるか心配してみましょう。

  • sorayeon님의 프로필 이미지
    sorayeon

    Đánh giá 81

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    出退勤の途中で聞いたが、理解が良かった。 時間内にコーディングしましょう。 良い講義に感謝します。

    • endymion님의 프로필 이미지
      endymion

      Đánh giá 14

      Đánh giá trung bình 5.0

      5

      100% đã tham gia

      頑張りました〜 実際のサービスを作りながら、簡単、素早く、きれいで楽しく勉強できました。気持ちいい気分ですねㅎㅎ たくさん学べました。ありがとうございます〜

      • totuworld
        Giảng viên

        endymionさんはすでにコースを終了しました!おめでとうございます🎉🎉🎉 他の方に役立つ蜂蜜のヒントも残してくださってこうして受講坪まで残してくださると感動ですね。

    Ưu đãi có thời hạn, kết thúc sau 4 ngày ngày

    9.172 ₫

    24%

    2.090.612 ₫

    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!