Static HTML to PHP

It’s time to bring our static site to life! In this video, we take the first step toward dynamic content by converting our plain HTML files into PHP. 🧩

Here’s what we’ll cover:
• Renaming .html files to .php ✅
• Updating the navigation links in two key places on each page for consistency 🔗

By the end of this video, our project will be PHP-ready and set up for future enhancements. This version is tagged in the repo as v2-php-files for easy reference. 🏷️

It’s a small change with big impact—let’s keep the momentum going! 🚀

Static Methods and Properties

Ever wondered when to use static properties and methods? 🤔 In this video, we break it all down! 🔍

We’ll start with a quick refresher on normal properties and methods, then dive into their static counterparts. 🏗️ What’s the difference? Static members belong to the class—shared across all instances—while normal members are instance-specific. 🌎➡️📦

But wait—static properties aren’t constants! ⚠️ We’ll explore constant properties using const and discuss real-world use cases where static methods shine. ✨

By the end, you’ll know exactly when and why to use static members in your PHP projects! 💡💻 Let’s go! 🎬

Submitting Reviews

It’s time to let users have their say! In this video, we implement the “Leave a Review” feature, allowing users to submit feedback on photos directly from the app. 💬

Here’s what’s packed into version v17-leave-review:


Add a POST route to handle form submissions 🛤️
Stub out the PhotoController::store method as our entry point for review handling
Wire up the review form and hook it into the controller 🧵
Introduce basic validation to catch missing fields or bad data 🧼
Add temporary dd('TODO') calls as placeholders for future redirects
Build the SQL insert logic using the photo_id from the query string 🔗
Validate that the photo exists before inserting a review to maintain data integrity 🔒
Refactor the Database class:
Rename exec() to raw() for clarity
Add a new execute() method to handle parameterized inserts and return the number of affected rows ⚙️


By the end of this video, users can leave their thoughts—and our app takes one more step toward being fully interactive. 🌟

Survey App Mockup Review

Welcome to the Laravel Survey App series — where we’ll transform a static HTML survey page into a powerful, data-driven Laravel application! 🚀
In this first episode, we’ll review the project mockup, explore the data model, and outline the core features that will shape the app. You’ll get a clear vision for what we’re building — from admin dashboards and dynamic surveys to real-time results and data visualization.

🔍 In this video, we’ll cover:

Reviewing the static HTML survey design
Discussing the data model (surveys, sections, questions, responses)
Defining the key app features for admins and users
Linking to the GitHub repo for source code access
Tagging the initial version: git tag video_01


🧠 What You’ll Learn
You’ll see how to think like a Laravel developer from the start — modeling data relationships, planning for dynamic rendering, and setting up a roadmap for a real-world web app.

🛠️ Resources
🔗 Laravel Home Page → https://laravel.com/
💻 GitHub Repo → https://github.com/rcravens/laravel_survey_app

📺 Up Next
Next episode: Getting Started with Laravel — we’ll install Laravel and bring in our static HTML mockup to kick off the build!

Survey List

In this episode, we continue building out our survey application using RESTful Routes in Laravel — focusing specifically on the List / Index functionality. This is where your application begins to feel real: retrieving data, showing ownership, and giving users access to CRUD operations.

👉 We walk through:
- Migrating the surveys table to include a user_id owner
- Building a clean, readable table view to list all surveys
- Providing quick access to create, view, update, and delete actions
- Preparing the foundation for the full management workflow

This is a hands-on, practical lesson designed to reinforce core Laravel conventions and REST architecture—no fluff, just real-world application structure.

#Laravel #PHP #WebDevelopment #CodingTutorial #FullStackDevelopment #BackendDevelopment #LearnLaravel #SoftwareEngineering #Developers #BuildInPublic #TekCasts

Survey Simple Create

In this episode of Pragmatic Laravel, we continue building out our survey management features by implementing the Create workflow for a RESTful resource.

This video focuses on wiring together the controller, view, and form handler needed to create new surveys while following Laravel’s RESTful conventions and keeping responsibilities clearly separated.

✅ What You’ll Learn:
- How the create action fits into a RESTful resource controller
- Building the survey.create Blade template
- Handling form submissions with the store action
- Keeping controllers clean and intentional
- Preparing your application for full CRUD workflows

This is a key step toward building real-world admin and management features using Laravel’s conventions—without unnecessary complexity.

#Laravel #PHP #WebDevelopment #BackendDevelopment #RESTfulAPI #SoftwareEngineering #CodingTutorial #TekCasts

Take Survey Fingerprinting

In this episode of Laravel: The Pragmatic Way, we explore how to generate a unique “fingerprint” for survey participants using a combination of PHP and JavaScript signals.

You’ll learn what fingerprinting is, why it matters, the ethical considerations, and how to integrate a JavaScript fingerprinting library into your Laravel workflow.

🧠 What You’ll Learn
- A method of producing a unique identifier using user “signals.”
- Why fingerprinting must be handled with caution — privacy, consent, regulation concerns.
- Which data you can access server-side vs client-side.
- Including adding routes, generating fingerprints, and pre-filling survey responses.

🪪 Example Signals
- PHP Signals (server-side): IP address, User-Agent, Accept-Language, Accept headers, Referer header, Cookies
- JavaScript Signals (client-side): Everything PHP offers plus installed fonts, plugins/extensions, platform info, screen resolution, OS, touch capabilities, GPU/audio/video data, and more.

🛠️ Survey Workflow Changes
1. Install the JS Fingerprinting Library: https://github.com/jackspirou/clientjs

2. Update the route /s/{survey:hash}
- No longer shows questions directly
- Generates the fingerprint
- Provides a “Take Survey” link: /s/{survey:hash}/{fingerprint}

3. Create the route /s/{survey:hash}/{fingerprint}
- Ensures a SurveyResponse record exists
- Passes SurveyResponse + SurveyResponseAnswers to the view
- Pre-fills previous answers automatically


#Laravel #PHP #WebDevelopment #Fingerprinting #Security #Controllers #Forms #JavaScript #FullStackDevelopment #TekCasts #LearnLaravel #Routes #SurveyApp

Template Literals

Say goodbye to clunky string concatenation! In this episode, you’ll discover template literals — a modern way to handle strings in JavaScript that makes your code cleaner and easier to read.

🎯 What you’ll learn:

Backtick (`) syntax — the foundation of template literals.
Variable interpolation — insert variables directly into strings.
Multi-line strings — create readable text without messy \n escapes.
Expressions & functions — embed calculations or function calls right inside your strings.


💡 Why it matters:
Template literals are one of those “quality of life” features you’ll use everywhere — from building user messages to formatting HTML templates. Once you start, you’ll never want to go back to + string concatenation.

By the end of this episode, you’ll be writing strings that are not just smarter, but also more expressive. ⚡️

Terminal - Shells, Basics, Help

This video is part of the Linux Crash Course series. This video will introduce the Linux Terminal and how to efficiently navigate command history, cursor position, and how to obtain help on any command.

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

Text Editors - Nano, Vim, Emacs

This video is part of the Linux Crash Course series. This video will continue exploring the Linux File System. In this video I will introduce three common text editors found on Linux systems.

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

The Event Loop

JavaScript may look simple, but under the hood it’s powered by the Event Loop — the secret sauce that lets your code juggle tasks, handle async operations, and keep your apps responsive. In this video, we’ll break down exactly how it works (without frying your brain 🥓).

Here’s what you’ll learn:
📚 Call stack basics – how functions get pushed, popped, and executed
⏱️ Synchronous vs asynchronous execution – what runs now vs what runs later
🕒 Macrotasks – like setTimeout and setInterval
⚡ Microtasks – like Promises and queueMicrotask
🧪 A hands-on demo where we predict and then prove the order of console logs using timers & promises

You’ll finally understand:
✅ Why some logs show up before you expect them
✅ Why promises are “faster” than timeouts
✅ How the browser keeps things efficient, even when you’re spamming microtasks

By the end, you’ll see the Event Loop not as magic, but as your best friend in building smooth, non-blocking web apps 🚀

👉 Watch now and unlock the inner workings of JavaScript’s brain 🧠⚡

The HTTP Module

Every web app starts with a server — and in Node.js, that journey begins with the HTTP module. In this episode of JavaScript on the Server, we’ll peel back the curtain on how requests and responses actually flow between the browser and your app.

✨ What you’ll learn:
- Why the HTTP module is the core engine of Node.js servers
- How the client-server request/response cycle really works
- Building a minimal web server from scratch (no frameworks required!)
- Getting hands-on with the req (IncomingMessage) and res (ServerResponse) objects
- Key concepts to set you up for routing, APIs, and beyond


Whether you’re new to backend dev or just curious how Node powers the web, this episode will give you the foundation you need to level up.

📚 Helpful Links
- Node.js HTTP Module: https://nodejs.org/api/http.html
- Request/Response Cycle Overview: https://backend.turing.edu/module2/lessons/how_the_web_works_http
- Node.js HTTP Request Object: https://www.w3schools.com/nodejs/nodejs_http.asp
- Node.js HTTP Response Object: https://www.w3schools.com/nodejs/obj_http_serverresponse.asp

🔗 More TekCasts Learning
- 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

Timers and Intervals

Timers are everywhere in JavaScript: countdowns, clocks, animations, polling APIs… but they don’t always behave the way you expect. In this video, we break them down so you can use them with confidence.

You’ll learn:
⏳ setTimeout – schedule code to run later
🔁 setInterval – repeat actions at intervals
❌ Canceling timers – clearTimeout, clearInterval
🧑‍💻 Real-world use cases – clocks, countdowns, polling APIs
⚠️ Pitfalls – interval drift, blocked UI, when not to rely on timers

We’ll demo:

- Building a start/pause digital clock
- Defusing a “time bomb” ⏱💣 with clearTimeout
- Seeing timer drift in action when the event loop is overloaded


By the end, you’ll know not just how to use timers—but how to spot when they lie to you 🕵️‍♂️

Traits

Ever struggled with duplicate code across multiple classes? What if you can’t put it in a base class? 🤔 PHP doesn’t support multiple inheritance, but fear not—Traits come to the rescue! 🦸‍♂️

In this video, we’ll identify duplicate logic, discuss why it doesn’t belong in the base class, and then refactor using a Trait to keep our code clean, reusable, and DRY! 💡✨

By the end, you’ll be wielding Traits like a pro! 🏆 Let’s dive in! 🎥

Uploading Photos

🔒 UI Adjustments Based on Auth State
• Hide the notification bell in the top nav if the user isn’t logged in

🧭 Routing & Form Setup
• Create an /upload route
• Set the form’s action and stub in the store() method with a dd($_POST) to start
• Remove the unused “title” field from the upload form

🧪 Validation Process
• Define validation for the uploaded photo:
$file = validate('photo')->file($allowed_mimes)->max(4016053)->required();
• Add $allowed_mimes and $max_file_size constants to the Photo model
• Implement file() and update the max() method in the Validation class
• Fix Validation::clean_value() to properly handle file inputs

⚠️ Missing Validation Messages
• Ensure validation errors are displayed in these views:
• registration.index
• auth.index
• upload.index

💾 File Storage & DB Entry
• Save the uploaded file to the appropriate location
• Create a new photo record in the database

🚫 .gitignore Update
• Add public/photos to the .gitignore file to prevent uploaded files from being committed

⸻

📌 And that completes the upload feature, bringing us to v25-upload-photos. Ready to show off some pictures!

User Authentication

📁 Controller Setup
- Create a new AuthenticationController inside Http/ with three methods:
- login() – shows the login form
- authenticate() – handles login logic
- logout() – clears user session

📄 View
- Add views/login/index.view.php to render the login form

🔀 Routing
- Register the necessary routes:
- GET /login → shows the login form
- POST /login → processes authentication
- POST /logout (or GET) → logs the user out

🧠 Authentication Logic
- Inside authenticate():
- Validate email and password inputs
- Lookup user by email from the database
- Use password_verify() to check if password matches
- On success → Session::login($user_id)
- On failure → redirect back with error message

🔐 Session Enhancements
- Add login($user_id) to store user ID in session
- Add logout() to destroy the session cleanly

📌 And that lands us at v23-authentication.