1/5

ウェブ開発の基礎から React を使った制作まで:: To-Do、メモアプリを作る

初級
チャプター 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 を使用します。
キット・コーチング券

🔥 どこにも尋ねたり検索したりするのが難しかった質問を 1 対 1 でお知らせします。

  • 1枚のコーチングチケットで2つの質問をすることができます。
  • 授業で開発したウェブ開発コードを復習します。(Github リポジトリへのリンクを添付してください。レビューします。)
  • わかりづらかった部分をしっかり理解してあげよう。
  • 希望どおりに実装できない機能やコンポーネントについて指導します。
  • 予定しているウェブサービスのレビューと方向性をお伝えします。
  • これに加えて、reactsやフロントエンド開発に関する質問があれば、喜んでコーチングします。


コーチング権に関するよくある質問

Q 1。追加の回答には別のコーチングチケットを使用する必要はありませんか?

回答が不完全な場合は、回答に添付された電子メールでお問い合わせください。より詳細に回答いたします。(1回まで)


Q 2。講義中に間違いをしてしまい、質問したいと思いました。その時はコーチングチケットを使うべきですか?

コーストレーニング中に間違いや質問がある場合は、コミュニティにコメントを残してください。できるだけ早く対応いたします。

カリキュラム

クリエイター紹介

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 · フロントエンド  |  熱中コーディング

著作権ガイドライン

  • クラスに含まれるすべての映像と資料は著作権法など関連法令により保護される知的財産です。
  • クラスに含まれるすべての映像や資料は、無断複製、公衆送信、展示、配布などの方法で使用することはできません。違反の際、関連法令により刑事上、民事上の責任を負うことがあります。

    クラスに含まれるすべての映像と資料は著作権法など関連法令により保護されている知的財産です。
  • 著作権者の許可無く、クラスに含まれるすべての映像や資料を、無断複製、公衆送信、展示、配布などの方法で使用することはできません。違反の際、関連法令により刑事上、民事上の責任を負うことがあります。
CLASS101JAPAN株式会社
japan@101.inc