یک جمعکننده بازی ویدیویی بسازید
Build a Video Game Aggregator
قسمتهای دوره
Styling (5)
آنچه میسازیم
2m 50sBuild a video game app using Laravel, IGDB API, Tailwind CSS, Livewire, and Alpine.js. Learn to display game info with dynamic, modern front-end features.
استایلدهی صفحه اصلی با Tailwind CSS
32m 8sStyle your game index page with Tailwind CSS, using transitions and space-x utilities. Learn to create a sleek, responsive layout with modern Tailwind features.
صفحه اصلی را واکنشگرا کنید
5m 26sLearn key techniques to make your index page fully responsive. Enhance user experience with practical tips for clean, adaptable designs that look great on any device.
استایلدهی صفحه یک بازی با Tailwind
15m 52sStyle a single game page with Tailwind CSS to showcase game details beautifully. Learn practical tips to create a clean, responsive, and engaging design.
صفحه یک بازی را واکنشگرا کنید
3m 1sMake your single game page fully responsive using Tailwind CSS and grid helpers. Learn practical steps to enhance design and user experience effortlessly.
The Video Game API (4)
دریافت اطلاعات بازی از API IGDB
26m 38sLearn how to fetch game data from the IGDB API using Laravel’s HTTP client. Explore API queries and display dynamic game info on your app’s index page.
بهبود عملکرد
22m 11sBoost your app’s performance by optimizing API requests, loading Livewire components asynchronously, and implementing smart caching strategies. Learn how today!
لودر اسکلت
14m 8sBuild a sleek skeleton loader to replace spinners while waiting for API data. Learn this popular pattern used by top sites like YouTube and Facebook.
از API برای دریافت جزئیات یک بازی استفاده کنید
18m 47sFetch detailed game info using the videogame API. Add genres, summaries, trailers, screenshots, and similar games to build rich, dynamic Laravel pages easily.
Refactoring (3)
بازنویسی ویوها
11m 4sLearn how to refactor Laravel views by moving logic out of templates for cleaner, more maintainable code. Boost your app’s clarity and performance today!
بازنویسی ویوها: بخش ۲
17m 26sContinue refactoring by cleaning up the single game page view. Learn practical tips to simplify and organize your Laravel Blade templates effectively.
بازنویسی به کامپوننتهای Blade
4m 55sRefactor your Laravel views by using Blade components to eliminate repeated code, making your templates cleaner, more maintainable, and easier to manage.
Animations (2)
انیمیشن نوار پیشرفت امتیاز
13m 16sAnimate a circular rating bar using ProgressBar.js! Learn how to create smooth, dynamic score animations to enhance your UI with this hands-on Laracasts lesson.
انیمیشن نوار پیشرفت امتیاز: بخش ۲
14mAnimate a rating progress bar on your main page using Livewire’s event system. Follow this friendly, step-by-step guide to build dynamic, interactive components!
Alpine (3)
اتوماتیک تکمیل جستجو با Livewire
17m 8sLearn how to build a dynamic search dropdown with Livewire to autocomplete game titles instantly. Follow along with clear, hands-on coding examples!
تجربه کاربری جستجو با Alpine.js
10m 45sEnhance your search dropdown with Alpine.js by adding keyboard accessibility for a smoother, user-friendly experience. View the source code on GitHub!
مودالها با Alpine.js
12m 35sLearn how to create interactive modals with Alpine.js for game trailers and screenshots, enhancing user experience. Check out the source code on GitHub!
Wrapping Up (3)
Optimize your Tailwind CSS for production by using PurgeCSS to remove unused classes, boosting performance and keeping your front-end assets lean and fast.
Wrap up the series with final thoughts and creative ideas to extend your app. Explore the source code on GitHub and keep building with confidence!
ارتقا API IGDB به نسخه ۴
9m 27sUpgrade your IGDB integration to API v4: step-by-step guide to required changes, compatibility fixes, and smooth migration.




