初級
チャプター 10つ · 9時間 10分
日本語 · 英語 · 韓国語|オーディオ 韓国語

リアクトを使って
このクラスでは 2点の作品を作ります。

作品1点につき制作にかかる時間の目安は1 日から 3 日以内です。

  • To-Do ウェブアプリの作成

  • メモアプリを作成する

こんなことを学びます

React の学習とウェブアプリの作成を同時に行う

Todo アプリを構築する際に React を処理する方法を紹介します。

macOS メモアプリを Web アプリとして実装する

講座で学んだことを基にメモアプリの作り方を紹介します。

Git、開発者にとって不可欠なスキル

あなたが開発者なら、絶対に Git を使うことを知らせたいと思います。

タイプスクリプトによるより安定した開発

タイプスクリプトを使って React を開発する方法を紹介します。

Reduxによるマスターステート管理

ビジネスでよく使われる状態管理ツール、Reduxの使い方を紹介します。

PWA を使用してすべてのプラットフォームで動作する Web アプリを開発

最近流行っているPWAの実装方法をお伝えします。

こんにちは!
私のコースを訪問していただきありがとうございます ☺️


ウェブ開発

なぜ私は学ぶべきなのでしょうか?

普段、パソコンをどう使っていますか?YouTubeやNetflixで時間を過ごしたり、音楽を聴いて一日を過ごしたりするかもしれません。また、Google ドキュメントやノートで作業したり、日常の生活をインスタグラムやフェイスブックで共有したりすることもあります。


パソコンやスマートフォンをよく使うなら、 それらのほとんどはすべてWebベースのプラットフォームを使用していますあなたはそれをするでしょう。(あなたが見ているこの画面もウェブプラットフォームです 😆)

internetlivestats.com、世界中のインターネットユーザーとウェブサイトの数


ウェブにはブラウザがあります すべてのプラットフォーム(PC、スマートフォン、テレビなど)で使用できる優れたアクセシビリティ持っているという利点があります。これらの利点により、将来的にはより多くのWebサイトとプラットフォームが作成されます。 すばやく適応するには、ウェブの基本から最新のトレンドまですべてを知っている必要があります。それは。


あなたにぴったりの最新のウェブ開発方法

私は 基本を研ぎ澄ますのと同様に、開発動向にも敏感に対応する必要があります。それも重要だと思います。そこで、この授業では、2021年現在のビジネスで使われている最新の言語やフレームワークについてお知らせする予定です。


1。反応 (反応)

フェイスブックによって開発されました 「リアクト」これは、ウェブサイトの開発方法を教えるコースです。 カカオペイ、Tストーリー、サンタTOEIC、マイリアルトリップなどの有名スタートアップが使用するウェブ開発ライブラリ🕶 です


2。タイプスクリプト (タイプスクリプト)

最近のトレンドである「タイプスクリプト」を使って開発しています。 Class101はタイプスクリプトを使った最初のウェブ開発コースです! カカオ、トス、キャロットマーケットなどのユニコーンスタートアップから大企業まで、誰もが使うプログラミング言語です 😮


3。リダックス (リダックス)

最初は C 言語の Pointer を理解するのが難しいのと同じように、 React の開発中に理解するのが難しい、予測可能な状態コンテナ「Redux」 実習とあわせてお伝えする予定です 🛠


4。PWA (プログレッシブウェブアプリ)

React を使ってウェブサイトだけでなくウェブアプリを作成する方法も紹介します。 'PWA (プログレッシブウェブアプリ) 'スルー PCアプリやモバイルアプリとしても使用できる方法✨(写真の通り、この技術はYouTubeミュージックでも使われています!!)


5。ギット (ビット)

バージョン管理とコラボレーションについて知っておくべきこと 「ギット」これも教えてくれるレクチャーです。 Git は比較的最新のテクノロジーではありませんが、非常に基本的なテクノロジーなので、Git を使用しない IT 企業は (おそらく) 世界には存在しません。 🍗


学んだら、試してみてください

すべてのコースを受講していれば、2 つの Web アプリを修了し、本番環境に移行したことになります。


To-Do アプリ

To-Do アプリの作成中 リアクト、HTML、および CSS に関する基本的な知識に加えて Reduxで状態管理と機能を実装する方法あなたは学ぶことができるでしょう。さらに、PWA でモバイルアプリのように動作させ、すべてのコードを Git で管理します。


macOS メモアプリ

To-Do アプリを通してウェブ開発について学べば、 独自のメモアプリを実装する手順来たにちがいない!もちろん、 もちろん、最初は難しく、CSSがうまく従わないのか、状態が変わらないのかというエラーから始めて、型やコンポーネントの設計も難しいです。あなたはそれに立ち向かうことができるでしょう。


ただし、詰まりがある場合 メモアプリのハンズオンレッスンのビデオを見たり、質問したりすると、解決して次に進むことができます。


開発環境の説明

  • コースで使用しているパソコンはmacOS (MacBook Air M1ベーシックタイプ) ですが、ウィンドウズOSでも問題なく受講できます!
  • マイクロソフトが開発したVisual Studio Codeを使用し、コースで役立つ拡張機能をいくつか紹介します。
  • それ以外の場合は、Chrome (デベロッパーツール)、node.js、npm、yarn、および git を使用します。

カリキュラム

クリエイター紹介

kidevelop

kidevelop

こんにちは!私はキッドバブルの開発者です。


こんにちは 😄


2012 年にプログラミングを始め、学び続けるフルスタックの開発者 キッドベルトそれは。


完全で洗練されたソフトウェアを実装するために、設計からフロントエンド、バックエンド、サーバー、人工知能まですべてをカバーしました。


Web開発は、HTML5とCSS3が本格的に普及した15年に中学生の単純な好奇心から始まりました。同時に、PHPなどのバックエンド言語も勉強し、友人のWebサイトの開発を担当し、直接サービスを受けているサイトのクローンを作成することで自分で学びました。


そして、17年にReactやVueという仮想ドームベースのWeb開発ライブラリが出てきたときに、新しいWeb開発について学びました。最初は、今までやってきたWeb開発とはずいぶん違っていて、気まずく、苦労しながら一つずつ探していたのを覚えています。


その思い出をよみがえらせるために、ウェブ開発に興味のある方に、簡単かつ正確に良い知識を伝えるための講座を作りました。どうもありがとうございます!🙌


🙂 歴史

  • 株式会社トランスバースフロントエンド開発チーム長(授業管理およびビデオ会議プラットフォーム開発)
  • 旧)グーリリハーサルデベロッパー株式会社(AI面接評価プラットフォーム開発)
  • 旧)イブバックエンドデベロッパー株式会社(オンラインメタバースアートプラットフォーム API バックエンド開発)
  • 韓国科学技術研究院(KAIST)のコンピューターサイエンス学部に出席しました
  • 韓国デジタルメディア高等学校ウェブプログラミング学科卒業
  • ウーバー ベースウェブ コントリビューター (Uber が開発した React UI フレームワーク)

🏆 受賞履歴

  • 2020年人工知能オンラインコンテスト事業化支援選考 (1億6000万ウォン/AIを活用した面接評価システム)
  • 2019 オープンリソースハッカソンソウル 1位
  • 2018 インテル国際科学技術フェア韓国代表チームと大賞
  • 2018 韓国青少年科学創造コンテスト (ISEF-K) 優勝
  • 2017 韓国情報オリンピック競技部門金賞

Github

Github

このクラスに似ているおすすめクラス

没入型コーディングによるフルスタックReact開発者の仕事のコアカリキュラムWeb · フロントエンド  |  熱中コーディング
カスタマーセンター[受付時間] 平日10:00~17:00
CLASS101JAPAN株式会社
japan@101.inc