Explore By Video

Dynamic Navigation

Now that we’ve extracted layout components, it’s time to make them truly dynamic! In this video, we’ll wire things up so our layout reacts intelligently to the current page. ⚡

Here’s what we’ll tackle:
• Use a $page_header variable in _header.view.php to set page-specific titles 🏷️
• Introduce a helpful dd() (dump and die) debugging function and place it in app/globals.php 🛠️
• Refactor _nav.view.php to highlight the active page using $_SERVER['REQUEST_URI'] 🎯

With these changes, our navigation becomes context-aware and our layout system becomes fully functional. This version is tagged as v4-functional-layout—a polished step forward! 🚀

Dynamic Photo Gallery

Time to showcase our images! In this video, we build a photo gallery page that lists all uploaded photos and links each one to its detailed view. 🧱

Here’s what we’ll do:


Create a new show.view.php by copying and modifying index.view.php 🧬
Add a new route and controller method to handle the gallery page 🗺️
Display all photos in a clean list or grid, each with a clickable link to its detailed photo page 🔗


With version v14-photos-list, our app now lets users browse through all uploaded images—laying the foundation for interactivity and exploration. 🚀

Dynamic Photo Page

Let’s make our photo pages come alive! In this video, we turn the static photo view into a fully dynamic experience by using the $_GET superglobal to load data based on query parameters. 🔍

Here’s what we tackle:


Update the PhotoController to read the id from $_GET and query the database accordingly
Show a 404 error if the id is missing or the record isn’t found 🛑
Improve our error views (404 and 500) by rendering them within the layout for a consistent look 🎨
Refactor the View class to default to the main layout (layout.app) while still allowing overrides
Fix a potential infinite render loop in the layout logic 🐛
Clean up unnecessary calls to ->layout() by relying on the new default behavior 🧼


By the end, version v13-photo-query-param will serve up the right photo with the right layout—dynamically and elegantly. 🚀

Eloquent ORM

In this episode, we move from raw query building into Laravel’s Eloquent ORM — an elegant way to interact with your database using PHP objects instead of SQL queries.

Eloquent simplifies data access, manages relationships automatically, and helps keep your code clean, readable, and expressive.

🔍 In this video, you’ll learn how to:
- Create Eloquent models for your tables
- Define relationships between surveys, sections, and questions
- Replace complex Query Builder logic with elegant model relationships
- Use eager loading with with() for efficient database queries
- Leverage attribute casting for arrays and enums

💡 You’ll see how Eloquent turns your data model into a first-class part of your application — paving the way for true MVC architecture in upcoming episodes.

🧠 Key Commands
- php artisan make:model Survey
- php artisan make:model SurveySection
- php artisan make:model SurveyQuestion

🔗 Resources
- Eloquent ORM Documentation: https://laravel.com/docs/12.x/eloquent
- TekCasts – Database Model Abstractions: https://tekcasts.com/play/pragmatic-php-database-model-abstractions
- TekCasts – GitHub Repo (Rate This Pic): https://github.com/rcravens/rate_this_pic/blob/master/app/Framework/Model.php

#Laravel #Eloquent #PHP #WebDevelopment #LaravelTutorial #FullStack #TekCasts #CodeBetter #DevTips #LaravelForDevelopers

Encapsulation: Public & Private

Ready to lock down your PHP skills? 🚀 In this video, we crack open Encapsulation—a core OOP concept that keeps your code secure, organized, and powerful! 🔐

I’ll break down what encapsulation is and why it matters, then dive into real-world examples. You’ll see how getters and setters help you access private properties safely, while letting you enforce business logic behind the scenes 🕵️‍♂️.

By the end, you’ll be writing cleaner, safer, and smarter PHP code like a pro! ⚡💻

Error Handling

Even the best-written code can run into unexpected situations — and that’s where error handling comes in. In this episode, you’ll learn how to make your programs more reliable by anticipating problems and handling them gracefully.

� What you’ll learn:
- Why handle errors? The importance of defensive programming.
- try, catch, finally — how to catch problems without crashing your program.
- Throwing custom errors when you detect something invalid.
- Practical example with input validation (like stopping someone from dividing by zero).


� Why it matters:
Professional developers don’t just write code that works — they write code that fails gracefully. Error handling is what separates quick scripts from robust applications.

By the end of this episode, you’ll know how to protect your code against the unexpected — and keep your users from seeing cryptic crashes. �

Error Handling in the UI

🚨 Errors happen—but how you handle them makes all the difference!

In this episode of TekCasts, we dive into Error Handling in the UI so your apps don’t just crash and burn 💥 but instead fail gracefully ✨.

Here’s what we’ll cover:
⚡ try…catch…finally – the building blocks of error handling
⏳ Async errors with async/await (and why you should never just throw inside a promise)
🛡️ Graceful degradation – fallback messages & backup UI
👩‍💻 Turning scary red stack traces into friendly user messages (“Could not load data, please try again.”)
🌐 Real-world demo: handling fetch failures in the browser

By the end, you’ll know how to keep users confident and your app resilient—even when things go wrong. 🚀

ES6 Classes

JavaScript leveled up with ES6, giving us a much cleaner, more intuitive way to write object-oriented code: the class keyword. ✨ In this episode, we’ll modernize our approach and see how classes make our code easier to read and maintain—while still being built on prototypes behind the scenes.

Here’s what we’ll cover:

🆕 Introducing the class keyword and why it’s a game-changer.
🏗 Defining constructors, properties, and methods with sleek new syntax.
🐾 Creating instances and bringing our objects to life.
🔎 A peek under the hood—how classes are really just a friendlier way to work with prototypes.


By the end, you’ll be comfortable building your own classes and ready to wield this modern syntax like a pro. 🚀

Event Listeners & Handling Events

Every modern web app comes alive through events—clicks, key presses, form submissions, and everything in between. In this video, we’ll dive deep into the event-driven magic that powers the browser.

Here’s what you’ll learn:
✨ Event Listeners — how to add and remove them like a pro
� The Event Object — unlock target vs currentTarget and why it matters
� Event Flow — capturing, bubbling, and how events move through the DOM
⛔ Stopping Events — when to use stopPropagation and preventDefault
� Delegation Patterns — attach one listener to rule them all (cleaner, faster code!)

Along the way, we’ll explore real-world examples like:
� Showing the mouse position in real-time
⌨️ Restricting input fields to just letters
� Preventing forms from submitting until validation passes
❌ Making “remove” buttons work with delegated events—no messy code needed

This session takes you from basic clicks ➡️ to professional event handling patterns that scale as your app grows.

Ready to master the secret sauce of interactivity? �

Event Loop & Async Basics

👉 JavaScript is single-threaded… so how does Node.js handle multiple tasks at once without freezing up? ⚡️

In this episode, we break down the event loop and explore the core async patterns every Node developer needs to know:

💥 You’ll learn:
- The single-threaded event loop and how Node.js handles I/O using libuv.
- Why non-blocking execution makes Node.js great for scalable servers.
- Callbacks (and why they can lead to callback hell 😱).
- Promises as a cleaner, modern alternative.
- Async/Await — syntactic sugar that makes async code look synchronous.


⚡️ With practical code examples, you’ll see how to move from nested callbacks ➡️ chained promises ➡️ clean async/await.

👉 Key takeaway: Mastering async is essential for writing reliable Node.js applications.

💡 Relevant Links

Previous TekCasts series:
- JavaScript for Beginners: https://tekcasts.com/play/javascript-for-beginners-what-is-javascript
- JavaScript in the Browser: https://tekcasts.com/play/javascript-in-the-browser-browser-runtime-environment

Official Docs & References:
- Node.js Blocking vs Non-blocking: https://nodejs.org/en/learn/asynchronous-work/overview-of-blocking-vs-non-blocking
- MDN Promise Docs: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise
- MDN Async/Await Guide: https://developer.mozilla.org/en-US/docs/Learn_web_development/Extensions/Async_JS/Promises
- Understanding libuv: https://zmushegh.medium.com/understanding-libuv-the-powerhouse-behind-node-js-b5349c8f0d75

Exceptions

Errors happen, but how you handle them makes all the difference! In this video we dive into PHP exceptions and how they improve error handling.

We start by manually guarding against invalid data using if statements, then take it to the next level by introducing exceptions, covering:

✅ Throwing exceptions – How to signal when something goes wrong.
✅ Catching exceptions – Gracefully handling errors without breaking your code.
✅ Why exceptions are better than manual checks in many cases.

By the end of this tutorial, you’ll understand how to handle errors cleanly and professionally in PHP.

Exceptions & Errors

When things go wrong in your PHP application, how do you handle it? 🤔 In this video, we dive into the art of exception handling and smart error management! 🎯

🔹 Throwing & catching exceptions—what, when, and why? 🎭
🔹 Best practices for handling errors (logging, notifications, feature toggles) 📝
🔹 When to use try/catch blocks (external APIs, limited resources) 🔄
🔹 The role of a global exception handler 🛑
🔹 Throwing custom exceptions to make your code more meaningful 🏗️
🔹 Why exceptions can be expensive 💰 and how to use error objects instead ⚡

By the end, you’ll know exactly how to keep your application resilient, stable, and user-friendly! 💪 Let’s dive in! 🎬

Extracting Layout Components

In this video, we take a major step toward cleaner, more maintainable code by refactoring our static HTML into reusable layout components. ✂️➡️🧩

We’ll extract repeated sections of HTML into their own PHP partial view files:
• layout/_nav.view.php 🧭
• layout/_page_head.view.php 🧠
• layout/_header.view.php 🏷️
• layout/_page_foot.view.php 👣

This makes our pages easier to manage and sets the stage for a powerful layout system in future steps. 💡

By the end of this video, our project will be refactored and tagged as v3-layout-files—modular, organized, and ready to grow. 🚀

Fetch API Basics

Unlock the power of the Fetch API and take your JavaScript skills to the next level! ⚡️
In this video, you’ll discover how to:


Make lightning-fast GET requests with fetch()
Transform API responses into usable JSON 🔄
Handle errors like a pro (404s, network issues, and more) 🛑
Write cleaner, modern code with Promises and async/await ✨


Whether you’re pulling in jokes, quotes, or real-world data, this lesson gives you the tools to connect your app to the web 🌍 and make it truly dynamic.

👉 Hit play and start fetching like a pro! 🚀

File System - Create, Copy, Move, Link

This video is part of the Linux Crash Course series. This video will continue introducing the Linux File System. In this video you will learn how to create / remove directories, copy / move files, and everything you need to know about links.

Github Repo: https://github.com/rcravens/linux-crash-course