Svelte本番講義 - 数独を作る
beomy
Svelte、Express、JWT、MongoDBを使用してWebゲームを作成できます。 FrontEndとBackEndの両方を扱ってみたい方へようこそ!
Intermediate
Svelte, Express, MongoDB
受講生 502名
難易度 中級以上
受講期間 無制限
学習した受講者のレビュー
5.0
한광훈
良い講座ありがとうございます。
5.0
마루
中途半端なエラーで数日間無駄にして…本当に険しい時間だったけどなんとか完成できるようになってとても嬉しいですㅜㅜ これでリアクトを通じてどのようにフロントエンドとバックエンドを作って配布までできるのか、どれくらい感覚を捉えることができるようになる時間でした。もっと勉強をたくさんしなければならないという考えだけですね…
5.0
kimkh7534
しっかりした講義ありがとうございます。
Mongo DB
エクスプレス
React
NodeJS
Redux、Redux-Saga
JWT Web Token
無限スクロール (Intersection Observer)
CKEditor5
CSS(BootStrap4)
Https(GreenLock Express)
新しい講義とロードマップがオープンしました!新しい講義は>リンク<
Dockerで開発から配布まで、Terraformでクーバーネティス運営を知りたいならゴゴ~!
新発売のNode FullStack開発ロードマップ、A~Zまでロードマップ参加時関連講義の20%割引クーポンをいたします
割引クーポンを入手> Go! <
バックエンド(サーバー)とフロント(ウェブ画面)を一人で作ることができる技術をフルスタック(Full Stack)といいます。フルスタック技術はさまざまに実装できますが、 JavaScriptを使用してバックエンド(NodeJS、Express、MongoDB)とフロント(React、Redux、Redux-Saga、Bootstrap、Ckeditor5など)を作成します。
あなたがJavaScriptで1つですべてを作ることができると思いますか? @.@
JavaScriptのフルスタック開発者になると、あなたのアイデアはすべて現実になり、収益化につながります。
おまけに!
フロントエンド開発ライブラリであるReactを学ぶと、Reactでモバイルアプリ(Android、iPhone)を作るReact Nativeまで簡単にアクセスできるという事実!
あなたの頭の中のアイデアはもはや単純な想像ではありません。
今すぐ!!!現実世界に皆さんの考えの国を広げましょう。
コーディングは私の想像を現実化させるツールです~~~ *^^*




このほか、MongoDB、Express、React、Node JS(以上 MERN Stack)、Redux、Redux-Saga、JWT Web Token、Bootstrap4を学びます。
Web開発者は基本的に自分の知識とスキルを保存するブログが必要です。
でも…ウェブ開発をしていると…まだ私の技術で作ったブログがないんですか?それでは、一度それを作ってみてください。
この講義はHTML、CSSなど入門された方を対象に作られ、比較的詳細に概念を説明しています。
あなただけのブログを作って今から育ててみてください~~~
(旗ハブ:https: //github.com/sideproject0214/blog)
サッフルの最新講義情報はblog.ssaple.comで確認してください〜
<合計63講義、815分>
セクション1(講義1、4分)
*イントロ:基本MERNスタックに関する概要と今後学ぶ技術紹介
セクション2(講義12、126分)
*Express(バックエンド)、Router、MongoDBなど基本サーバー作業
セクション3(講義47、653分)
*React、Reduxなどを活用したフロントエンド作業とこれに合わせたバックエンド作業
セクション4(講義3、32分)
*AWS Deploy ジョブ
Bonus(講義1個、 15分)
*Https(GreenLock Express)
MongoDB, Express, React, NodeJS, Redux, Redux-Saga, JWT Web Token, Infinite Scroll(Intersection Observer), CKEditor5, BootStrap4
*コンピュータ仕様:Linux、Mac、Windows
Q. 非専攻者も聞くことができますか?
A. はい当然です。なぜなら私は非専攻者として皆さんのようにインターネットで独学しました。ただ初めて入門される方なら、リアクトチュートリアル(https://ja.reactjs.org/tutorial/tutorial.html#completing-the-game)をご覧になることをお勧めします。
Q.リアクトは難しいですか?
A.リアクト自体は難しくありません。ただし、問題はリダックスなのに、リダックスから難易度が急上昇するのにリアクトが難しいという偏見も存在するのは事実です。リダックスなしで作成することもできますが、サイト規模が大きくなるほど状態管理に困難が発生するため、ほぼ必須(?)にRedux、Mobxなどを使用することになります。
この段階だけ渡せば自由自在にサイトを作ることができるのであきらめないといいです。 *^^*
Q. MERN Stackとは何ですか?
A. JavaScript言語の1つで、 M ongoDB、 E xpress、 R eact、 N odeJS( MERN )を使用してサーバー(バックエンド)、Web(フロント)をすべて作成する技術を意味します。
Q. この講義だけの特別な利点がありますか?
A. 私も皆さんのように Inflearn などインターネットで独学を行ったので、既存の講義で感じた惜しい点を補完して入門される皆さんの立場で講義を進めました。
学習対象は
誰でしょう?
Web 基本知識(HTML、CSS)をお持ちの方
JavaScript の基礎(「console.log」をご存知の方)
React, Expressの基礎をご存知の方
React To-do list を 1 つでも作成したことがある人
Web コーディングを早く学びたい方
こんにちは、サプルです
🔥2023年11月、Inflearnに新しい講座をローンチし、「何か新しいことを学んでみたい!」と思い、6ヶ月間Rustとウェブデザインにどっぷり浸かっていました。その後すぐにRust、Leptosでの開発を開始して
ついに…! Rust + Leptos + SQLx + Postgres + Docker + GCloud Run このスタックで作ったウェブサービスを2年越しに完成させました。
最近のReactはサーバーコンポーネントの流れに向かっていますが、Leptosは誕生当初から最新のウェブトレンドを反映したRust + WASMベースのフルスタックフレームワークであるため、初期からサーバーコンポーネント構造の形式で開発することができました。
2023年にColini Web開発ガイド、Node Fullstack開発ガイド、Terraform開発ガイドの3つの講義を制作した時から、「価値ある情報を5分以内に伝える」というコンセプトで運営されるプラットフォームを構想していたため、当時リリースした講義はすべて5分以内に編集して公開しました。
これからの私の開発の旅はRustへと続く予定であり、講義や情報の共有もRustで行っていく予定です。
[講義部分]
既存の講義に対する不必要な支出を減らすため、https://5min24.comにて1講義あたり100〜200円で提供されており、全講義を購入する必要がなく、必要な部分だけを選択して受講できるため、より経済的に学習いただけます。
そして〜!!! コンテンツクリエイターを募集しています。
自分が学習した内容を他人に伝えてみると、その知識に対する理解度も大幅に向上します。
私のプラットフォームは、講座全体の完成版ではなく、1つずつ販売可能な構造になっているため、
学んだ知識を他人に伝える練習を https://5min24.com でやってみることをお勧めします。
これを通じて理解度を高め、コーヒー代も稼げたらいいのではないでしょうか?
動画以外にもブログ形式で記事ごとに販売可能ですので、ぜひたくさんご利用ください~~
最後に〜!!
プラットフォームのオープン初期につき、大きな特典を提供中です
- 6ヶ月間、有料販売収益(税引き後)の90%を精算
- 初期クリエイター50名:画面最上部広告5枠 + カード広告露出を6ヶ月間無料
気軽に一度アップして、反応だけでも一緒に見てみましょう〜!!!
全体
66件 ∙ (13時間 52分)
1. (01) Intro
04:09
9. (09) Router(1)
18:25
10. (10) Router(2)
06:02
11. (11) UserRoutes
18:52
13. (13) Auth Routes
13:58
17. (17) ルーター基本設定
17:36
18. (18) フーター
11:55
19. (19) Header(1)
09:18
20. (20) Header(2)
13:47
27. (27) UserLoading
14:54
29. (29) Router
15:37
35. (35) AWS Setting
05:58
40. (40) Post Route
14:36
47. (47) コメント 佐賀
21:54
48. (48) コメントフロント
26:43
49. (49) Post Delete
11:08
54. (53) Category(1)
14:15
55. (54) Category(2)
10:00
56. (55) Category(3)
05:14
57. (56) 検索
21:36
58. (57) Profile(1)
14:16
59. (58) Profile(2)
21:40
全体
33件
4.1
33件の受講レビュー
受講レビュー 15
∙
平均評価 4.9
受講レビュー 2
∙
平均評価 5.0
受講レビュー 4
∙
平均評価 4.8
受講レビュー 6
∙
平均評価 4.2
受講レビュー 6
∙
平均評価 4.2
同じ分野の他の講座を見てみましょう!