|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/laravel-livewire-event-calendar/
课程评论：没有评论
这门 Laravel 课程（第三弹）旨在教授如何构建一个事件预约系统。课程采用“边做边学”的“延迟评估学习法”，通过实际操作，在需要时学习相关知识。 **核心内容：** * **技术栈：** Laravel 9.x, JetStream, Livewire, Tailwind CSS 3.x, Alpine.js。 * **功能实操：** * 环境搭建。 * JetStream 和 Fortify 的应用。 * Livewire 的动态交互实现。 * Alpine.js 的前端增强。 * **设施方功能：** 资源控制器、Gate 权限控制、Flatpickr.js 日期选择、Carbon.js 日期计算、查询构建器（`whereDate`, `whereBetween`）、访问器（Accessors）、子查询、外部连接（`leftJoinSub`）、`whereNotNull`。 * **用户方功能：** 动态预约日历（使用 Livewire 和 CarbonImmutable）、添加预约、登录重定向、会话管理、我的页面、预约取消。 * **开发实践：** * **Git 版本控制：** 课程使用 Git 来管理代码，并提供“保存点”，允许学员在出现错误时回溯和重新开始。建议初次使用 Git 的学员先参考补充章节。 * **代码更新：** 课程已更新，加入了 Vite 的介绍（2022/7），并修复了 past events 无法编辑的问题，以及未登录用户也能查看详情的实现（2023/2）。 **课程概述：** 本课程将引导学员一步步构建一个功能完善的事件预约系统，重点在于利用 JetStream + Livewire 实现动态化的用户体验。课程强调实践，通过实际编码来学习 MVC、RESTful、数据库关系、访问器、Gate 等 Laravel 核心概念，并穿插了 Tailwind CSS、Flatpickr.js、Git 等辅助工具的使用。 **整体风格：** “与其读说明书，不如先动手操作”。通过实际构建预约系统，学习者将能掌握从基础环境搭建到复杂功能实现的整个流程。
この講座はLaravel第３弾になります。さまざまな業界で需要のある予約管理システムの中で、日時を指定して予約できる「イベント管理システム」を想定して作っております。Flatpickr.js、Carbonなどで日付の計算をしつつ、JetStream + Livewireの機能を使い、動的な予約カレンダーを作るように構成しています。「説明書を読むよりまず動かしてみる」というスタンスな事もあり、まずは動かしてみて、必要に応じて必要な知識を覚えていくというスタイルで講座を構成しております。(必要に応じて学習していく事を【遅延評価勉強法】というそうです。)講座の内容セクション1・・講座の説明・環境構築セクション2・・JetStream, Fortifyセクション3・・Livewireセクション4・・Alpine.jsセクション5・・施設側その1(リソースコントローラ、Gate, flatpickr.js, クエリビルダ(whereDate, whereBetween), アクセサ,)セクション6・・施設側その2(サブクエリ、外部結合(leftJoinSub)、whereNotNull)セクション7・・利用者側その1(Livewire、CarbonImmutable, 動的な予約カレンダー)セクション8・・利用者側その2(追加予定)予約機能、ログインしてない場合はログイン画面にリダイレクト、セッション、マイページ、予約キャンセル大量のコードを書いていく構成上、ノーミスで全て収録するというのが難しい事もあり、今回の講座ではセーブポイントのように後戻りできるよう、『Git』を使って講座を進めています。(ミスがあり次第セーブポイントに戻り、再収録しつつコードにも反映、という事を何度か実施しています。)もし『Git』を使ったことがなく、講座同様に扱ってみたいという場合は、事前に補足のセクションをご参照いただいて、『Git』の雰囲気もつかみつつ、講座をご利用いただければと思います。■更新情報2022/7 Viteについて追加しました。2023/2 過去イベントを編集できないように対応。未ログインでも詳細までは表示できる方法を追加。■動作環境PHP 8.0Laravel 9.xTailwindcss 3.x■扱っている事MVC/JetStream/Fortify/Livewire/Carbon/Bladeコンポーネント/RestFul/リレーション/外部キー制約/アクセサ/CarbonImmutable/Gateなどなど。おまけ・・Tailwindcss, TailBlocks, flatpickr.js, Node.js/npm, Git/GitHub
