강의

N
챌린지

멘토링

N
클립

로드맵

BEST
Programming

/

Front-end

Mã hóa Slack Clone [Trò chuyện trực tiếp với React]

Hãy bắt đầu phát triển web React chuyên nghiệp bằng cách tạo theo dịch vụ Slack! Từ đăng ký thành viên, đăng nhập, tạo phòng, trò chuyện trực tiếp!

(4.8) 95 đánh giá

2,881 học viên

  • zerocho
Clone Coding
React
TypeScript
Webpack
Babel

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

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

  • Phát triển web React

  • Thiết lập ban đầu phía trước (không có CRA)

  • SWR (thay thế Redux)

  • Emotion (thành phần được định dạng)

  • Socket.io trò chuyện trực tiếp

Một ứng dụng trò chuyện được tạo ra bằng chính đôi tay của tôi,
Hiệu quả hơn, đơn giản hơn! 💬

Trong bài giảng này?

Được tạo ra sau dịch vụ Slack
Hãy bắt đầu phát triển web React hoàn chỉnh!
(Slack + React, còn gọi là Sleact!)

Phát triển web React,
Tôi nên học như thế nào?

Tôi nghe nói Redux không còn được sử dụng nhiều hiện nay...
Tôi nghe nói bạn đang chuyển từ JavaScript sang TypeScript...
Có đúng vậy không?

Bạn đã nghe điều này nhiều chưa? Đáng buồn thay, đó lại là sự thật. Vì vậy, trong bài giảng này, chúng ta đã loại bỏ Redux và sử dụng TypeScript thay vì JavaScript. Tôi sẽ chỉ cho bạn thấy rằng việc phát triển ứng dụng React mà không cần Redux là hoàn toàn khả thi và TypeScript không hề khó như bạn nghĩ!

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

Bất kỳ ai muốn học cách phát triển web bằng React

Dành cho những ai muốn học lại TypeScript

Bất kỳ ai muốn triển khai phần front-end thông qua mã hóa bản sao

Bản sao chậm không giây,
Những lo ngại về phía trước đã được giải quyết hoàn toàn!

  • Chúng tôi phát triển các dịch vụ bằng TypeScript để theo kịp các xu hướng front-end mới nhất . Tuy nhiên, đối với những người không muốn sử dụng TypeScript, bài giảng đã được cấu trúc sao cho có thể sử dụng JavaScript. (Đã cung cấp mã nguồn JavaScript!)
  • Tôi không sử dụng redux. Thay vào đó, hãy sử dụng thư viện có tên là SWR .
  • Nó thực hiện tất cả các chức năng cần thiết để triển khai ứng dụng trò chuyện, chẳng hạn như đăng ký thành viên, đăng nhập, tạo phòng trò chuyện, mời người dùng, trò chuyện thời gian thực, nhắc đến người dùng và tải hình ảnh.
  • Mặc dù không được giải thích trong bài giảng, mã nguồn phần mềm cũng được cung cấp.

Học những kỹ năng này.

Phản ứng

SWR

Socket.io

Cảm xúc

Kiểu chữ

Webpack+Babel

Hãy tự làm nhé!

Đăng ký, đăng nhập, không gian làm việc
Triển khai nhiều chức năng không gian làm việc khác nhau

Trò chuyện trực tiếp và danh sách trực tuyến

#1
Mã nguồn
Cung cấp.

https://github.com/zerocho/sleact (phím tắt)

#2
Trả lời câu hỏi một cách nhanh chóng
Tôi sẽ trả lời bạn.

Điều tuyệt vời nhất trong khóa học của tôi là phần Hỏi & Đáp. Nếu bạn có bất kỳ câu hỏi nào, chúng tôi sẽ trả lời trong vòng một ngày.
Hãy học tập tích cực bằng cách thoải mái đặt câu hỏi về nội dung liên quan đến khóa học.
Nó sẽ giúp bạn hiểu nội dung tốt hơn!

Giới thiệu người chia sẻ kiến ​​thức .

Blog Zerocho và
Điều hành kênh YouTube

Sách bán chạy nhất về Phát triển Web
tác giả

Công ty TNHH Pickup Today
Giám đốc công nghệ

Những câu hỏi thường gặp 💬

H. TypeScript, tôi có thực sự cần biết nó không?

Cá nhân tôi khuyên bạn nên học TypeScript. Hệ sinh thái JavaScript đang ngày càng chuyển dịch sang TypeScript. Tuy nhiên, khóa học này cung cấp mã nguồn JavaScript và hướng dẫn bạn cách áp dụng TypeScript trong video, do đó bạn có thể chỉ cần sử dụng JavaScript. (Chỉ cần đổi các tệp tsx, ts thành jsx, js và xóa phần :type, <type>. Rất đơn giản.)

H. SWR có phải là thư viện đã được xác minh không?

Một thư viện được tạo ra bởi Vercel (trước đây là Zeit), những người tạo ra Next.js và now.sh. Bạn có thể tin tưởng và sử dụng nó. GitHub có 16.000 ngôi sao~

H. Có lý do gì khiến bạn không sử dụng CRA khi thiết lập không?

Tôi luôn đặt ra nguyên tắc là không sử dụng CRA trong bài giảng của mình mà phải thiết lập thủ công. Bạn cần biết cách thiết lập thủ công để có thể hiểu cách CRA hoạt động. Tôi khuyên bạn nên sử dụng CRA sau khi bạn hiểu được các nguyên tắc.

Xin lưu ý trước khi tham gia lớp học!

  • Socket.io sử dụng phiên bản 2 . Bạn phải cài đặt phiên bản 2.
  • Bạn có thể tìm thấy dịch vụ triển khai thực tế tại sleact.nodebird.com .
  • Những câu hỏi thường gặp sẽ được biên soạn thành FAQ và đăng trên blog Inflearn.
  • Nếu có vấn đề gì với video hoặc nội dung, vui lòng liên hệ với chúng tôi, chúng tôi sẽ chỉnh sửa lại và tải lên.
  • Nếu có điều gì bạn tò mò muốn thực hiện mà không có trong bài giảng và nhiều người đặt câu hỏi, tôi sẽ tạo một video tặng kèm.

Kiến thức của người chơi và bài giảng liên quan

Kiến thức cần thiết cho người chơi

Tám trò chơi web với React, Babel và Webpack!

Nếu bạn muốn tìm hiểu thêm về TypeScript!

Xu hướng hiện nay! Thế giới của TS ổn định hơn JS

Bạn có tò mò về các bài học lập trình bản sao khác không?

Một bản sao Twitter điên rồ kéo dài 22 giờ!

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

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

  • Bất kỳ ai muốn học ngữ pháp React và bắt đầu phát triển web một cách nghiêm túc

  • Dành cho những ai muốn tạo ra một dịch vụ phù hợp thay vì chỉ là một hướng dẫn đơn giản

  • TypeScript để học cách phát triển với độ ổn định cao

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

  • HTML/CSS

  • Kiến thức cơ bản về JS

  • Cơ bản về cú pháp React (Hãy đến và nghe khóa học miễn phí)

Xin chào
Đây là

66,029

Học viên

1,654

Đánh giá

9,733

Trả lời

4.8

Xếp hạng

22

Các khóa học

제 강의의 장점은 Q&A입니다(인프런 답변왕 2회 수상). 24시간 이내에 최대한 답변드립니다! 같이 고민한다는 느낌으로 답변 드릴게요!

One of the key strengths of my courses is the Q&A support. (Winner of the Inflearn Q&A King award twice) I respond to your questions within 24 hours, doing my best to help you out! You’ll feel like we’re solving the problems together.

👉ZeroCho Lectures
제로초 강의 전체 로드맵. A complete roadmap of all my courses is available here.

– Node.js교과서, 코딩자율학습 제로초의 자바스크립트, Let's Get IT 자바스크립트, 타입스크립트 교과서 저자 
– ZeroCho.com 운영자
– 현) 유튜브에서 ZeroCho TV로 개발 관련 방송중 
– 현) 스모어톡 CTO 
– 전) 오늘의픽업 CTO(카카오모빌리티에 엑싯 후 카카오모빌리티 최연소 개발파트장)

  • Author of Node.js Textbook, Self-Guided JavaScript by ZeroCho, Let's Get IT JavaScript, and TypeScript Textbook

  • Operator of ZeroCho.com

  • Currently running a YouTube channel ZeroCho TV, covering development topics

  • CTO at SmoreTalk

  • Former CTO at Today Pickup (acquired by Kakao Mobility, where I became the youngest lead developer)

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

Tất cả

46 bài giảng ∙ (11giờ 1phút)

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

Đánh giá

Tất cả

95 đánh giá

4.8

95 đánh giá

  • dyonglove님의 프로필 이미지
    dyonglove

    Đánh giá 25

    ∙

    Đánh giá trung bình 4.2

    4

    100% đã tham gia

    手ごろな価格ではないのに、クラスを聴くのは難しいです。 YouTubeで無料で公開する講義なら十分に聞くことができるだろうが、整頓もされておらず、毎回公式文書にすべて出ていると言われるが…ありますか？定石があるので、誰もが一等級を受けるわけではないですね。定石に全部出ているので見ればいいと、ある部分は大まかに説明すれば聞く人によっては非常に難しくて混同して感じることもあります。バックエンドとフロントエンドをあえて分けるのも値上げする方便だと思います。二つの講義が自然に繋がらない感じですが、まずバックエンドを作ったのですがフロントに来てみると、講師様が作った部分にコンフィグ部分が私が作った側にはないとか。また、その前のレベルに該当するのはすでに知っている内容なので、忙しい会社員として、すべての講義に多時間を投資することはできません。まるで数学をめちゃくちゃうまくやっているわけではありませんが、毎回集合だけ見ているとは思えません。前講義より上位レベルの講義を撮っても独立した講義で作っていただきたいです。実は色々な講義を聞いて、私が感じる不便さを最大限過ぎないように伝えるためにたくさん悩んだので、この部分はタイプスクリプト講義を聞いて感じた感想が出てきたようですが。全講義を知らなかった私としてはあまり得られる感じではありませんでした。だから何度も聞いて把握しようとしているのですが、本業も忙しいのでそれほど講義を聞く負担が上がり、その不満が講師様に向けられて申し訳ない心もありますが、こういう意見もあることをご確認ください。最後の配布部分も、それでどのように実質的に配布し、目に見える結果を見ることができるのか気になることが解決されない感じです。それぞれスタイルが違うと思いますが、個人的に価格に比べて良い質の講義ではないと思います。しかし、私が今まで聞いたゼロチョの講義の中で、今回のフロントエンド講義が一番良かったと思います。前後の部分に音楽を取り出してくださったことも、受講生たちの意見を聞いて心配してくださったという考えに感謝した気がしました。これからも発展するゼロチョ様になりますように。

    • zerocho
      Giảng viên

      大切なコメントありがとうございます。私が最近講座は講義教案も作成し、より体系的に授業を作っていますが、タイプスクリプトの方は初創期講座なので、はるかに精神のない感じが強く召されたようです。私が最近講座を出したとしたら、JavaScript+タイプスクリプトを合わせて講座を出してJavaScript部分はYouTubeに無料で解放されたようですね。この部分は私が次第にリニューアルしながら改善していくようにします。スラッククローンコーディング講座については、もともとフロントとバックエンドを合わせて9～10万ウォンに発売しようとしたが、フルスタック講座の負担になる方が多く、ターゲット層を分離しました。ところが分離したまま発売してみると、それぞれバグや講座改善事項が積み重ねられ、二つのつながりが少しずれた部分があったようですね。もう一度練習して修正します。知っている部分を教えてください。苦情が多かったのですが、できるだけ配慮して受講評を残してくださったのが感じられます。誠実なスカンピョン残してくれてありがとうと申し訳ありません。

  • dla14347593님의 프로필 이미지
    dla14347593

    Đánh giá 4

    ∙

    Đánh giá trung bình 4.3

    4

    100% đã tham gia

    ゼロチョ様の講義を着実に聞いていますが、説明や例も実務で活用するほど良いと感じています。しかし、残念なことは、一度講義で服用したり、それほど重要ではないソースは急速に進むことがあり、そのコードを適用するのに時間がかかることがあります。コースごとにgit branchが分離されていれば、もう少し簡単に例を確認してテストしてみることができるようです。また、途中で説明や言及したサイトや文書はリンクを残していただければ簡単に参考にできるようです。最後に、毎回良い内容で講義していただきありがとうございます。

    • ckdduf6651459님의 프로필 이미지
      ckdduf6651459

      Đánh giá 2

      ∙

      Đánh giá trung bình 5.0

      5

      96% đã tham gia

      本物ちゃんです フロントの全体的な技術をたくさん扱ってくれます 回答もほぼスラッククローンコーディングなので、リアルタイムソケット通信するレベルに早く取り付けていただき、コミュニケーションもすごく上手な方です。ゼロチョーのリアクト無料講座を聞いて、これを聞くと、たくさんのことを手に入れることができます。

      • milkyway님의 프로필 이미지
        milkyway

        Đánh giá 6

        ∙

        Đánh giá trung bình 5.0

        5

        100% đã tham gia

        まだ講義は全部聞いていませんが、十分に良い講義だと思われ、インフラで受講評してほしいポップアップが浮いて事前に少ないです。 まず講座紹介そのままタイプスクリプトを書いたが、与えるリアクト、ウェブパック、SWR、Emotion、Socket.IO講座と考えればいいと思います。リアクト+タイプスクリプトを勉強しに講座を聞くと少し残念です。逆に言えば、タイプスクリプトを知らなくても講義を聞くには何の問題もありません。 ただ、私のおすすめはオールインワンタイプスクリプト講座を進め、リアクト+タイプスクリプトの勉強をしようとする方が軽くタイプスクリプトも書いて聴きやすい講座という気がします。 長所を先に言えば、まずはリアクトに忠実な講義であるだけにリアクト構造、開発方向をつかむのに最適です。 2つ目はWebパックの初期設定を知らせて起動するのには分からなくても開発するのに支障はありませんが、後で本当に重要なのが初期設定だと思うほど初期設定に関する内容が本当に良かったです。 3つ目は、スタイルを身に着けるときにどの単位でスタイルコンポーネントを作るかを提示し、そのまま授業進行するのもよかったです。最後にソケット通信に関する基本説明とヒントを与えるのも良かったのですが、これは今聞いているので確信はありませんね。 欠点は、私が見たときに出てきたか、ちょっとした講義とコードが変わっていることです。ただ、FitHubにアップデートコードを着実に上げておいて、詰まっていることがあるなら、インフラの質問掲示板やSlackに質問すれば、答えを早くしてくれるので、一人で勉強する気があれば十分補完可能で、私は講義内容と並行してFetHub react-query内容も一緒に反映して聞いているのにライブラリアップデートに変わった内容は十分に検索して解決できるレベルでした。 最後に講義聞くヒントを言えば初期セッティングのような場合には変わり点があるので、追いつきながら聞かないで一旦フェイトハブコードを貼り付けてからじっくりと講義を聞いてみて一人でセッティングしてみる方法も良いと思います。 そして基礎講義であるだけに、すでにリアクトとタイプスクリプトを実務でうまく使用中であり、ソケット通信も適用してうまく書いたことがあれば、思ったより内容が少ないでしょう。 個人的に前に得ていくことが多く、良い経験になった講義でした。

        • dongwooklee96님의 프로필 이미지
          dongwooklee96

          Đánh giá 3

          ∙

          Đánh giá trung bình 4.3

          5

          50% đã tham gia

          もともと私がインターネット講義とうまく合わないと思っていましたが、頑強な講義がほとんどないからです。

          835.388 ₫

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

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

          非専攻者の専攻者追いつく - データベース、SQL강의 썸네일

          非専攻者の専攻者追いつく - データベース、SQL

          zerocho

          すでに開発者や開発者になりたいのですが、コンピュータ学科を専攻していないため、データベースが弱い方、この講座一つで生涯知識を得てください！

          입문

          입문

          DBMS/RDBMS, SQL, MySQL

          非専攻者の専攻者追いつく - データベース、SQL강의 썸네일

          非専攻者の専攻者追いつく - データベース、SQL

          zerocho

          React Native with Expo: ゼロチョから正しく学ぶ강의 썸네일

          React Native with Expo: ゼロチョから正しく学ぶ

          zerocho

          Web開発者が(特にReact開発者であれば)本当に簡単にアプリをリリースできる時代になりました。Expoと一緒なら、より一層速くAndroidとiOSアプリの両方をリリースできます。Expoを通じて迅速にアプリまでリリースできる開発者になりましょう。

          초급

          초급

          React, React Native, Hybrid App

          React Native with Expo: ゼロチョから正しく学ぶ강의 썸네일

          React Native with Expo: ゼロチョから正しく学ぶ

          zerocho

          Webゲームを作成して学習するReactにTypeScriptを適用する강의 썸네일

          Webゲームを作成して学習するReactにTypeScriptを適用する

          zerocho

          リアクトで作ったウェブゲームとReact Router、Redux、MobXにタイプスクリプトを貼り付けてリアクトとタイプスクリプトを一緒に使ってみましょう。

          중급이상

          중급이상

          React, TypeScript

          Webゲームを作成して学習するReactにTypeScriptを適用する강의 썸네일

          Webゲームを作成して学習するReactにTypeScriptを適用する

          zerocho

          [改訂3版] Node.js教科書 - 基本からプロジェクト実習まで강의 썸네일

          [改訂3版] Node.js教科書 - 基本からプロジェクト実習まで

          zerocho

          ノードとは何か、最新のJavaScript文法、ノードのAPI、npm、モジュールシステム、データベース、テストなどについて学び、5つの実例を使ってプロジェクトを作成します。サービスをクラウドにデプロイしたり、ノードプロジェクトをTypeScriptに変換したりすることもできます。

          초급

          초급

          Node.js, Express, MySQL

          [改訂3版] Node.js教科書 - 基本からプロジェクト実習まで강의 썸네일

          [改訂3版] Node.js教科書 - 基本からプロジェクト実習まで

          zerocho

          非専攻者の専攻者追いつく - 資料構造(with JavaScript)강의 썸네일

          非専攻者の専攻者追いつく - 資料構造(with JavaScript)

          zerocho

          アルゴリズム勉強の必須選手科目である資料構造！ 様々な資料構造をJavaScriptで学びましょう！

          초급

          초급

          JavaScript, Algorithm, Coding Test

          非専攻者の専攻者追いつく - 資料構造(with JavaScript)강의 썸네일

          非専攻者の専攻者追いつく - 資料構造(with JavaScript)

          zerocho

          Next + React Query で SNS サービスを作成する강의 썸네일

          Next + React Query で SNS サービスを作成する

          zerocho

          React19 & Next15 & ReactQuery5 & Next Auth5 & MSW2 & socket.io4 & zustand 스택을 사용하여 Twitter(X.com)와 유사한 SNS 서비스를 만들어보겠습니다. 마지막으로 검색 엔진 최적화를 위한 SSR까지!

          중급이상

          중급이상

          Next.js, React, react-query

          Next + React Query で SNS サービスを作成する강의 썸네일

          Next + React Query で SNS サービスを作成する

          zerocho

          [リニューアル]タイプスクリプトオールインワン：Part1。강의 썸네일

          [リニューアル]タイプスクリプトオールインワン：Part1。

          zerocho

          タイプスクリプトの基本文法を学び、他の人が作成したタイプを分析する方法と、私が直接タイプを作成する方法を学びます。

          초급

          초급

          TypeScript

          [リニューアル]タイプスクリプトオールインワン：Part1。강의 썸네일

          [リニューアル]タイプスクリプトオールインワン：Part1。

          zerocho

          テスト with Jest: ゼロ秒に正しく学ぶ강의 썸네일

          テスト with Jest: ゼロ秒に正しく学ぶ

          zerocho

          このレッスンでは、テストが必要な場合とテストを行う際の利点をJestフレームワークで紹介します。リアクト、Expressなどにユニットテスト、統合テストを適用してみます。

          초급

          초급

          Software Test, Jest, react-testing-library

          テスト with Jest: ゼロ秒に正しく学ぶ강의 썸네일

          テスト with Jest: ゼロ秒に正しく学ぶ

          zerocho

          非専攻者の専攻者に追いつく - ネットワーク、HTTP강의 썸네일

          非専攻者の専攻者に追いつく - ネットワーク、HTTP

          zerocho

          HTTPを扱う開発者であるか、開発者になりたいのですが、コンピュータ学科を専攻していないため、ネットワークが弱い方、この講座一つで生涯知識を得てください！

          입문

          입문

          Network, tcpip, websockets

          非専攻者の専攻者に追いつく - ネットワーク、HTTP강의 썸네일

          非専攻者の専攻者に追いつく - ネットワーク、HTTP

          zerocho

          TS/JSデザインパターン with Canvas: ゼロ秒にしっかり学ぶ강의 썸네일

          TS/JSデザインパターン with Canvas: ゼロ秒にしっかり学ぶ

          zerocho

          タイプスクリプト/JavaScriptでペイントを作成し、さまざまなデザインパターンの使い方と長所と短所を学びます。 canvas apiを学べるのはボーナス！

          중급이상

          중급이상

          Design Pattern, oop, TypeScript

          TS/JSデザインパターン with Canvas: ゼロ秒にしっかり学ぶ강의 썸네일

          TS/JSデザインパターン with Canvas: ゼロ秒にしっかり学ぶ

          zerocho

          Webゲームを作って学ぶVue강의 썸네일

          Webゲームを作って学ぶVue

          zerocho

          簡単な8つのWebゲームを作成し、Vue.jsとVueで使用されるVuex、Vue Routerを学びます。

          초급

          초급

          Vue.js, Webpack, Vuex

          Webゲームを作って学ぶVue강의 썸네일

          Webゲームを作って学ぶVue

          zerocho

          [リニューアル]タイプスクリプトオールインワン：Part2。実戦分析編강의 썸네일

          [リニューアル]タイプスクリプトオールインワン：Part2。実戦分析編

          zerocho

          タイプスクリプトの基本的な文法を学んだことで、有名なライブラリの複雑なタイプを分析する方法を学びましょう。

          중급이상

          중급이상

          TypeScript

          [リニューアル]タイプスクリプトオールインワン：Part2。実戦分析編강의 썸네일

          [リニューアル]タイプスクリプトオールインワン：Part2。実戦分析編

          zerocho

          配信アプリ クローンコーディング [with React Native]강의 썸네일

          配信アプリ クローンコーディング [with React Native]

          zerocho

          リアクトネイティブでライダー用の配信アプリを作成します。 6年間リアクトネイティブで5つ以上のアプリを作成し、カカオモビリティに売却した開発者の講義です。

          중급이상

          중급이상

          React Native

          配信アプリ クローンコーディング [with React Native]강의 썸네일

          配信アプリ クローンコーディング [with React Native]

          zerocho

          Slack クローン コーディング [NestJS + TypeORM を使用したバックエンド]강의 썸네일

          Slack クローン コーディング [NestJS + TypeORM を使用したバックエンド]

          zerocho

          Node.js の Spring と呼ばれる NestJS を学び、Dependency Injection の利便性を体験しましょう。API 開発から、Express との比較、デプロイ、テストまで、すべてを学びましょう。

          중급이상

          중급이상

          NestJS, TypeORM, Express

          Slack クローン コーディング [NestJS + TypeORM を使用したバックエンド]강의 썸네일

          Slack クローン コーディング [NestJS + TypeORM を使用したバックエンド]

          zerocho

          [リニューアル]コーディング自律学習ゼロ秒のJavaScript入門강의 썸네일

          [リニューアル]コーディング自律学習ゼロ秒のJavaScript入門

          zerocho

          本講義ではJavaScriptを活用してプログラミング思考力を養う練習を行います。ウェブゲームである球球団をはじめとする、数字野球、反応速度テスト、チックタクト、宝くじ抽選機、はさみロック、カードマッチングゲーム、テキストRPG、地雷探し、2048ゲーム、ほくろ捕獲まで一緒に作ってみましょう。

          초급

          초급

          JavaScript

          [リニューアル]コーディング自律学習ゼロ秒のJavaScript入門강의 썸네일

          [リニューアル]コーディング自律学習ゼロ秒のJavaScript入門

          zerocho

          [リニューアル] ReactでNodeBird SNSを作成する강의 썸네일

          [リニューアル] ReactでNodeBird SNSを作成する

          zerocho

          リアクト＆amp;ネクスト＆amp;リダックス＆amp;リダックスサーガ＆amp; ExpressスタックでTwitterに似たSNSサービスを作成します。 最後に、検索エンジンの最適化後にAWSにデプロイします。

          중급이상

          중급이상

          React, Redux, Node.js

          [リニューアル] ReactでNodeBird SNSを作成する강의 썸네일

          [リニューアル] ReactでNodeBird SNSを作成する

          zerocho

          Node.jsにTypeScriptを適用する（feat. NodeBird）강의 썸네일

          Node.jsにTypeScriptを適用する（feat. NodeBird）

          zerocho

          Node.jsにタイプスクリプトを適用し、既存のnpmパッケージにタイプを追加するか、直接タイプスクリプトライブラリを作成しましょう。

          중급이상

          중급이상

          Node.js, Web Application, TypeScript

          Node.jsにTypeScriptを適用する（feat. NodeBird）강의 썸네일

          Node.jsにTypeScriptを適用する（feat. NodeBird）

          zerocho

          Redux vs MobX（両方を学ぼう！）강의 썸네일

          Redux vs MobX（両方を学ぼう！）

          zerocho

          RedoxとMob Xを選ぶのを心配していますか？ 一度、両方を学んでから悩みましょう！

          초급

          초급

          Redux, MobX

          Redux vs MobX（両方を学ぼう！）강의 썸네일

          Redux vs MobX（両方を学ぼう！）

          zerocho

          VueでNodebird SNSを作成する강의 썸네일

          VueでNodebird SNSを作成する

          zerocho

          VueとNuxtフレームワークを使用してSNSサービスを作成します。サービスに必要なフルスタックの知識を学びます。

          중급이상

          중급이상

          Vue.js, Node.js, AWS

          VueでNodebird SNSを作成する강의 썸네일

          VueでNodebird SNSを作成する

          zerocho

          Webゲームを作って学ぶReact강의 썸네일

          Webゲームを作って学ぶReact

          zerocho

          Webゲームでリアクトを学びましょう。 Class、Hooksのすべてを学び、Context APIとReact Router、Webパック、バーベルまでさらに学びます。

          초급

          초급

          React

          Webゲームを作って学ぶReact강의 썸네일

          Webゲームを作って学ぶReact

          zerocho

          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!

          最も簡単な React (グローバル版)강의 썸네일

          最も簡単な React (グローバル版)

          yalco

          最も簡単かつ迅速な方法で React を学びましょう!

          입문

          입문

          React, JavaScript, Node.js

          最も簡単な React (グローバル版)강의 썸네일

          最も簡単な React (グローバル版)

          yalco

          プロジェクトで学ぶReact.js강의 썸네일

          プロジェクトで学ぶReact.js

          kossiecoder

          ブログプロジェクトを通じてリアクトの基礎を学ぶことができます

          초급

          초급

          React, Redux, ES6

          プロジェクトで学ぶReact.js강의 썸네일

          プロジェクトで学ぶReact.js

          kossiecoder

          リアクトフック（React Hook）で作成するWebアプリ강의 썸네일

          リアクトフック（React Hook）で作成するWebアプリ

          kwangsung

          モダンなフロントエンドフレームワークの中で最も人気のあるReact（リアクト）が、学ぶのは難しいです。これを解決するためにフックが出ました。このレッスンでは、フックを使ってReactを簡単に学ぶのに役立ちます。

          초급

          초급

          React, Web Application

          リアクトフック（React Hook）で作成するWebアプリ강의 썸네일

          リアクトフック（React Hook）で作成するWebアプリ

          kwangsung

          モダンウェブインタラクティブCSS3ブートキャンプ【フルバージョン】강의 썸네일

          モダンウェブインタラクティブCSS3ブートキャンプ【フルバージョン】

          youngcodikimssam

          小学生向けのコーディング教育から始まり、ITソフトウェア学科の高校生、コンピューター工学科の大学生、非専攻者の就職活動生を対象に、15年以上コーディング教育に専念してきた現役人気講師、ヨンコーディ キム先生の簡単で面白いコーディング講座を、オフラインだけでなくオンラインでも受講できるようになりました。 500人以上のフロントエンド、バックエンド、フルスタック、ウェブ開発者を輩出してきたヨンコーディ キム先生となら、あなたの開発者の夢もすぐに現実になります！

          입문

          입문

          HTML/CSS, Web Design, Clone Coding

          モダンウェブインタラクティブCSS3ブートキャンプ【フルバージョン】강의 썸네일

          モダンウェブインタラクティブCSS3ブートキャンプ【フルバージョン】

          youngcodikimssam

          ブートキャンプで教えてくれないもの（リアクトレンダリング最適化編）강의 썸네일

          ブートキャンプで教えてくれないもの（リアクトレンダリング最適化編）

          aftercamp

          Reactレンダリングの原則、最適化を習得し、実践的な活用とインタビューの準備をしましょう！

          중급이상

          중급이상

          React, react-usememo, Tech Interview

          ブートキャンプで教えてくれないもの（リアクトレンダリング最適化編）강의 썸네일

          ブートキャンプで教えてくれないもの（リアクトレンダリング最適化編）

          aftercamp

          アバターコミュニティアプリ作成 (React Native Expo)강의 썸네일

          アバターコミュニティアプリ作成 (React Native Expo)

          Kyo

          React Nativeでアバターベースのコミュニティアプリを開発します。投稿作成だけでなく、コメント/返信、いいね、投票、アバター生成など、完成度の高いコミュニティアプリを構築する過程を学びます。

          초급

          초급

          React Native, TypeScript, expo

          アバターコミュニティアプリ作成 (React Native Expo)강의 썸네일

          アバターコミュニティアプリ作成 (React Native Expo)

          Kyo

          Web開発者の年収を上げるハイブリッドアプリ with Expoフレームワーク강의 썸네일

          Web開発者の年収を上げるハイブリッドアプリ with Expoフレームワーク

          codecamp

          Web開発を活用して、AndroidとIOSでサービス可能なモバイルアプリ開発ができるようにする講座です。

          초급

          초급

          React, Next.js, expo

          Web開発者の年収を上げるハイブリッドアプリ with Expoフレームワーク강의 썸네일

          Web開発者の年収を上げるハイブリッドアプリ with Expoフレームワーク

          codecamp

          iOS/Androidアプリ開発のための本番 React Native - Basic강의 썸네일

          iOS/Androidアプリ開発のための本番 React Native - Basic

          Wintho

          Mobile App Front-End開発のためのReact Nativeの基礎知識の習得を目指しています。進入障壁の低い言語/APIの活用により、非専門家も簡単にNative Mobile Appを開発できるように作られた講義です。

          초급

          초급

          React Native, React, ES6

          iOS/Androidアプリ開発のための本番 React Native - Basic강의 썸네일

          iOS/Androidアプリ開発のための本番 React Native - Basic

          Wintho

          非専門家のための真の入門オールインワン開発ブートキャンプ강의 썸네일

          非専門家のための真の入門オールインワン開発ブートキャンプ

          grab

          初心者でもできる、ウェブ、サーバー、モバイル アプリ、機械学習まで習得できるフルスタックの最終講義!! 開発をどこから始めたらよいかわからない場合は、この講義を強くお勧めします。Javascript 1 つで進めます!

          입문

          입문

          JavaScript, React, Node.js

          非専門家のための真の入門オールインワン開発ブートキャンプ강의 썸네일

          非専門家のための真の入門オールインワン開発ブートキャンプ

          grab

          モバイル、タブレット、pcレスポンシブインスタグラムクローンコーディング강의 썸네일

          モバイル、タブレット、pcレスポンシブインスタグラムクローンコーディング

          jeong4726

          この講義を通じて、受講生はHTML、CSS、JSでインスタグラムに似たWebサービスを作成することができます。 （フロントのみ実装しました！バックエンドサーバー構築は今後講義撮影予定です。）

          초급

          초급

          HTML/CSS, JavaScript, Clone Coding

          モバイル、タブレット、pcレスポンシブインスタグラムクローンコーディング강의 썸네일

          モバイル、タブレット、pcレスポンシブインスタグラムクローンコーディング

          jeong4726

          カフェ24のベストショッピングモールデザインのクローンコード（HTML + CSS）강의 썸네일

          カフェ24のベストショッピングモールデザインのクローンコード（HTML + CSS）

          ruhunsu30591

          カフェ24に登場したベストショッピングモールデザインを直接クローンコーディングしてみて 素早くHTMLとCSSを学ぶことができます。HTML + CSSの基本的な理論を学び、直接クローンコーディングを通じてモールデザインを完成させ、理論で学んだ内容を適用し、しっかりとHTMLとCSSの枠組みをつかむことができるように講義を設定しました

          입문

          입문

          Clone Coding, HTML/CSS, Web Design

          カフェ24のベストショッピングモールデザインのクローンコード（HTML + CSS）강의 썸네일

          カフェ24のベストショッピングモールデザインのクローンコード（HTML + CSS）

          ruhunsu30591

          [VOD] 6週間完成！開発実務のための高濃縮バイブコーディング (Cursor AI, Figma)강의 썸네일

          [VOD] 6週間完成！開発実務のための高濃縮バイブコーディング (Cursor AI, Figma)

          codecamp

          10分で바이브코딩で作れる単純なサービスはもう捨てましょう！ '本当の'実務適用바이브코딩を学ぶことができます。 企画とデザイン通りに実サービスレベルの高度化されたサービスをカーソルAI NCOPで作ってみましょう。 No Code, Only Prompt

          중급이상

          중급이상

          React, Next.js, cursor

          [VOD] 6週間完成！開発実務のための高濃縮バイブコーディング (Cursor AI, Figma)강의 썸네일

          [VOD] 6週間完成！開発実務のための高濃縮バイブコーディング (Cursor AI, Figma)

          codecamp

          Next.js 15: フルスタック開発강의 썸네일

          Next.js 15: フルスタック開発

          zk202308a5410

          従来のReact開発方式とNext.jsを利用して開発する方式は全く異なります。この講義は最新のNext.js 15の核心を貫き、'本当の'Next.jsらしい開発方式をお教えします。就職ポートフォリオから実務プロジェクトまで、パフォーマンスと効率を両方とも掴む方法を体験してください。 Next.jsらしく開発しましょう！Next.jsの機能をどのように適用すべきかを実際の例題を作りながら体で学べるように構成されています。サーバーコンポーネントを中心に見て、サーバーアクションとキャッシング戦略などを理論よりも実際にコードを通してより速く学習します。 講義の目標は最大限速くNext.jsの雰囲気についていくことであるため、講義自体はJavaScriptを利用して進行します。しかし各講義の例題はTypescriptで制作されたものを追加で授業資料として提供します。

          초급

          초급

          JavaScript, React, JPA

          Next.js 15: フルスタック開発강의 썸네일

          Next.js 15: フルスタック開発

          zk202308a5410

          [リニューアル] ReactでNodeBird SNSを作成する강의 썸네일

          [リニューアル] ReactでNodeBird SNSを作成する

          zerocho

          リアクト＆amp;ネクスト＆amp;リダックス＆amp;リダックスサーガ＆amp; ExpressスタックでTwitterに似たSNSサービスを作成します。 最後に、検索エンジンの最適化後にAWSにデプロイします。

          중급이상

          중급이상

          React, Redux, Node.js

          [リニューアル] ReactでNodeBird SNSを作成する강의 썸네일

          [リニューアル] ReactでNodeBird SNSを作成する

          zerocho

          公式文書で学ぶ本番タイプスクリプト강의 썸네일

          公式文書で学ぶ本番タイプスクリプト

          sowhatcoding

          タイプスクリプトを正しく理解するには、公式文書を一度見てください。 文書の重要な部分だけがコックを拾い、分かりやすく伝えます。 実戦に必要な内容も一緒にお知らせする講義です！

          입문

          입문

          TypeScript, JavaScript, ES6

          公式文書で学ぶ本番タイプスクリプト강의 썸네일

          公式文書で学ぶ本番タイプスクリプト

          sowhatcoding

          [JavaScript GUI開発 #1] Electron + Reactで作るタイマーアプリ (+ Zustand)강의 썸네일

          [JavaScript GUI開発 #1] Electron + Reactで作るタイマーアプリ (+ Zustand)

          dakgangjung123

          React, Electron, Zustandを活用しタイマーアプリを直接制作、クロスプラットフォーム（Windows、macOS、Linux）へデプロイまで行う実践講義です。 慣れ親しんだReactウェブ開発を皮切りに、Zustandを通じたグローバル状態管理と最終的なGUIデプロイまで、デスクトップアプリ開発の全体的な流れを学ぶことができます！

          초급

          초급

          React, Electron, GUI

          [JavaScript GUI開発 #1] Electron + Reactで作るタイマーアプリ (+ Zustand)강의 썸네일

          [JavaScript GUI開発 #1] Electron + Reactで作るタイマーアプリ (+ Zustand)

          dakgangjung123

          TypeScript 入門 - 基礎から実践まで강의 썸네일

          TypeScript 入門 - 基礎から実践まで

          captain

          TypeScript を始める方のための講義です。最新の JavaScript 文法を知らない方でも簡単に学べるようにカリキュラムを構成しました。初心者視点で、難しく感じられる TypeScript を楽しく学んでみましょう 😄

          초급

          초급

          TypeScript, ES6, JavaScript

          TypeScript 入門 - 基礎から実践まで강의 썸네일

          TypeScript 入門 - 基礎から実践まで

          captain

          フォローして学ぶタイプスクリプトA-Z강의 썸네일

          フォローして学ぶタイプスクリプトA-Z

          John Ahn

          この講義を通じてタイプスクリプトについて学ぶことができます。

          초급

          초급

          TypeScript, JavaScript

          フォローして学ぶタイプスクリプトA-Z강의 썸네일

          フォローして学ぶタイプスクリプトA-Z

          John Ahn

          次世代Node.jsバックエンドサーバーの開発（Fastify＆Prisma＆Typescriptと共に）강의 썸네일

          次世代Node.jsバックエンドサーバーの開発（Fastify＆Prisma＆Typescriptと共に）

          Indie Coder

          速いスピードを誇るNode.jsフレームワークfastify、orm Prisma、およびTypescirptを活用した最新のNode.jsバックエンドREST APIを学習するコース

          초급

          초급

          Node.js, TypeScript, Prisma

          次世代Node.jsバックエンドサーバーの開発（Fastify＆Prisma＆Typescriptと共に）강의 썸네일

          次世代Node.jsバックエンドサーバーの開発（Fastify＆Prisma＆Typescriptと共に）

          Indie Coder

          [改訂3版] Node.js教科書 - 基本からプロジェクト実習まで강의 썸네일

          [改訂3版] Node.js教科書 - 基本からプロジェクト実習まで

          zerocho

          ノードとは何か、最新のJavaScript文法、ノードのAPI、npm、モジュールシステム、データベース、テストなどについて学び、5つの実例を使ってプロジェクトを作成します。サービスをクラウドにデプロイしたり、ノードプロジェクトをTypeScriptに変換したりすることもできます。

          초급

          초급

          Node.js, Express, MySQL

          [改訂3版] Node.js教科書 - 基本からプロジェクト実習まで강의 썸네일

          [改訂3版] Node.js教科書 - 基本からプロジェクト実習まで

          zerocho