![Programming Insider](/img/default-banner.jpg)
- Видео 52
- Просмотров 168 853
Programming Insider
Индия
Добавлен 24 окт 2021
Unlock your programming potential with our free video tutorials. Dive into front-end essentials like HTML, CSS, JavaScript, and React, then seamlessly transition to back-end mastery with NodeJs, Mongoose, and ExpressJs. Gain invaluable experience through hands-on projects paired with tutorials. Start your journey to becoming an expert programmer today, all at no cost to you.
For free be a web developer expert🚀
The only thing expected from you is to subscribe to our channel 🔔 to start your journey today.
For free be a web developer expert🚀
The only thing expected from you is to subscribe to our channel 🔔 to start your journey today.
How to add audio in HTML - Learn HTML audio in 5 minutes
#html #htmlaudio #programminginsider
Learn how to seamlessly integrate audio into your HTML projects with this concise tutorial. From embedding audio files to controlling playback, this guide provides step-by-step instructions and essential code snippets to enhance your web development skills.
###DO NOT HESITATE TO LEAVE YOUR COMMENTS###
===NEXT TUTORIALS===
The subsequent tutorial👉
The playlist you should watch to enhance your HTML knowledge👉 ruclips.net/p/PLV8YdKKSkU1efXYmqgpF-OyspOqE_Y4tq
===SOURCE CODE===
All materials (like pictures, gifs, and codes....) are provided on
• Telegram👉t.me/programmingInsider/117
• GitHub👉github.com/ProgrammingInsider/HTML-full-course/tree/main/08%20HTML%20Audio
=...
Learn how to seamlessly integrate audio into your HTML projects with this concise tutorial. From embedding audio files to controlling playback, this guide provides step-by-step instructions and essential code snippets to enhance your web development skills.
###DO NOT HESITATE TO LEAVE YOUR COMMENTS###
===NEXT TUTORIALS===
The subsequent tutorial👉
The playlist you should watch to enhance your HTML knowledge👉 ruclips.net/p/PLV8YdKKSkU1efXYmqgpF-OyspOqE_Y4tq
===SOURCE CODE===
All materials (like pictures, gifs, and codes....) are provided on
• Telegram👉t.me/programmingInsider/117
• GitHub👉github.com/ProgrammingInsider/HTML-full-course/tree/main/08%20HTML%20Audio
=...
Просмотров: 44
Видео
How to add videos in HTML - Learn HTML video in 5 minutes
Просмотров 246 месяцев назад
#html #htmlvideo #programminginsider Unlock the Power of HTML Video: A Beginner's Guide to Adding Video Content to Your Website! Learn the basics of embedding and customizing videos using HTML5, and take your web development skills to the next level. Whether you're a newbie or a seasoned pro, this tutorial will help you enhance your web projects with dynamic multimedia content. Dive in now and ...
How to add lists in HTML - Learn HTML Lists in 5 minutes
Просмотров 627 месяцев назад
#html #htmltutorial #htmllist This HTML tutorial video teaches you HTML Lists in 5 minutes. This video elaborates on each type of HTML List NEXT TUTORIALS The subsequent tutorial👉ruclips.net/video/-KMry4k7lCA/видео.html The playlist you should watch to enhance your HTML knowledge👉 ruclips.net/p/PLV8YdKKSkU1efXYmqgpF-OyspOqE_Y4tq SOURCE CODE All materials (like pictures, gifs, and codes....) are...
How to add Images in HTML - Learn HTML Images in 10 minutes
Просмотров 437 месяцев назад
#html #htmltutorial #htmlimages This HTML tutorial video teaches you HTML Images in 10 minutes. This video contains the major topic of HTML and is suitable for beginners. RECOMMENDATIONS The subsequent tutorial👉ruclips.net/video/bPmulLfKTOA/видео.html The playlist you should watch to enhance your HTML knowledge👉 ruclips.net/p/PLV8YdKKSkU1efXYmqgpF-OyspOqE_Y4tq SOURCE CODE All materials (like pi...
How to add links in HTML - Learn HTML Hyperlinks in 10 minutes
Просмотров 247 месяцев назад
#html #htmltutorial #htmlhyperlinks This HTML tutorial video teaches you HTML Hyperlinks in 10 minutes. This video contains the major topic of HTML Hyperlinks and is suitable for beginners. RECOMMENDATIONS The subsequent tutorial👉ruclips.net/video/w9nJOc09ZUk/видео.html The playlist you should watch to enhance your HTML knowledge👉 ruclips.net/p/PLV8YdKKSkU1efXYmqgpF-OyspOqE_Y4tq SOURCE CODE All...
HTML Tutorial for Beginners (2024): Learn HTML in 30 minutes
Просмотров 4797 месяцев назад
#html #htmltutorial #htmltutorialforbeginners This HTML tutorial video teaches you HTML in 30 minutes. This video contains the major topic of HTML and is suitable for beginners. CONTENTS 00:00 - Intro 02:07 - How To Get Started With HTML 07:21 - HTML Structure 09:26 - HTML Element 17:54 - HTML Attribute 23:48 - HTML Comment DOWNLOAD LINKS Visual Studio downloadlink👉code.visualstudio.com/downloa...
Intersection Observer API - How to add On-scroll Animation to a website | HTML, CSS, and JavaScript
Просмотров 1187 месяцев назад
#html #css #responsivewebsite All materials (like pictures, gifs, and codes....) are provided on • Telegram: t.me/programmingInsider/99 • GitHub: github.com/ProgrammingInsider/on-scroll-Animated-Website Subscribe to my channel www.youtube.com/@ProgrammingInsider?sub_confirmation=1
Single Page Responsive Website | HTML, CSS, and JavaScript
Просмотров 5487 месяцев назад
#html #css #responsivewebsite All materials (like pictures, gifs, and codes....) are provided on • GitHub: github.com/ProgrammingInsider/on-scroll-Animated-Website Subscribe to my channel www.youtube.com/@ProgrammingInsider?sub_confirmation=1
How to create simple admin dashboard | HTML, CSS, JavaScript
Просмотров 5148 месяцев назад
#javascript #admindashboard #programminginsider This tutorial video covers how to create a responsive admin dashboard, which contains a toggle side menu, a toggle screen color from light to dark and vice versa, and a gauge that shows the total expense as a percentage. Contents of the video 00:00 - Intro 03:49 - Side menu 38:20 - Analytics card 1:44:15 - Light and dark screen All materials (like...
How To Make Website Light / Dark Theme Toggle with | HTML, CSS, and JavaScript
Просмотров 1329 месяцев назад
#javascript #lightanddark #javascriptprojects This tutorial video shows how to make a website Light / Dark Theme Toggle by using HTML, CSS, and JavaScript. I will show you a simple way and step-by-step. All materials (like pictures, gifs, and codes....) are provided on • Telegram: t.me/programmingInsider/95 • GitHub: github.com/ProgrammingInsider/simple-admin-dashboard Subscribe to my channel w...
Add To Shopping Cart | HTML, CSS, and JavaScript tutorial
Просмотров 1,5 тыс.9 месяцев назад
#shoppingcart #javascript #javascriptprojects In this video, we will create how to add products or items to a shopping cart list using the browser's local storage. we only use Javascript there is no backend or any server side. Contents 0:00 Intro 6:01 Header 16:24 Item Cards 30:50 Creating shopping cart list container 46:18 Toggle (Hide/Show) shopping cart list 54:39 Import and display differen...
how to create a glowing button with reflection hover effect | HTML, CSS tutorial
Просмотров 18610 месяцев назад
#css #glowingbutton #neonlight This tutorial video shows how to create a button that glows on the ground and the glow coming off from the button itself when we hover over it. All materials (like pictures, gifs, and codes....) are provided on • Telegram: t.me/programmingInsider/90 • GitHub: github.com/ProgrammingInsider/Glow-button-with-the-reflection-on-the-ground Subscribe to my channel www.yo...
How to preview images before upload | HTML, CSS & JavaScript
Просмотров 13710 месяцев назад
#html #css #javascript This code shows how to preview images before uploading them to the database, and it enables the deletion of unneeded selected images during the preview. All materials (like pictures, gifs, and codes....) are provided on • Telegram: t.me/programmingInsider/88 • GitHub: github.com/ProgrammingInsider/preview-images-before-upload Subscribe to my channel www.youtube.com/@Progr...
How to build a landing page website for World Forest Day event | HTML & CSS
Просмотров 42210 месяцев назад
#html #css #landingpage All materials (like pictures, gifs, and codes....) are provided on • Telegram: t.me/programmingInsider/85 • GitHub: github.com/ProgrammingInsider/landing-page-for-forest-day-event •PSD (website's Photoshop design): t.me/programmingInsider/84 Subscribe to my channel www.youtube.com/@ProgrammingInsider?sub_confirmation=1
How to build a responsive landing page website for Leisure and wildlife | HTML, CSS & JavaScript
Просмотров 12710 месяцев назад
#html #css #javascript All materials (like pictures, gifs, and codes....) are provided on • Telegram: t.me/programmingInsider/81 • GitHub: github.com/ProgrammingInsider/Leisure-and-wildlife-landing-page-website-template •PSD (website's photoshop design): t.me/programmingInsider/80 Subscribe to my channel www.youtube.com/@ProgrammingInsider?sub_confirmation=1
How to create a responsive crypto website template | HTML, CSS, and JavaScript
Просмотров 3,8 тыс.10 месяцев назад
How to create a responsive crypto website template | HTML, CSS, and JavaScript
How to create a responsive accordion using | HTML, CSS, and, JavaScript
Просмотров 15410 месяцев назад
How to create a responsive accordion using | HTML, CSS, and, JavaScript
How to create CSS hover animated card | HTML & CSS
Просмотров 14911 месяцев назад
How to create CSS hover animated card | HTML & CSS
How to create responsive CSS timeline | HTML, and CSS
Просмотров 7411 месяцев назад
How to create responsive CSS timeline | HTML, and CSS
How to create a responsive animated login and signup form with show/hide password | CSS, JavaScript
Просмотров 37411 месяцев назад
How to create a responsive animated login and signup form with show/hide password | CSS, JavaScript
How to create a responsive image card | HTML and CSS
Просмотров 7411 месяцев назад
How to create a responsive image card | HTML and CSS
How to create a responsive contact form with Embed a Google Map | HTML, CSS
Просмотров 3,6 тыс.11 месяцев назад
How to create a responsive contact form with Embed a Google Map | HTML, CSS
How to create responsive website Navbar | Html, CSS, and JavaScript
Просмотров 27511 месяцев назад
How to create responsive website Navbar | Html, CSS, and JavaScript
How to Update Data in MongoDB Database | Nodejs, Expressjs, and MongoDB
Просмотров 344Год назад
How to Update Data in MongoDB Database | Nodejs, Expressjs, and MongoDB
How to upload files by express-fileupload module | expressjs, mongoDB, nodeJs
Просмотров 125Год назад
How to upload files by express-fileupload module | expressjs, mongoDB, nodeJs
How to Display Data From MongoDB Database by Authenticating Token | Nodejs, Expressjs, and MongoDB
Просмотров 67Год назад
How to Display Data From MongoDB Database by Authenticating Token | Nodejs, Expressjs, and MongoDB
How to Login and Logout By Generate (JWT) JSON Web Token | Nodejs, Expressjs, and MongoDB
Просмотров 207Год назад
How to Login and Logout By Generate (JWT) JSON Web Token | Nodejs, Expressjs, and MongoDB
How to Insert Data in the MongoDB Database and encrypt the password as well | Expressjs, and MongoDB
Просмотров 126Год назад
How to Insert Data in the MongoDB Database and encrypt the password as well | Expressjs, and MongoDB
Creating MongoDB database and Connecting with Nodejs/ ExpressJs | Nodejs, Expressjs, and MongoDB
Просмотров 395Год назад
Creating MongoDB database and Connecting with Nodejs/ ExpressJs | Nodejs, Expressjs, and MongoDB
#5.2 How to create a like and dislike system for websites | Html, CSS, SQL, PHP, and JavaScript
Просмотров 1,6 тыс.2 года назад
#5.2 How to create a like and dislike system for websites | Html, CSS, SQL, PHP, and JavaScript
creo que es logico pensar que el bullrun ya paso y solo llego a bitcoin y os demas nada
Me practical karat hote mala asa error yetoy....Is not valid json plz solution sanga sir
Me cart page ani home. Php page pn kely pn data store hoina database madhe
Bro what is that "font/css/all.min.css" ??
Hi there i have reached to the one box of plan but what you do when you go to files and so many boxes apears plzz tell where are those files with stars (i just cant find the font folder)
Can you give me the code with a link
Can you please give me the whole code of this with a link cuz i did everything as in video but many things doesnt work
very good
Bro make a websites different from others please
friend, why does my product have bugs in the first and second images while the rest are normal even though I followed you using while for php
Is this functional, as in I could follow your code and create an actual store?
This is a static E-commerce App, If you want a static E-commerce App or intend to add a database to make it dynamic you can follow the video. It is functional. and also the source code is available on GitHub
Gracias
Can you make webminer for shiba inu coin so i can mine from web browser. All website that provide web mining they just scammed us Please help me i want webminer code which can mine shiba inu coin 🙏
Get in touch with me on my email and elaborate to me your idea Email: programmingcode2021@gmail.com
@@ProgrammingInsider Thanks 🙏
thank you for this
Source code please
github.com/ProgrammingInsider/Crypto-Website-Template
@@ProgrammingInsider Thanks
Perfect, but without a dashboard, its not complete
Bro you are great
Bro please make full awesome website please
Thank you bro
does not work
Why
really good explained, keep it up
Hello bro I'm having error on connecting the database table. the $conn on connection.php
What is the error?
Please give me your email ID
Image is not saved in uplads folder please help
Did you follow steps in the video exactly?
Yes my device is MacBook is this valid for MacBook or not
Is not depending on devices
<?php $servername = "localhost"; $username = "root"; $password = ""; $database = "bunaai"; $conn = mysqli_connect($servername, $username, $password, $database); if (!$conn) { die("WE are Unable to connect"); } else { if (isset($_POST["submit"])) { $productname = $_POST["productname"]; $price = $_POST["price"]; $discount = $_POST["discount"]; //For uploads photos $upload_dir = "uploads/"; //this is where the uploaded photo stored $product_image = $upload_dir . $_FILES["imageUpload"]["name"]; $upload_dir . $_FILES["imageUpload"]["name"]; $upload_file = $upload_dir . basename($_FILES["imageUpload"]["name"]); $imageType = strtolower(pathinfo($upload_file, PATHINFO_EXTENSION)); //used to detected the image format $check = $_FILES["imageUpload"]["size"]; // to detect the size of the image $upload_ok = 0; if (file_exists($upload_file)) { echo "<script>alert('The file already exist')</script>"; $upload_ok = 0; } else { $upload_ok = 1; if ($check !== false) { $upload_ok = 1; if ($imageType == 'jpg' || $imageType == 'png' || $imageType == 'jpeg' || $imageType == 'gif') { $upload_ok = 1; } else { echo '<script>alert("please change the image format")</script>'; } } else { echo '<script>alert("The photo size is 0 please change the photo ")</script>'; $upload_ok = 0; } } if ($upload_ok == 0) { echo '<script>alert("sorry your file is doesn\'t uploaded. Please try again")</script>'; } else { if ($productname != "" && $price != "") { move_uploaded_file($_FILES["imageUpload"]["tmp_name"], $upload_file); $sql = "INSERT INTO product(product_name,price,discount,product_image) VALUES('$productname',$price,$discount,'$product_image')"; if ($conn->query($sql) === TRUE) { echo "<script>alert('your product uploaded successfully')</script>"; } } } } } ?> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Product</title> <link href="cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous"> <link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="login.css"> <link rel="stylesheet" href="responsive.css"> <link rel="shortcut icon" href="assets/logo.png" type="image/x-icon"> <link rel="stylesheet" href="cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> <link rel="stylesheet" href="product.css"> </head> <body> <div id="upload"> <h4>Please Upload The Product With Price</h4> <form action="product.php" method="POST" enctype="multipart/form-data" id="updetail"> <input type="text" name="productname" id="productname" placeholder="Product Name" required> <input type="number" name="price" id="price" placeholder="Product Price" required> <input type="number" name="discount" id="discount" placeholder="Product Discount"> <input type="file" name="imageUpload" id="imageUpload" required hidden> <button id="choose" onclick="upload();">Choose Image</button> <input type="submit" value="Upload" name="submit"> </form> </div> <script> var productname = document.getElementById("productname"); var price = document.getElementById("price"); var discount = document.getElementById("discount"); var choose = document.getElementById("choose"); var uploadImage = document.getElementById("imageUpload"); function upload() { uploadImage.click(); } uploadImage.addEventListener("change", function () { var file = this.files[0]; if (productname.value == "") { productname.value = file.name; } choose.innerHTML = "You can change(" + file.name + ") picture"; }) </script> </body> </html>
Please give me your email
Nice
I want SQL queries
It is in the source code
Thanks bro
Contents of the video 00:00 - Intro 02:07 - How To Get Started With HTML 07:21 - HTML Structure 09:26 - HTML Element 17:54 - HTML Attribute 23:48 - HTML Comment
Thank you soo much bro.. God bless you❤
or you could just put border bottom to be visible if you want all
Thankkssss it Helppped
can you kindly provide the extension you are using which displays the cause of error
super 🎉
THIS IS XD..SO I SUB
thank you bro!!!
how to send a pdf to the email thats inside the account
why not explain what you are doing instead of playing music ???!!
yeah you are right I did not explain. but on my current new videos I have started to explain instead of background music.
@@ProgrammingInsider excellent progress!
Thank you bro....your comment was so helpful
*PromoSM*
Thanks a lot man ❤... didn't think it'll be so simple like this
Thank you very much, yeah it is so simple. keep it up bro
Allah bless you bro thank you so much
Thanks for watching bro
great...great...great
Thank you brother ❤️
Thank you
wow....a great job
Bro,source code working no dont know what reason
What error does it show you??
I have tried to follow the tutorial but the code is not responding. I don't know why my connection.php is not connecting
watch out here the source code from GitHub github.com/ProgrammingInsider/How-to-create-Register-Login-Logout-like-and-dislike-using-HTML-CSS-SQL-PHP-and-JavaScript
Thanks Sir, what about the SQL to connect to database
sorry, unfortunately I haven't retained the SQL file. but you can watch the video to create a connection
@@ProgrammingInsider the database is not connecting I have tried it many times not still work...I have watched and follow the video is not still responding
May be it will be an error in your php.ini
Please I'm not on Telegram can I get the source code here please
Gonna work on this project
What do you mean??
@@ProgrammingInsider when you nod your head yes but you wanna say no
Bro given Telegram link is not working Please provide a genuine link
Watch out here the source code link from GitHub github.com/ProgrammingInsider/Building-eCommerce-website-upload-Images-to-database-display-from-database-and-add-products-to-cart
bro your videos are great but one suggestion dont add that stupid bg music!!! thank you
Thanks, but there does not appear to be any database build/SQL files available on your Telegram channel.
yeah thanks, incidentally I didn't prepare the SQL file but you can create and connect the database by following both videos. ruclips.net/video/MJN-B9VO-MU/видео.html ruclips.net/video/IhIagsXvkiw/видео.html
@@ProgrammingInsider Actually, I’m proficient in MySQL. I want to create the database using an SQL file. Then follow your tutorial. I finally found the link on Telegram, but Telegram is not cooperating. The link just reloads the same page.
hey dear, i'm not able to fetch data in database, could you please help me?
Send me the code on telegram
@@ProgrammingInsider I'm not able to message on telegram as you have not given access.
@@vivekbhangre1427 i have downloaded your code from telegram and i run it but home page is working but having issue in store page. please help me out , where i can show my error mesaage to you?
This the username of the telegram @programminginsider
Bro Ur doing such a great work .. this is my first time I like the work and am appreciating something... Thank uh for helping me ❤
Thanks bro