![[React/VanillaJS] UI要素を直接作成する Part 1講義サムネイル](https://cdn.inflearn.com/public/courses/333258/cover/1b33bae1-68fa-4b4d-b089-199eab988c84/333258.png?w=420)
[React/VanillaJS] UI要素を直接作成する Part 1
jaenam
¥8,705
初級 / React, vanilla-js, ui, TypeScript, DOM
5.0
(24)
代表的なUI要素をReactバージョンと純粋なJavaScriptバージョンにして、Web APIを活用したさまざまな視点と方法を体験し、フロントエンド開発のスキルを一層引き上げてみてください。
初級
React, vanilla-js, ui
ReactベースのシンプルなSNSサービスを作成しながら、REST APIとGraphQLを練習します。 フロントエンド開発のためのバックエンド環境を簡単かつ簡単にする方法を紹介します。


講座 を紹介して、成長と収益を得ましょう!

マーケティングパートナーズ
講座 を紹介して、成長と収益を得ましょう!
学習した受講者のレビュー
5.0
sakom33
いつも他の講義では簡単に触れませんでしたが、 フロントエンド開発者に必ず必要な講義のようです! プエンの開発もサーバー側の知識が必要だからといってフルスタックを勉強しなければならないのか、まさにいましたが、比較的簡単に基本的な通信概念を理解して経験してみることができてとても良かったです。
5.0
xiuxiu
先生こんにちは!虎の本も一生懸命読んでいました(大きな声)!フルスタックプロジェクトを探していますが、川の新しく開いたのを見て、光の速度で決済(アーリーバード🐶ゲイン!)して争っておいて、今学び始めました。まだセクション1しか見ていないが簡潔だがコアだけを説明してくれる点とても良くなってしまうし、少しだけずっと追加対応アップしてくださるのも完全サービットしてください。 知らない場合は、もう一度質問でお会いしましょう。 私も下の文のようにts追加バージョンも待ってみます!
5.0
Mark
短期間に完了する必要があるプロジェクトの進行中に通信機能をテストする必要があるにもかかわらず、apiを渡すサーバーがないため、ローカルApiを直接作成する必要がありました。 当時、あまりにも時期的に該当講義に触れることができ、幸い期間内に問題なく通信機能をテストして実演できました:) 講義自体が簡潔で必要な部分をこだわってくださるので、講義を一度頑強した後は、一人で自分で作ってみても気軽に講義でした。 おかげでとても役に立ちました!ありがとうございます!
React
ローカルデータベースとサーバーの作成
REST API
GraphQL
CRUD
フロントエンド開発者、レベルアップ!
データ通信に対する自信を育ててください。
REST APIおよびGraphQLの使用方法を理解し、
単純なデータベースを構築することによって
ポートフォリオにご活用ください!
フロントエンド開発者の就職を目指してポートフォリオを準備していますか? このレッスンでは、React(リアクト)ベースの簡単なSNSサービスを作成するトイプロジェクトクローンコーディングを通じて、クライアントコードだけでなく、サーバーとDBまでの両方を直接作成します。
最近フロントエンド就職準備中の方々を対象にメンタリングをしてみると、多くの方々がサーバーサイド学習に負担を感じていましたね。
「バックエンド環境の構築に大きな負担を感じます。」
「GraphQLを書いてみたいのですが、バックエンドの助けなしでどのように始めるのかわかりません。」
「就職を控えてMongoDB、MySQL、Firebaseなどを学習するのは果たして正しいのでしょうか?」
私も同じ苦情を経験してきた非専攻者として、これまで私が積み重ねたノウハウを皆さんに共有していきたいと思います。
就職準備生
フロントエンド就職
準備している
非専攻者
フロントジュニア
ノウハウを手に入れたい
現職フロントエンド
開発者もOK!
一度に練習
REST API、GraphQL
両方を
練習したい方
✅ サーバーサイド学習に負担を感じる方
✅単独でポートフォリオまたはトイプロジェクトを進めたいフロントエンド開発者
✅開発段階でapiが用意される前にフロントエンド開発を急いでほしい現職フロントエンド開発者
ローカルDBを構築するため
最小限のCRUD
機能だけを扱うことによって
学習負担が少ない。
文法中心の説明の代わりに、
実際に使われる例を中心に
実戦開発能力
することができます。
実際の開発プロセス
そのままによると
自然に全体的な流れ
把握できます。
受講前にご確認ください!
React と Next.js ベースのフロントエンド開発を開始します。
Node.jsでExpress(Express)フレームワークに基づいてサーバーを駆動します。JSONでDBを構築し、ルートを作成します。
クライアントはREST API通信を介して実際のデータに基づいてCRUDを完成させます。
Apollo Serverに基づいてサーバーをGraphQL文法に変更します。
クライアントにGraphQL通信を適用します。無限スクロール専用のreact-query APIも学習します。
Q. 非専攻者も聞ける講義ですか?
はい、非専攻者を対象にフロントエンド開発に必要な最小限のバックエンド環境を構成できることを目指します。
Q. 講義を聞く前に準備すべきことはありますか?
Node.js(ノード)、Yarnがインストールされている必要があります。
学習対象は
誰でしょう?
フロントエンド就任生
現職のフロントエンド開発者
前提知識、
必要でしょうか?
React
yarn/npm
33,038
受講生
691
受講レビュー
395
回答
4.8
講座評価
11
講座
こんにちは、シニアフロントエンドエンジニアのチョン・ジェナムです。
互いに助け合い、共に発展する健全な共有文化を目指して、さまざまな活動を行っています。
著書: コア・JavaScript
YouTubeチャンネル: FEジェナム
記事およびインタビュー動画:
Wanted)新人開発者、何を勉強すべきですか? https://www.wanted.co.kr/events/22_02_s01_b01
インフラン) To. ジュニア開発者 https://www.inflearn.com/pages/for-junior-developers-20211207
ベンチャー異夢)ベンチャー/スタートアップのシニア開発者とジュニア開発者の率直なトークショー https://youtu.be/6D7I4NNFHsU?si=nD6-F7EU_ZtYqDLI
バニラコーディング)フロントエンドエンジニア就職マインドセット https://youtu.be/zX68pyoLctI
全体
25件 ∙ (3時間 37分)
1. はじめに
03:16
2. (お知らせ)フォント問題
01:20
3. 環境設定
04:14
4. (追加)Next.js 11対応
01:44
5. リストビューの実装
06:18
6. スタイルを書く
01:43
7. 新しい書き込み機能の実装
08:42
8. メッセージ修正、削除機能の実装
10:09
10. ルート定義
19:22
全体
41件
4.7
41件の受講レビュー
知識共有者の他の講座を見てみましょう!
同じ分野の他の講座を見てみましょう!
¥2,842