PHP Flash Cards Practice Project | PHP Tutorial for Beginners

In this tutorial, you will learn how to build a PHP Flash Cards application for learning multiplication. This practice project will walk you through each step for the PHP files and Sass / SCSS styling.

(0:00) Intro
(0:35) Set up the dev environment
(1:43) Creating the index php file
(8:56) Creating the header
(10:03) Creating the footer
(12:44) Creating the form
(17:13) Creating the results php file
(23:58) Reviewing the unstyled PHP app
(24:50) Styling the app with Sass / SCSS
(1:00:22) Reviewing the completed PHP app
(1:01:30) Testing the Accessibility / a11y
(1:02:20) Discovering and fixing a problem
(1:03:11) Testing the fix

📺 Learn Web Dev at these sites:

✅ Follow Me:

Was this PHP practice project tutorial helpful? If so, please share. Let me know your thoughts in the comments.

#php #practice #project

[Livestreamfinland]

These aren't just tutorial videos. These are masterpieces in learning to code. Dave deserves great respect for his contribution towards moving our global society forward, digitally. Well done brother.

[ahmad-murery]

Thank you Dave,
Running the screen reader extension makes easier for me to understand how aria-label should be implemented.



for the result cards I would rather initiate the cards var as array, push the card html to it inside the loop and finally implode the cards array and echo it (not sure whether or not this more efficient).



for the footer, I usually set the bottom to 0 so no need to calculate the top position.



finally, I don't use Sass but what you've explained in a few minutes was very clear and enough for me to continue the styling section without feeling dumb.

Thanks once again.

[danielasema]

Just recently got into php and Im really enjoying your tutorials. Thanks Mr. Gray

[AlaskaWild]

So glad I found your channel. I’ve been looking for a good PHP instructor! Subscribed. I really hope you do more of these kinds of videos with PHP 8 :-)

[basilistigris]

the best and most profesional chanel i find on youtube for learn php mysql javascript, thank you Dave Gray!

[suthashantharmarajah]

Thank you for these tutorials! Your experience in writing clean code is amazing!

[lionellafont]

Great video 👍
Was looking for a fun php beginner project for my students and found it! Thx ☺

[drgerman]

Hi, Dave! I am a recent subscriber of yours, but I am already amazed by your videos. I would love to learn PHP (+ Laravel) in the coming year or so. I am from the Balkans and PHP is super popular here, but according to local expert programmers PHP is not a favorable language to know for the American market. I would love to work as a remote programmer for an American company one day. Is learning PHP right for me? If not, what other languages would you choose? I gravitate towards backend/fullstack. Thank you in advance!

[ragjnmusic]

23:42 This is what I do sir, then I use innerHTML to place this inside a div. I'm using preformatted HTML elements, right? so, there won't be any cross-site scripting vulnerabilities right sir?

[CassieLino]

So I've gotten to the point where I try to use the sass compiler and instead of putting a main.min.css in the css folder, it's putting a main.css into my sass folder. I have no idea where I'm going wrong, anyone have any advice?

[nogafouz]

thanks awesome project but i have aproblem ..i install live sass compiler but the icon watch not appear

[felixackuayi]

How do I use Sass in PhpStorm editor. please.

[felixackuayi]

hi Dave,

Do you have WhatsApp contact where I can show you a bug I have encountered and not been able to resolve