강의

N
챌린지

멘토링

로드맵

Inflearn brand logo image
BEST
Programming

/

Front-end

[コードキャンプ]ブートキャンプで作られた高濃縮フロントエンドコース

1年間で300人以上の開発者を輩出した「本物の」ブートキャンプの濃縮カリキュラムです。この講義1つで、実務のジュニア開発者レベルまで成長し、フロントエンド技術スタックの活用能力と知識を得ることができます。[InflearnXコードキャンプ]は、社会、経済、教育の背景に関係なく、誰もがキャリアを積めるように準備しました :)

（4.5）受講レビュー 79件

受講生 1,889名

프론트엔드
front-end
리액트
react
next.js
graphql
React
Next.js
GraphQL
SEO
Node.js

学習した受講者のレビュー

こんなことが学べます

  • 実務ポートフォリオ2つ

  • 最新のテクノロジー スタックを活用した 8 つのプロジェクトの実装

  • 開発サイクル全体を完全に理解する

  • 実務コミュニケーション能力の向上

  • +α バックエンドの基本CRUDまで習得

ノーベース非専攻者も
フロントエンド開発者としてキャリアジャンプ！ ⭐

📢案内事項があります。
高濃縮フロントエンドコースのアップデート講義人
「完璧なフロントエンドコース」が新たにオープンしました。

👉🏻新しいフロントエンド講義：



2025年のための新しいフロントエンドブートキャンプ講義がより強力で、より細かい内容で新たにオープンしました！
なんと4つのパーツで構成された「完璧なフロントエンドコース」で、素早く実践的な学習内容に成長してみてください。

[スタートフリーキャンプ]、[CSS&Javascript Master]。 [Web Front-end Bootcamp]、[Hybrid App Bootcamp]
完全にサッチョからハイブリッドアプリのコースまで、150時間を超える高濃縮フロント講義を続けています:)

2025年より高いキャリアジャンプをしてみてください🚀
コードキャンプはあなたの成長を応援します。

💥 Attention!
この講義は、コーディングブートキャンプで実際に使用する講義で、ノーベースから非専攻者、そしてジュニア開発者まですべて受講可能なカリキュラムで構成されています。

「本物の」ブートキャンプで作られました
[高濃縮フロントエンドコース]

✅勉強も実務のように！実務に適用する方法を教えてくれる実務中心講義

✅非専攻者から専攻者まで皆が理解できるカスケードカリキュラム

✅ [React, Next.js, Graphql]最新技術の言語学習とプロジェクトの実装

✅ 就職率92％の認定された「本物」ブートキャンプのカリキュラムに進む

✅ノーベースも可能な完全基礎から開発者就職レベルまで成長


こんな方には
それ以上に最適です。

A to Z、
プロの講義をしたい。

開発..？何も知らないけど
就職レベルまで成長したいです。

実務で使用する技術と
本物のノウハウを学びたいです。

私たちはなぜ
ReactとNext.jsを使用する必要がありますか？

Next.jsはReactライブラリのフレームワークです。 Reactとは異なり、デフォルトでNext.jsはServer-Side Rendering（SSR）を行うため、検索エンジン最適化（SEO、Search Optimiziation）に最適です。また、プレレンダリングにより、あらかじめデータがレンダリングされたページをインポートできるようにしてくれるので、ユーザー体験の面でも有利です。

これに加えて、ページベースのルーティング、イメージの最適化、built-in-cssなどを提供することでプロジェクトのパフォーマンスを向上させ、開発者が開発しやすい環境を提供するので、効率的でパフォーマンスの高い開発ができます。

ちょっと初心者でも大丈夫です、
まずは基礎から押してみましょうか？

「コーディングの「鼻」者も知らない私…開発者として就職できるか？」そんな心配はすぐに入れておいてください。今回の講義では、初心者も現業開発者レベルに成長できるよう、しっかりした基礎講義から始めますから！

🧩基礎のステップstep01。

コーディングは何ですか？プログラムのインストールから基礎を築く

Web・アプリ開発の基礎の中で、基礎、HTML・CSS・Javascriptの基本的な文法と活用方法を学び、学んだ内容に基づいて会員登録とミニホームページを実装します。


🧩 基礎を打つstep02。

60以上の最新のプロパティでCSS！

今日学んだ内容は今日復習しよう！講義の受講後、十分な練習を通じて完全に私のものに吸収するのに役立ちます。

🧩基礎のステップstep03。

JavascriptでWebページの機能をより豊かに。

一緒に使うツールとJavascriptが動作する原理、コードの書き方を中心に学習し、d-day counterとto-do listを実装し、学んだ内容を完全な私にする時間です。


隙間一つまで見逃さない
「線を越える」フロントエンドカリキュラム

#01. Reactの基礎

Reactの基礎から始めましょうか？まず、各種パッケージをインストールします。そしてJavascriptランタイム環境であるNode.jsを理解し、Reactでプロジェクトを作成します。

#02.データ通信

Rest-APIとGraphQLの違いを理解し、Apollo Clientを介してバックエンドとの通信方法を学びます。

#03.ルーティングと再レンダリング

ページ移動方式であるRouterとDynamic Routingの違いを理解して活用できます。

#04.フォルダ構造・props・コンポーネントの再利用性

Container/Presenter パターンを理解し、コンポーネントを再利用する方法で効率を高めます。

#05.タイプスクリプト

タイプスクリプトのさまざまなタイプを理解し、私のポートフォリオに適用します。

#06.フレームワーク/ライブラリとレイアウト
構造

Webページを飾る様々なライブラリ。それらの活用法を学び、使いやすさのためのページネーションと無限スクロールを実装します。

#07.コンポーネントとライフサイクル

クラスコンポーネントのライフサイクルと関数型コンポーネントのライフサイクルの違いを理解し、それを元に活用する方法を学習します。

#08.バックエンド構造とファイアベース

APIを直接作ってみて、バックエンドの基礎を理解できますよ。また、BAASサービスであるFirebaseを活用してみましょう。バックエンドを理解するフロントエンド開発者とは！あまり魅力的ではありませんか？

#09.画像のアップロード

「ホームページにきれいな画像を載せたい！」画像アップロードのプロセスを理解し、検証を通じて直接アップロードできます。

#10.検索

Webページに検索機能は欠かせません。検索プロセスを理解し、デバウンスを適用して自分のWebページを最大限に高めます。

#11.ログインと権限の分岐

JWTトークン方式のログインプロセスを理解します。また、ログインの有無で権限分岐を設定し、Recoilを活用してGlobalstateを管理できます。

#12.フォームライブラリ

React-Hook-Formとyupを活用して既存のコードをリファクタリングして、より効率的にサービスを改善できます。

#13.カスタムフック

構造分解割り当てとタイプスクリプトのジェネリックタイプを活用してカスタムフックを作成できます。

#14.カカオの地図とウェブエディタ

SSRとCSRを知っていますか？この違いを理解し、カカオマップとウェブエディタの使い方を学びます。

#15.お支払いとイベントループ

E-commerce platformの中核！お支払いプロセスを理解して実装してみてください。また、JavaScriptの駆動原理についてより正確に理解していきます。

#16. refresh Token

refresh Tokenを使って、実務でも利用できるログインプロセスを学習します。

#17.パフォーマンスの最適化

useMemoとuseCallback、イメージ一時URLを活用して、既存のコードをまるで実務のようにリファクタリングできます。

*個別のクラス用APIを提供します。

#18.テストコードと配布

jestとcypressを活用してテストコードを作成しましょう。これにより、ユニットテストと統合テストを進めて私のコードをテストする時間です。


私の手で埋めたコードで
ポートフォリオを完成させてください。

☝🏻アップバウトフリーボード

ブログ、コミュニティなど、ウェブのどこからでも抜けない掲示板を直接実装できます。コーディングを理論だけ知っているということは不可能です！プロジェクトの練習を通じて、ページネーション、無限スクロールなど、いくつかの機能で独自のコードを埋めていきます。しかも私の個性に合ったUIで飾ることができるので興味だけでなく実力も上がりますよね？

✌🏻掲示板で作るイコマースプラットフォーム

「もし..にんじんはありますか？会員登録、ログイン、決済、コミュニティなど多くの機能を含んでいるE-commerceウェブサイトを私の手で実装できます。まだ幕を閉じるが、この講義を受講したら素敵なポートフォリオが作られているんです。

🎯この講義で得られるポートフォリオです。
· 01. フリーボード- UI・リストアップ・ページネーション・投稿の修正や削除など、Webの最も重要な機能を実装し、これをもとに一つのポートフォリオを完成します。
· 02. 中古マーケット- 最初のポートフォリオで製作した掲示板を中古マーケットに高度化するポートフォリオです。ログイン・権限分岐・決済・画像処理などの機能を実装します。

さらに、川の一つとして
イーマン大のスタックを一度にゲット！

複数の言語を一度に理解するのは難しいことです。この講義では、プロジェクトを通じてJavascript、Typescript、React、Next.js、Graphqlなど様々なスタックを直接活用し、独自のWebページを完成します。一つの機能を実現するために有機的に連結された言語の使い方を習得し、自然に理解することになるでしょう。

本当の実務では様々な言語を適切に使用し、最高の効率を出すことができるはずですから！

* version : 受講時に使用するバージョンです。 （必要に応じて参考にしてください！）
 

 - next 12.1.0
- react": 17.0.2
- react-dom": 17.0.2
- typescript": ^4.8.4
- @types/node": 17.0.2
- @types/react": 17.0.2
- @apollo/client": ^3.6.9
- @emotion/styled": ^11.10.0
- @material-ui/core": 4.12.4
- antd": ^4.22.8
- eslint": ^8.0.1
- prettier": 2.7.1

 「Version」とその技術スタックの理解がなくても大丈夫です。講義で丁寧で親切に説明します:)

より高いキャリアジャンプのために
ブートキャンプの授業資料を提供します。


📑セクション別学習資料

講義を受講しながら内容の理解を助ける資料です。実際のブートキャンプの受講生も使う資料だけにうまく活用すれば、逃した部分があっても大きな助けになるでしょう。

📑セクション別の課題資料

今日学んだ内容は今日復習しよう！講義の受講後、十分な練習を通じて完全に私のものに吸収するのに役立ちます。


📑 セクション別ポートフォリオ

各セクションで学んだ機能を活用してポートフォリオを作成する際に参考にできる資料です。このレッスンで私のポートフォリオに2つのプロジェクトを追加してください！



この講義の受講生
自分で作ったサービスをご紹介します。

🎨 Artipul
美大生の作品を簡単に購入できるサービスです。メインページだけでなく決済オープンAPIでポイント充電、決済を可能にし、Socket.ioを使ってリアルタイム入札機能まで実装しました。

📙 Flog
旅行スケジュール・家計簿・旅行ログで構成される旅行ガイドブックサービスです。 drag&drop機能で旅行スケジュールを組むとリアルタイムでDBに保存され、使いやすさが高まりました。さらに、他のユーザーとスケジュールを共有できるように実装しました！

[高濃縮フロントエンドコース]
受講後は私も開発者！

🙆🏻‍♀️実務にすぐに活用できるポートフォリオ2個

👨🏻‍🎓自分で成長できる頑丈な開発知識を構築

💁🏻‍♀️実務でスムーズなコミュニケーションを行うジュニア開発者

👨🏻‍💻他の部署とのコラボレーション能力に優れたフロントエンド開発者

🙋🏻‍♀️ 自分でもできるE-commerce Platformの開発

より高いキャリアジャンプのために
「高濃縮バックエンドコース」も用意しました。

👉🏻関連おすすめ講義：


練習用APIを使用してフロントエンドの最新の技術スタックと開発サイクルを理解したら、Node.jsとNestを中心にバックエンドまでより深く学びましょう。必要なAPIを自分で作成し、データを扱う方法、検索、支払い、配布など、バックエンドのすべてをお知らせします。バックエンドコースまで完走し、フルスタック開発者でより高くキャリアジャンプしてください🚀

待って！
受講前にご確認ください。

💡コンピュータの仕様を確認してください。 

・Mac OSは仕様に無関係です。

 · Window OSを使用する場合は、git-bashのインストールが必要です。
 - 授業資料 > 環境設定を参考にしてください。

 - Intel Core i5 9世代以上 / AMD RYZEN 5 2世代以上
- RAM 16GB以上推奨

💡日課表を作って定期的に着実に学習することをお勧めします。
💡学習資料を受け取るためにコラボレーションツール「Notion」アカウントを作成してください。
💡受講に必要な学習資料はノッション（リンク）で提供されます。
※学習資料の著作権はコードキャンプにあります。不正盗用・配布・複製を禁止します。

もし
質問がありますか？

Q. 何の知識もなく受講してもいいですか？
はい。コーディングの「鼻」者も知らなくても大丈夫です。より深く広く理解できるように、HTML・CSS・Javascriptのサッキ秒プロセスが含まれています。

Q. 別の教材がありますか？
ノッションでお届けする「講義資料」を活用してください！本資料は実際のブートキャンプで使用するままの資料です。無断盗用・配布・複製を禁止します。

Q. 基礎講義（スタートはプリキャンプ、CSS、Javascript）の授業資料リストが混乱します。

Q. 受講中に気になる点がありました。
コミュニティに質問を残してください。コードキャンプチームはすぐに素早くクールな答えを捧げます:)

チームコードキャンプ
紹介します。

こんな方に
おすすめです

学習対象は
誰でしょう？

  • 専門的なカリキュラムで正しく成長したいすべての人

  • 国費または他の講義に不足を感じた方

  • 最新の技術スタックを使用して開発サイクルを完了したいジュニア開発者

  • トレンドに合ったポートフォリオで就職したい就職希望者

  • 体系的にコーディングを勉強したい大学生

前提知識、
必要でしょうか？

  • コーディングへの情熱と意志💪🏻

こんにちは
です。

13,497

受講生

385

受講レビュー

200

回答

4.8

講座評価

12

講座

"Try anything, Try everything!"

코드캠프는 유능한 개발자를 양성하며 개발의 미래를 바꾸고자 하는 목표를 가지고 있습니다. 사회적, 경제적, 교육적 배경에 상관없이 누구에게나 커리어 전환의 기회를 제공하기 위해 인프런에 나타났답니다. 코캠과 함께 커리어 점프에 도전하세요!

共同知識共有者

カリキュラム

全体

341件 ∙ (128時間 6分)

講座掲載日: 
最終更新日: 

受講レビュー

全体

79件

4.5

79件の受講レビュー

  • ottt님의 프로필 이미지
    ottt

    受講レビュー 1

    ∙

    平均評価 5.0

    5

    1% 受講後に作成

    Xin chào. Tôi là nhà phát triển phụ trợ cấp dưới 1 năm. Tôi cũng đang học về lĩnh vực lễ tân do nhu cầu của công ty và mong muốn cá nhân, tôi đã xem qua khóa học này và ngay lập tức mua nó và bắt đầu tham gia. Lúc đầu, tôi cảm thấy lạ lẫm vì rõ ràng nó có một luồng khác với lĩnh vực back-end, nhưng khi anh ấy cũng dạy tôi các nguyên tắc và cách sử dụng ngôn ngữ có tên là JavaScript, nó ngày càng trở nên thú vị hơn và nhanh hơn. Tôi nghĩ sẽ tốt hơn vì bạn không chỉ học các nguyên tắc mà còn học bằng cách tạo ra chúng cùng nhau, vì vậy bạn có thể học bằng cách tự mình thử nghiệm mọi thứ ngay cả khi bạn không hiểu rõ về nó. Nhờ chương trình giảng dạy tốt nên sau khi học hết những bài giảng này, bạn sẽ ở vị trí của một back-end dev ít nhất có thể hiểu được logic của front-end. Tôi mong muốn có thể nhận được nhiều hơn thế. Cảm ơn bạn vì bài giảng tuyệt vời.

    • nej10449048님의 프로필 이미지
      nej10449048

      受講レビュー 5

      ∙

      平均評価 5.0

      5

      2% 受講後に作成

      Mentor Bean..... Tôi không thể tin được là bạn lại đến Infrun. Bài giảng của cố vấn cà phê mà tôi tin tưởng và lắng nghe ㅠㅠㅠ Bạn khỏe không? Tôi nhớ bạn nhiều lắm. Nhờ người cố vấn của mình, tôi đã có được công việc là nhà phát triển front-end và đã làm việc tốt ở công ty được một năm. Khi tôi đang xem Infron, một bài giảng đột nhiên xuất hiện và tôi vội vàng trả tiền cho bài giảng! Mình sẽ giữ lại phần front-end và nghiên cứu phần back-end❤️ Mình nghe lại phần đầu một chút, giọng nói và khuôn mặt của thầy khiến mình nhớ nhà... Rất vui được gặp lại các bạn như thế này!!! Theo chân người thầy của mình, tôi sẽ làm việc chăm chỉ trở lại và thăng hạng lên mức full stack!!!!! Tôi sẽ đến đó để chào hỏi sớm! Tôi tôn trọng bạn, cố vấn!😍

      • jaake973633님의 프로필 이미지
        jaake973633

        受講レビュー 2

        ∙

        平均評価 5.0

        5

        3% 受講後に作成

        Mình là sinh viên đã hoàn thành khóa học Code Camp Full Stack nhé! Sau khi nghe qua tin nhắn rằng bài giảng của Mentor Wondu sẽ được đăng trên Infron, tôi chạy đến. Nếu tôi nói về chương trình giảng dạy này dưới góc nhìn của một nhà phát triển sau khi trở thành nhà phát triển, tôi nghĩ đó là chương trình giảng dạy hoàn hảo nếu bạn muốn trở thành một sinh viên xem xét hiệu suất dự án! Khi tôi học được rằng không chỉ cách ghi nhớ được sử dụng trong React, điều mà ngay cả những người mới bắt đầu cũng gặp phải, mà còn cả việc sơn lại và chỉnh lại dựa trên các nguyên tắc kết xuất của trình duyệt, phạm vi những điều cần cân nhắc khi tái cấu trúc chắc chắn đã mở rộng! Ngoài ra, nó còn cho tôi biết các mẫu có thể giúp tôi viết mã theo cách thuận lợi hơn một chút cho việc bảo trì và nó cho tôi các mẹo để cá nhân tôi sử dụng nó hiệu quả! Tôi không thể tin được là mình lại được xem lại bài giảng này. Không biết thầy có nhớ tôi không, nhưng tôi nhớ thầy ㅜㅜㅜ Nowondu! Không có lợi! Mãi mãi!

        • whitedog3190861님의 프로필 이미지
          whitedog3190861

          受講レビュー 5

          ∙

          平均評価 5.0

          5

          1% 受講後に作成

          Tôi là sinh viên đang chuẩn bị trở thành nhà phát triển web front-end. Tôi đã mua Infron Code Camp, nơi tôi nghe mọi thứ từ HTML, CSS và JavaScript và thậm chí còn có một khóa học về giao diện người dùng!!!!! Tôi đang nghe bài giảng về React ở phần đầu và nó rất thú vị~~~!!!!!!!!!!!! Vẫn chưa có phần khó nào cả, nhưng tôi hơi lo lắng rằng càng về sau chúng ta sẽ càng khó hơn! Tôi sẽ lắng nghe cẩn thận! Trước hết, tôi thực sự thích chất liệu của Notionㅠㅠㅠㅠㅠ Tôi thực sự thích nóㅠㅠㅠㅠㅠ Nếu bạn không hiểu các phần, bạn có thể lặp lại chúng vô tận...????? Hahaha Cảm ơn!!!!!! Cố lên, tôi sẽ đảm bảo hoàn thành khóa học và hoàn thành danh mục đầu tư của mình.

          • ejuhee님의 프로필 이미지
            ejuhee

            受講レビュー 3

            ∙

            平均評価 5.0

            5

            32% 受講後に作成

            Tôi là một sinh viên đã học các bài giảng ngoại tuyến từ cố vấn Nowondu! Đó là một bài giảng có chất lượng đến mức nếu chỉ nghe một mình thì sẽ rất lãng phí, vì vậy tôi đã giới thiệu nó cho nhiều bạn bè của mình. Tôi rất vui khi thấy bạn ở Infron như thế này. Tôi nhớ bạn quá. Trước đây tôi đã từng học các lớp của những người hướng dẫn khác, nhưng hầu hết các lớp đều tập trung vào lý thuyết mà không thực hành nên tôi cảm thấy lúng túng khi cố gắng tự viết mã. Mặt khác, cố vấn Nowondu cung cấp những thông tin dễ hiểu, tập trung vào các công nghệ được sử dụng trong thực tế. Lớp học được tổ chức để học viên có thể hiểu các nguyên tắc và sau đó tự mình thực hiện, tạo ra một trình độ có thể áp dụng ngay vào thực tế. Ngay cả khi tôi gặp phải công nghệ không được dạy trong lớp, tôi vẫn có thể hiểu được nó bằng cách áp dụng các nguyên tắc đã học. Tôi cũng có thể học được tư duy mà tôi cần có với tư cách là một nhà phát triển thông qua những lời khuyên được đưa ra trong lớp. Tôi cảm thấy người cố vấn của tôi thực sự yêu thích và yêu thích sự phát triển, vì vậy tôi cũng thích nghiên cứu về phát triển. cười Mentor Nowondu thực sự là người thầy của tôi,💕 Khi ngành lễ tân thay đổi mỗi ngày🥲, dường như có rất nhiều kỹ năng và nội dung mới mà tôi chưa học được nên tôi dự định tham gia lớp học! Nếu có lớp khác tổ chức mình sẽ quay lại học lại haha.

            ￥46,403

            codecampの他の講座

            知識共有者の他の講座を見てみましょう！

            Vibe Coding được hiểu trong giới lập trình viên – Thực hành (Cursor AI, Figma)Course Thumbnail

            Vibe Coding được hiểu trong giới lập trình viên – Thực hành (Cursor AI, Figma)

            codecamp

            Hãy bỏ qua những dịch vụ đơn giản có thể tạo ra bằng vibe coding trong 10 phút! Bạn có thể học vibe coding ứng dụng thực tế 'thật sự'. Hãy tạo ra dịch vụ tinh vi ở mức độ dịch vụ thực tế theo đúng kế hoạch và thiết kế bằng Cursor AI NCOP. No Code, Only Prompt

            Intermediate

            Intermediate

            React, Next.js, cursor

            Vibe Coding được hiểu trong giới lập trình viên – Thực hành (Cursor AI, Figma)Course Thumbnail

            Vibe Coding được hiểu trong giới lập trình viên – Thực hành (Cursor AI, Figma)

            codecamp

            [CodeCamp] Khóa học frontend 'hoàn hảo' được tạo ra từ bootcampCourse Thumbnail

            [CodeCamp] Khóa học frontend 'hoàn hảo' được tạo ra từ bootcamp

            codecamp

            Đây là lộ trình học Frontend hoàn hảo từ một boot camp "thực thụ" đã đào tạo ra hàng trăm lập trình viên. Chỉ với một khóa học này, bạn có thể phát triển đến trình độ của một lập trình viên Junior đang làm việc thực tế, đồng thời có được khả năng ứng dụng và kiến thức về các kỹ năng Frontend. [Code Camp] đã chuẩn bị để bất kỳ ai cũng có thể xây dựng sự nghiệp, bất kể nền tảng xã hội, kinh tế hay giáo dục :)

            Beginner

            Beginner

            React, Next.js, GraphQL

            [CodeCamp] Khóa học frontend 'hoàn hảo' được tạo ra từ bootcampCourse Thumbnail

            [CodeCamp] Khóa học frontend 'hoàn hảo' được tạo ra từ bootcamp

            codecamp

            [Code Camp] CSS mạnh mẽCourse Thumbnail

            [Code Camp] CSS mạnh mẽ

            codecamp

            Bạn đã thấy một bài giảng tập trung hoàn toàn vào CSS chưa? Trong bài giảng này, bạn sẽ làm việc trên tổng cộng hai dự án và triển khai mọi thứ từ cấu hình bố cục cơ bản nhất đến thiết kế đáp ứng! Bây giờ, nếu bạn đã sẵn sàng, hãy bắt đầu.

            Basic

            Basic

            HTML/CSS

            [Code Camp] CSS mạnh mẽCourse Thumbnail

            [Code Camp] CSS mạnh mẽ

            codecamp

            [CodeCamp] Khóa học backend cô đặc được tạo ra từ bootcampCourse Thumbnail

            [CodeCamp] Khóa học backend cô đặc được tạo ra từ bootcamp

            codecamp

            Chương trình giảng dạy này chứa đầy niềm đam mê cá nhân của Captain, một nhà phát triển phần mềm đầy đủ với 8 năm kinh nghiệm và yêu thích lập trình. Trái tim của thuyền trưởng tan chảy khi anh ấy muốn kể cho bạn mọi thứ về phần sau! Nếu bạn nghe bài giảng này, bạn sẽ nghĩ: "Họ đã nói với tôi nhiều như vậy sao?" Bạn sẽ không thể thoát khỏi suy nghĩ đó. Chúng ta hãy bắt đầu bằng bài giảng này, bài giảng này sẽ giải đáp và cung cấp cho chúng ta những phần mà mọi người đều thấy khó hiểu?

            Beginner

            Beginner

            NestJS, Node.js, JavaScript

            [CodeCamp] Khóa học backend cô đặc được tạo ra từ bootcampCourse Thumbnail

            [CodeCamp] Khóa học backend cô đặc được tạo ra từ bootcamp

            codecamp

            Ứng dụng Hybrid với Expo Framework giúp tăng lương cho nhà phát triển webCourse Thumbnail

            Ứng dụng Hybrid với Expo Framework giúp tăng lương cho nhà phát triển web

            codecamp

            Đây là khóa học giúp bạn phát triển ứng dụng di động có thể cung cấp dịch vụ trên Android và IOS bằng cách tận dụng phát triển web.

            Basic

            Basic

            React, Next.js, expo

            Ứng dụng Hybrid với Expo Framework giúp tăng lương cho nhà phát triển webCourse Thumbnail

            Ứng dụng Hybrid với Expo Framework giúp tăng lương cho nhà phát triển web

            codecamp

            [CSS&JS Master] - Tạo nhật ký ghi chép cảm xúc theo phong cách hiện đạiCourse Thumbnail

            [CSS&JS Master] - Tạo nhật ký ghi chép cảm xúc theo phong cách hiện đại

            codecamp

            Bạn có thể học CSS và Javascript thực tế mới nhất một cách thú vị khi thực hiện dự án.

            Beginner

            Beginner

            HTML/CSS, JavaScript, vanilla-javascript

            [CSS&JS Master] - Tạo nhật ký ghi chép cảm xúc theo phong cách hiện đạiCourse Thumbnail

            [CSS&JS Master] - Tạo nhật ký ghi chép cảm xúc theo phong cách hiện đại

            codecamp

            [Code Camp] Lý thuyết + thực hành về thuật toán Javascript dành cho người mới bắt đầuCourse Thumbnail

            [Code Camp] Lý thuyết + thực hành về thuật toán Javascript dành cho người mới bắt đầu

            codecamp

            Những thuật toán có vẻ rất khó... Ngay cả những sinh viên không quen với toán học cũng có thể hoàn thành những kiến ​​thức cơ bản về thuật toán chỉ trong một bài giảng! Chúng tôi sẽ dạy bạn những khái niệm cơ bản cần thiết để giải thuật từng bước và hơn nữa, chúng tôi sẽ dạy bạn toàn bộ bí quyết của Code Camp để áp dụng vào các vấn đề :)

            Basic

            Basic

            JavaScript

            [Code Camp] Lý thuyết + thực hành về thuật toán Javascript dành cho người mới bắt đầuCourse Thumbnail

            [Code Camp] Lý thuyết + thực hành về thuật toán Javascript dành cho người mới bắt đầu

            codecamp

            [Code Camp] Javascript ấm ápCourse Thumbnail

            [Code Camp] Javascript ấm áp

            codecamp

            Có nhiều ngôn ngữ khác... tại sao phải là JavaScript? JavaScript là ngôn ngữ được sử dụng rộng rãi nhất trên thế giới và ngay cả những người không chuyên cũng có thể học nó một cách nhanh chóng và nó có cấu trúc dễ hiểu. Hơn nữa, các công ty nổi tiếng như Google, PayPal và Amazon cũng đang sử dụng nó! Tôi có cần phải suy nghĩ thêm nữa không?

            Beginner

            Beginner

            JavaScript

            [Code Camp] Javascript ấm ápCourse Thumbnail

            [Code Camp] Javascript ấm áp

            codecamp

            [Code Camp] Bắt đầu với trại miễn phíCourse Thumbnail

            [Code Camp] Bắt đầu với trại miễn phí

            codecamp

            Đây là khóa học được tạo bằng chương trình giảng dạy độc đáo của Coding Boot Camp. Nó bao gồm những nội dung cơ bản và cần thiết nhất trong thực tế. 'Bất cứ ai cũng có thể chuyển sang nghề lập trình viên' Bắt đầu với bài học này.

            Beginner

            Beginner

            HTML/CSS, JavaScript

            [Code Camp] Bắt đầu với trại miễn phíCourse Thumbnail

            [Code Camp] Bắt đầu với trại miễn phí

            codecamp

            似ている講座

            同じ分野の他の講座を見てみましょう！

            [CodeCamp] Khóa học frontend 'hoàn hảo' được tạo ra từ bootcampCourse Thumbnail

            [CodeCamp] Khóa học frontend 'hoàn hảo' được tạo ra từ bootcamp

            codecamp

            Đây là lộ trình học Frontend hoàn hảo từ một boot camp "thực thụ" đã đào tạo ra hàng trăm lập trình viên. Chỉ với một khóa học này, bạn có thể phát triển đến trình độ của một lập trình viên Junior đang làm việc thực tế, đồng thời có được khả năng ứng dụng và kiến thức về các kỹ năng Frontend. [Code Camp] đã chuẩn bị để bất kỳ ai cũng có thể xây dựng sự nghiệp, bất kể nền tảng xã hội, kinh tế hay giáo dục :)

            Beginner

            Beginner

            React, Next.js, GraphQL

            [CodeCamp] Khóa học frontend 'hoàn hảo' được tạo ra từ bootcampCourse Thumbnail

            [CodeCamp] Khóa học frontend 'hoàn hảo' được tạo ra từ bootcamp

            codecamp

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

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

            totuworld

            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.

            Basic

            Basic

            Next.js

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

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

            totuworld

            Một trại huấn luyện phát triển toàn diện thực sự dành cho những người không chuyên ngànhCourse Thumbnail

            Một trại huấn luyện phát triển toàn diện thực sự dành cho những người không chuyên ngành

            grab

            Khóa học đầy đủ nhất mà ngay cả người mới bắt đầu cũng có thể học được, bao gồm web, máy chủ, ứng dụng di động và học máy!! Nếu bạn không biết nên bắt đầu phát triển từ đâu, tôi thực sự khuyên bạn nên tham gia khóa học này. Chúng ta hãy tiến hành chỉ với Javascript!

            Beginner

            Beginner

            JavaScript, React, Node.js

            Một trại huấn luyện phát triển toàn diện thực sự dành cho những người không chuyên ngànhCourse Thumbnail

            Một trại huấn luyện phát triển toàn diện thực sự dành cho những người không chuyên ngành

            grab

            [CodeCamp] Khóa học backend cô đặc được tạo ra từ bootcampCourse Thumbnail

            [CodeCamp] Khóa học backend cô đặc được tạo ra từ bootcamp

            codecamp

            Chương trình giảng dạy này chứa đầy niềm đam mê cá nhân của Captain, một nhà phát triển phần mềm đầy đủ với 8 năm kinh nghiệm và yêu thích lập trình. Trái tim của thuyền trưởng tan chảy khi anh ấy muốn kể cho bạn mọi thứ về phần sau! Nếu bạn nghe bài giảng này, bạn sẽ nghĩ: "Họ đã nói với tôi nhiều như vậy sao?" Bạn sẽ không thể thoát khỏi suy nghĩ đó. Chúng ta hãy bắt đầu bằng bài giảng này, bài giảng này sẽ giải đáp và cung cấp cho chúng ta những phần mà mọi người đều thấy khó hiểu?

            Beginner

            Beginner

            NestJS, Node.js, JavaScript

            [CodeCamp] Khóa học backend cô đặc được tạo ra từ bootcampCourse Thumbnail

            [CodeCamp] Khóa học backend cô đặc được tạo ra từ bootcamp

            codecamp

            Vibe Coding được hiểu trong giới lập trình viên – Thực hành (Cursor AI, Figma)Course Thumbnail

            Vibe Coding được hiểu trong giới lập trình viên – Thực hành (Cursor AI, Figma)

            codecamp

            Hãy bỏ qua những dịch vụ đơn giản có thể tạo ra bằng vibe coding trong 10 phút! Bạn có thể học vibe coding ứng dụng thực tế 'thật sự'. Hãy tạo ra dịch vụ tinh vi ở mức độ dịch vụ thực tế theo đúng kế hoạch và thiết kế bằng Cursor AI NCOP. No Code, Only Prompt

            Intermediate

            Intermediate

            React, Next.js, cursor

            Vibe Coding được hiểu trong giới lập trình viên – Thực hành (Cursor AI, Figma)Course Thumbnail

            Vibe Coding được hiểu trong giới lập trình viên – Thực hành (Cursor AI, Figma)

            codecamp

            [Gia hạn] Tạo NodeBird SNS bằng ReactCourse Thumbnail

            [Gia hạn] Tạo NodeBird SNS bằng React

            zerocho

            Phản ứng & Tiếp theo & Chuyển đổi & Redux Saga & Hãy tạo một dịch vụ SNS tương tự như Twitter bằng Express Stack. Cuối cùng, sau khi tối ưu hóa công cụ tìm kiếm, chúng tôi triển khai lên AWS.

            Intermediate

            Intermediate

            React, Redux, Node.js

            [Gia hạn] Tạo NodeBird SNS bằng ReactCourse Thumbnail

            [Gia hạn] Tạo NodeBird SNS bằng React

            zerocho

            Những điều Bootcamp không cho bạn biết (Tối ưu hóa kết xuất phản ứng) Phần 2Course Thumbnail

            Những điều Bootcamp không cho bạn biết (Tối ưu hóa kết xuất phản ứng) Phần 2

            aftercamp

            Nắm vững các nguyên tắc kết xuất và tối ưu hóa React để sử dụng chúng trong thực tế và chuẩn bị cho các cuộc phỏng vấn!

            Intermediate

            Intermediate

            React, react-usememo, Tech Interview

            Những điều Bootcamp không cho bạn biết (Tối ưu hóa kết xuất phản ứng) Phần 2Course Thumbnail

            Những điều Bootcamp không cho bạn biết (Tối ưu hóa kết xuất phản ứng) Phần 2

            aftercamp

            [Nhập môn Fullstack] Supabase tốt gấp 10 lần so với FirebaseCourse Thumbnail

            [Nhập môn Fullstack] Supabase tốt gấp 10 lần so với Firebase

            lopun

            Supabase! Chắp cánh phát triển Full-stack! Với Supabase, vượt trội hơn Firebase, hoàn tất phát triển Full-stack chỉ trong 2 giờ.

            Basic

            Basic

            PostgreSQL, Next.js, TailwindCSS

            [Nhập môn Fullstack] Supabase tốt gấp 10 lần so với FirebaseCourse Thumbnail

            [Nhập môn Fullstack] Supabase tốt gấp 10 lần so với Firebase

            lopun

            Từ sự kiện đến SPA, động cơ thiết yếu của web tương tác - [Chinh phục hoàn toàn DOM Part 2]Course Thumbnail

            Từ sự kiện đến SPA, động cơ thiết yếu của web tương tác - [Chinh phục hoàn toàn DOM Part 2]

            nhcodingstudio

            Khóa học này không chỉ dừng lại ở thao tác DOM đơn thuần, mà còn đi sâu vào việc tìm hiểu cách cấu trúc và phản ứng động với giao diện người dùng web trong tương tác thực tế với người dùng. Bản chất của hệ thống sự kiện, bubbling và capturing, ủy quyền sự kiện, phản hồi UX theo thời gian thực, và tối ưu hóa hiệu suất bằng cách sử dụng throttle & debounce, đã được cấu trúc để bạn có thể tự mình triển khai và nắm vững các vấn đề thường gặp trong thực tế. Dựa trên sự hiểu biết về cấu trúc của cây DOM, bạn sẽ phát triển khả năng liên kết linh hoạt luồng sự kiện và thay đổi trạng thái.

            Basic

            Basic

            HTML/CSS, JavaScript, React

            Từ sự kiện đến SPA, động cơ thiết yếu của web tương tác - [Chinh phục hoàn toàn DOM Part 2]Course Thumbnail

            Từ sự kiện đến SPA, động cơ thiết yếu của web tương tác - [Chinh phục hoàn toàn DOM Part 2]

            nhcodingstudio

            Ứng dụng Hybrid với Expo Framework giúp tăng lương cho nhà phát triển webCourse Thumbnail

            Ứng dụng Hybrid với Expo Framework giúp tăng lương cho nhà phát triển web

            codecamp

            Đây là khóa học giúp bạn phát triển ứng dụng di động có thể cung cấp dịch vụ trên Android và IOS bằng cách tận dụng phát triển web.

            Basic

            Basic

            React, Next.js, expo

            Ứng dụng Hybrid với Expo Framework giúp tăng lương cho nhà phát triển webCourse Thumbnail

            Ứng dụng Hybrid với Expo Framework giúp tăng lương cho nhà phát triển web

            codecamp

            Thu thập dữ liệu web bằng Node.jsCourse Thumbnail

            Thu thập dữ liệu web bằng Node.js

            zerocho

            Thu thập dữ liệu các trang web như Naver, Amazon, Twitter, YouTube, Facebook, Instagram và unsplash.com và áp dụng chúng vào thực tế.

            Intermediate

            Intermediate

            JavaScript, Node.js, Web Crawling

            Thu thập dữ liệu web bằng Node.jsCourse Thumbnail

            Thu thập dữ liệu web bằng Node.js

            zerocho

            Vibe Coding: Tạo ứng dụng ghi nhớ giọng nói bằng Next.js + FastAPI + Faster-WhisperCourse Thumbnail

            Vibe Coding: Tạo ứng dụng ghi nhớ giọng nói bằng Next.js + FastAPI + Faster-Whisper

            ludgi

            Đây là khóa học dự án thực tế về cách chạy Whisper cục bộ và phát triển nhanh chóng một ứng dụng nhận dạng giọng nói AI bằng FastAPI và Next.js. Bạn sẽ triển khai nhận dạng giọng nói theo thời gian thực và hoàn thành một sản phẩm có thể được sử dụng làm portfolio đơn giản trong một thời gian ngắn.

            Basic

            Basic

            Next.js, FastAPI, whisper

            Vibe Coding: Tạo ứng dụng ghi nhớ giọng nói bằng Next.js + FastAPI + Faster-WhisperCourse Thumbnail

            Vibe Coding: Tạo ứng dụng ghi nhớ giọng nói bằng Next.js + FastAPI + Faster-Whisper

            ludgi

            Tạo Node.js server engine – Thiết kế framework học qua việc nhân bản Express.jsCourse Thumbnail

            Tạo Node.js server engine – Thiết kế framework học qua việc nhân bản Express.js

            nhcodingstudio

            Đây là khóa học không chỉ dừng lại ở việc sử dụng Express.js mà còn giúp bạn nắm vững nguyên lý hoạt động thực sự của server bằng cách tự tay triển khai toàn bộ engine nội bộ của nó từ đầu đến cuối. Khóa học mang đến trải nghiệm trở thành nhà phát triển server thông qua việc tự mình xây dựng từ đầu mọi thành phần của Express như router, middleware, đối tượng yêu cầu-phản hồi, xử lý tệp tĩnh và hiển thị template.

            Basic

            Basic

            JavaScript, Node.js, Express

            Tạo Node.js server engine – Thiết kế framework học qua việc nhân bản Express.jsCourse Thumbnail

            Tạo Node.js server engine – Thiết kế framework học qua việc nhân bản Express.js

            nhcodingstudio

            Tạo dịch vụ kiếm tiền trong 4 tuần cho người không phải lập trình viên: AI Vibe Coding Web + App ALL IN ONE

            dingcodingco

            Không biết code cũng OK! Biến ý tưởng của bạn thành doanh thu thực tế chỉ trong 4 tuần. Sử dụng AI và các công cụ mới nhất, tạo đồng thời website và app rồi kết nối ngay với dịch vụ.

            Beginner

            Beginner

            Flutter, Next.js, cursor

            Tạo dịch vụ kiếm tiền trong 4 tuần cho người không phải lập trình viên: AI Vibe Coding Web + App ALL IN ONE

            dingcodingco

            React Native với Expo: Học đúng cách từ 제로초Course Thumbnail

            React Native với Expo: Học đúng cách từ 제로초

            zerocho

            Đã đến thời đại các nhà phát triển web (đặc biệt nếu là nhà phát triển React) có thể ra mắt ứng dụng một cách thực sự dễ dàng. Với Expo, bạn có thể ra mắt cả ứng dụng Android và iOS nhanh hơn nữa. Hãy cùng trở thành nhà phát triển có thể nhanh chóng ra mắt ứng dụng thông qua Expo.

            Basic

            Basic

            React, React Native, Hybrid App

            React Native với Expo: Học đúng cách từ 제로초Course Thumbnail

            React Native với Expo: Học đúng cách từ 제로초

            zerocho

            Tạo phòng chat nhóm siêu đơn giản cho người không chuyên (바이브코딩, Cursor AI)Course Thumbnail

            Tạo phòng chat nhóm siêu đơn giản cho người không chuyên (바이브코딩, Cursor AI)

            teracokr

            Sau khi học hết các bài giảng này và ứng dụng, bạn có thể tạo trang web và ứng dụng của riêng mình. Đây là bài giảng nhập môn Vibe Coding, sử dụng Cursor AI để tạo nhóm chat riêng cho gia đình dưới dạng Web, đồng thời giúp bạn làm quen tự nhiên với luồng code. Không cần tài khoản App developer hay MacBook, chỉ với Windows, dù không biết lập trình, ai cũng dễ dàng làm theo và học cách triển khai lên trang web thực tế.

            Beginner

            Beginner

            Firebase, Next.js, vercel

            Tạo phòng chat nhóm siêu đơn giản cho người không chuyên (바이브코딩, Cursor AI)Course Thumbnail

            Tạo phòng chat nhóm siêu đơn giản cho người không chuyên (바이브코딩, Cursor AI)

            teracokr

            [Phát triển GUI JavaScript #1] Ứng dụng Timer được tạo bằng Electron + React (+ Zustand)Course Thumbnail

            [Phát triển GUI JavaScript #1] Ứng dụng Timer được tạo bằng Electron + React (+ Zustand)

            dakgangjung123

            Đây là khóa học thực tế giúp bạn tự tay tạo ra một ứng dụng hẹn giờ bằng React, Electron, Zustand và triển khai nó trên đa nền tảng (Windows, macOS, Linux). Bắt đầu với việc phát triển web React quen thuộc, quản lý trạng thái toàn cục thông qua Zustand, và cho đến khi triển khai GUI cuối cùng, bạn có thể học được toàn bộ quy trình phát triển ứng dụng desktop!

            Basic

            Basic

            React, Electron, GUI

            [Phát triển GUI JavaScript #1] Ứng dụng Timer được tạo bằng Electron + React (+ Zustand)Course Thumbnail

            [Phát triển GUI JavaScript #1] Ứng dụng Timer được tạo bằng Electron + React (+ Zustand)

            dakgangjung123

            Sử dụng Node.JsCourse Thumbnail

            Sử dụng Node.Js

            Egoing Lee

            Đây là khóa học giúp bạn thực hiện chức năng cookie và đăng nhập bằng Javascript phía máy chủ NodeJS và kết hợp với những thành quả đạt được trong khóa học nodeJS trước đó để tạo ra một ứng dụng web hoàn chỉnh.

            Basic

            Basic

            JavaScript, Node.js

            Sử dụng Node.JsCourse Thumbnail

            Sử dụng Node.Js

            Egoing Lee

            Chinh phục hoàn toàn GraphQL (khóa học full stack vừa học vừa tạo kiosk) - [Đổi mới một phần vào năm 2024]Course Thumbnail

            Chinh phục hoàn toàn GraphQL (khóa học full stack vừa học vừa tạo kiosk) - [Đổi mới một phần vào năm 2024]

            Indie Coder

            Bạn sẽ tìm hiểu cách sử dụng GraphQL cơ bản và nâng cao, công nghệ kiểm soát API thế hệ tiếp theo và trải nghiệm dự án thực tế thông qua dịch vụ kiosk ảo được tạo bằng GraphQL. Khóa học đã được cập nhật một phần lên phiên bản mới nhất, apollo-server v4, kể từ tháng 2 năm 2024.

            Basic

            Basic

            GraphQL, Svelte, MongoDB

            Chinh phục hoàn toàn GraphQL (khóa học full stack vừa học vừa tạo kiosk) - [Đổi mới một phần vào năm 2024]Course Thumbnail

            Chinh phục hoàn toàn GraphQL (khóa học full stack vừa học vừa tạo kiosk) - [Đổi mới một phần vào năm 2024]

            Indie Coder

            Học TypeScript thực tế từ các tài liệu chính thứcCourse Thumbnail

            Học TypeScript thực tế từ các tài liệu chính thức

            sowhatcoding

            Để hiểu đúng về TypeScript, bạn nên đọc tài liệu chính thức ít nhất một lần. Chúng tôi sẽ chỉ xác định những phần quan trọng của tài liệu và trình bày chúng một cách dễ hiểu. Khóa học này cũng cung cấp thông tin bạn sẽ cần trong thực tế!

            Beginner

            Beginner

            TypeScript, JavaScript, ES6

            Học TypeScript thực tế từ các tài liệu chính thứcCourse Thumbnail

            Học TypeScript thực tế từ các tài liệu chính thức

            sowhatcoding