Hi 👋 We’re David & Michael, long-time friends, AI enthusiasts, and founders of MDBootstrap, a globally recognized UI Kit startup that's been empowering developers for over 9 years.
After years of success in IT consulting and digital design, we’ve expanded our passion for coding into the exciting world of artificial intelligence. On this channel, we simplify AI through tutorials designed for developers and curious beginners alike.
Join us as we explore the future of AI and share insights to help you leverage its power in your own projects.
Stay curious, keep learning, and continue innovating!
PS: join our FB group for a community of like-minded nerds facebook.com/groups/682245759188413/
Wondering what's the dependencies for this project, most Saas hosting services won't let users the access to the server's terminal, so most of the modern packages are not useful if you don't directly hire from AWS. Is MySQL and PhP enough to follow along? Also nevertheless thanks a lot for the series. It's weird that there's not much CMS tutorials.
Hi! Sorry for the delay - we had a very very busy week. IF you're still interested in the dependencies I can ask the author (Social Media dude here :) ) Also: It is very weird - the lack of CMS tutorials. Maybe because there are quite many out-of-the-box (though not very customizable sadly) solutions. Warm regards & Keep Coding :)
Hello, Thank you for reaching out. For every question of technical nature, in order to get the most detailed answer as soon as possible I have to redirect you to our support platform. You can ask your question here: mdbootstrap.com/support/cat/angular Keep Coding :)
do the classes count to MDBAngular too? I'm back hahah. I'm implementing it, i passed to another stuff on the same page, but i finally ended coming back to do what i was doing, i succesfully made it appear, and i want to fully use the capabilities of MDB. How can i wrap the modal so i make it pointy and not rounded? I use the class rounded-0 for some cards but them won't work on this. Looked in the API doc and it says this: // Variables for modal free // .modal --#{$prefix}modal-border-width: #{$modal-content-border-width}; --#{$prefix}modal-border-radius: #{$modal-content-border-radius}; What does it mean by --#{$prefix} ?
1)which grid system is better and easier bootstrap or css:grid? 2) can we use bootstrap only for the grid system and the rest of the website styling to be done by vanila css?
1) Bootstrap is easier, but CSS has some easier modern features like grid-template-areas, auto-placement, and fractional units. 2) Yes, you can absolutely use Bootstrap solely for its grid system and handle the rest of the styling with vanilla CSS. This approach allows you to take advantage of the simplicity and responsiveness of Bootstrap's grid while maintaining complete control over the design and styling with your custom CSS. Here’s how you can do it: Include Bootstrap CSS: Add the Bootstrap CSS file to your project, either by linking to the CDN or downloading it. Use Bootstrap Grid Classes: Utilize Bootstrap’s grid classes in your HTML to define the layout. Custom Styling with Vanilla CSS: Create a separate CSS file for your custom styles and include it after Bootstrap’s CSS. This way, your styles can override any Bootstrap styles if necessary. Write Your CSS: In your custom CSS file, you can write any styles you need for your project. Keep Coding :)
Now that there is a powerful and easy NATIVE grid system in CSS it's really totally unnecessary to use a rather limited layer on top of that. You are missing a lot of the functionality that makes CSS grid great, like named grid areas, overlapping cells and all that stuff. There is a lot more possible with the native tools that can be replicated with some utility classes. And you will never learn how to use e.g. CSS variables to write reusable and easy to adapt But the biggest unavoidable problem with all these extra systems (and tailwind et al.) is that they will be obsolete eventually, because everyone is using this other [hot new thing]™ now, that you then have to learn. I got burned a number of times and decided to ditch all these css libraries and grid systems in favor of the native grid. And it's really great! I use only my own CSS, no third party stuff that brings it's own quirks to work around.
Hi! Identify the Data Source: Determine where your data is coming from, such as Google Analytics, Search Console, or a local database. You'll often require APIs or database connections. Fetch Data Programmatically: Use programming languages (JavaScript or backend languages like Python) to query the data source. For example, in JavaScript, you might use fetch to call an API or a backend service: For an API: fetch('api.example.com/data').then(response => response.json()).then(data => ... For a backend service, connect it to your local or cloud database. Parse the Data: Ensure the data is in a usable format (JSON is popular). Parse the data to extract relevant fields. Update Your Chart/Component: Replace the static placeholder data in your components (charts, maps, tables) with the fetched data. Example in a chart: chartInstance.data = { labels: data.labels, datasets: data.datasets }; chartInstance.update(); For tables: dynamically generate rows from the parsed data. Data Binding: Ensure data binding in your framework (e.g., React, Vue.js, or Angular) dynamically updates the DOM. Integrate Real-Time Data (Optional): If your data changes frequently, consider WebSockets or scheduled polling to keep your dashboard updated. Secure the Data Fetching: If sensitive data is involved, implement authentication or secure API keys. Use backend services when necessary to manage data fetching securely. Keep Coding :)
When creating HTML emails, the <style> tag is indeed used for including CSS styles within the email's HTML code. However, some email clients have limited support for CSS, especially in the <style> tag. To ensure compatibility across different email clients, it's common practice to use inline CSS styles instead of relying solely on <style> tags. Did you use inline like this: <p style="color: red;">This is a red paragraph.</p> I hope it helps. Keep Coding :)
Hi Curtis, how are you doing? Unfortunately we did not have time yet for an updated version. There's a lot going on at the moments with launching Data Den and changes to MDBootstrap and TW Elements. It's all hands on deck in these projects. Will have it in mind though :) Keep Coding :)
I hope this help. I am not sure which part is a problem on your side, so here is a longer and more detail explanation: Update the Database: Add a column in your posts table to store image file names. You can do this with the SQL command: ALTER TABLE posts ADD COLUMN image VARCHAR(255) NULL;. Modify the CMS Form: Include an image upload field in your post form. Make sure your form tag includes enctype="multipart/form-data" for handling file uploads. Here's a snippet: html <form action="post_add.php" method="post" enctype="multipart/form-data"> <!-- Existing fields --> <label for="postImage">Post Image:</label> <input type="file" id="postImage" name="postImage"> <button type="submit">Submit</button> </form> Handle Image Upload in PHP: In your script for adding or editing posts (e.g., post_add.php), add logic to handle the uploaded file. Check if the file is set, validate it, and move it to your desired directory. Here's a basic approach: php if (isset($_FILES['postImage']) && $_FILES['postImage']['error'] == 0) { $allowed = ['jpg', 'jpeg', 'png', 'gif']; // Allowed file types $fileName = $_FILES['postImage']['name']; $fileTmp = $_FILES['postImage']['tmp_name']; $fileExt = strtolower(end(explode('.', $fileName))); $uploadPath = 'uploads/' . basename($fileName); if (in_array($fileExt, $allowed)) { if (!file_exists('uploads')) { mkdir('uploads', 0777, true); } if (move_uploaded_file($fileTmp, $uploadPath)) { // Image uploaded, now save $uploadPath with your post in the database } else { // Handle upload error } } else { // Handle invalid file extension } } Display the Image: When showing the post, include the image using the path stored in the database. For example: php if (!empty($post['image'])) { echo '<img src="' . htmlspecialchars($post['image']) . '" alt="Post Image">'; } Remember to handle security carefully, especially validating uploaded files to prevent security issues. Hope that helps! Keep Coding :)
I would love to see how you would connect this CMS to a website, thereby creating/enabling a blog page with the ability for the website owner to add new content.
Everybody wants to learn Node.js and the respective JavaScript frameworks like React and NextJS and Svelte... and they're still trying to figure out how to connect to the database. Andy why? Because it might make their website a tiny bit faster. Meanwhile, PHP novices are able to crank out perfectly functional websites that attract visitors and thus, sales or promos or popularity points or whatever is their ultimate goal. If all you want is a simple website with content and basic interaction, PHP and MySQL fit the bill perfectly. Thanks for putting together this series. i look forward to leaning more and becoming more proficient in good ol', dependable, PHP.
@@Mdbootstrap I need some help the secure(); function isn't working properly I have it set like this. function secure() { if (!isset($_SESSION['id'])) { set_message('Please Login First to View this Page'); header('Location: /cms'); die(); } } but whenever I log in it doesn't allow me to reach the dashboard without sending me back to main screen with the message "Please Login First to View this Page" I do not know what to do because everything works perfectly when I do not add the secure(); function to dashboard.php and I always put the secure(); on the 6th line of the dashboard.php like this <?php include ('includes/config.php'); include ('includes/database.php'); include ('includes/functions.php'); secure(); include ('includes/header.php'); ?> just like that do you know what I may be doing wrong?
@@Mdbootstrap nevermind I figured it out I changed function secure() { if (!isset($_SESSION['id'])) { set_message('Please Login First to View this Page'); header('Location: /cms'); die(); } } to this right here and it worked function secure() { if (!isset($_SESSION['email'])) { set_message('Please Login First to View this Page'); header('Location: /cms'); die(); } } now my page is secured I'm super happy
@@TheLightningRick Session Start: Make sure you have called session_start(); at the beginning of your PHP script before any output is sent to the browser. This should be done in each PHP file where you intend to use or set session variables. If you haven't started the session, the $_SESSION['id'] will not be recognized across different pages. Your config.php, database.php, or functions.php might be a good place to include session_start();, ensuring it executes before anything else. Session Variables: Double-check the logic where you set $_SESSION['id']. Make sure this is happening as expected when a user logs in. You should ensure that this part of your code is being executed and that the $_SESSION['id'] is correctly set upon successful login. Cookies and Browser Issues: Sometimes session issues can be related to cookies not being set correctly in the browser. Ensure your browser accepts cookies, and try clearing your browser's cookies and cache. Also, try using a different browser or a private/incognito window to see if the problem persists. File Includes: Make sure that the order and presence of includes do not affect session management. Although it doesn't seem like the issue comes from here, it's always good to double-check that includes/config.php, includes/database.php, and includes/functions.php don't have output before session_start() or conflicting session management logic. Session Path or Configuration Issues: Check your PHP server settings and ensure that the session save path is writable and not causing issues. Sometimes session data can fail to save due to permission issues on the server. Debugging: You can add debugging information before the redirect to see what’s going on. For instance, you could add var_dump($_SESSION); die(); before the header('Location: /cms'); line in your secure() function. This will show you what's currently in the session and might help you identify why $_SESSION['id'] isn't set as expected. Path and Redirection: Ensure that the path you are redirecting to ('/cms') is correct and accessible. If there's a misconfiguration in your directory structure or .htaccess file, it might be causing unexpected behavior. In your dashboard.php, before calling secure(), there shouldn't be any problem but ensure that session_start(); is being called appropriately before this. If session_start(); is in one of your included files, make sure it's getting executed before secure();. If none of these steps resolve the issue, consider reviewing the login logic to ensure $_SESSION['id'] is being set correctly upon a successful login, and there are no other conditional redirects that might be interfering. Give us a message how it went, I hope it helps :)
@@Mdbootstrap well I did $_SESSION[‘email’] and it worked perfectly with the secure function also I finished the series today and successfully built a fully functioning CMS so thank you so much your videos really helped me a ton
