- 63
- 210 616
HA Codes
Pakistan
Приєднався 30 лис 2020
Hello, I am Hassnain, a web designer and developer, has 3-years of experience in building websites with HTML, CSS, JavaScript, and PHP. I'm an expert in front-end development, use functional programming, and have strong ability in logic building, and problem-solving. I create fully mobile-friendly modern websites with amazing UI & UX. I have deep knowledge of web structure and keep eye on web performance. I have worked with google cloud services and communicated with multiple systems using API's and have proper knowledge of Ajax communication. I have created web projects on chat systems, CMS, Marketing extensions, cloud applications, web components, translation applications, and a number of online tools.
I have created this channel for educational purposes to teach you, how to create, design, and develop a website. If you are interested in learning, you can follow me. I'll shine your coding ability through video lectures and a lot of practical projects.
Best Of Luck!
I have created this channel for educational purposes to teach you, how to create, design, and develop a website. If you are interested in learning, you can follow me. I'll shine your coding ability through video lectures and a lot of practical projects.
Best Of Luck!
Firebase push notification for web using JavaScript and PHP | Firebase Cloud Messaging
Hi, this video is all about using Firebase push notifications for websites with JavaScript and PHP. If you know nothing about Firebase or web push notifications then you don't need to worry because here you will learn everything from start to end. Here, we will create a Firebase project and then create an app for the notifications in the Firebase project in completely free. We will enable cloud messaging API and will get our server key. We will also create a web push notification certificate that will use on the client side to generate device tokens. Everything is done step by step so don't miss any step to learn everything about Firebase push notifications. I hope this video will definitely help you in this regard. Still, if you have issues with this topic then comment below or contact us on FB.
Note: Read the blog to learn about Web Push Notification using the latest method. The method in the video will depreciate soon. The source code and live demo are also available in the blog.
www.slidesmaker.me/blog/firebase-web-push-notification-javascript-php
Firebase in javascript on web
ua-cam.com/play/PLTB41b_CO0jXa6UfxQkPsVDjx1ammL7L0.html
Chapters:
1:12 Demo
0:53 Creating Firebase Project
2:27 Start Coding JS
5:40 Sending Notification using Firebase Console
11:39 Creating Custom Backend in PHP for sending Notifications
16:39 Test on multiple devices with Live Server
------------------------------
Lights by Sappheiros soundcloud.com/sappheirosmusic
Creative Commons - Attribution 3.0 Unported - CC BY 3.0
Free Download / Stream: bit.ly/LightsSappheiros
Music promoted by Audio Library ua-cam.com/video/-lbbHQbZNKg/v-deo.html
------------------------------
Note: Read the blog to learn about Web Push Notification using the latest method. The method in the video will depreciate soon. The source code and live demo are also available in the blog.
www.slidesmaker.me/blog/firebase-web-push-notification-javascript-php
Firebase in javascript on web
ua-cam.com/play/PLTB41b_CO0jXa6UfxQkPsVDjx1ammL7L0.html
Chapters:
1:12 Demo
0:53 Creating Firebase Project
2:27 Start Coding JS
5:40 Sending Notification using Firebase Console
11:39 Creating Custom Backend in PHP for sending Notifications
16:39 Test on multiple devices with Live Server
------------------------------
Lights by Sappheiros soundcloud.com/sappheirosmusic
Creative Commons - Attribution 3.0 Unported - CC BY 3.0
Free Download / Stream: bit.ly/LightsSappheiros
Music promoted by Audio Library ua-cam.com/video/-lbbHQbZNKg/v-deo.html
------------------------------
Переглядів: 40 571
Відео
Firebase App Check Implementation using JavaScript | Secure your firebase services
Переглядів 2,2 тис.Рік тому
Hi, In this video will go you through the process of setting up the Firebase AppCheck on the web app and show you how to use it to verify requests made to other firebase services. Here, we will use google's recaptcha v3 for host verification, and requests made to your firebase project using your credentials from unverified hosts will be denied. Only verified hosts can access your firebase proje...
Youtube Thumbnail Downloader Chrome Extension | Extension Development Tutorial
Переглядів 688Рік тому
In this video, I'll show you how to develop your own UA-cam Thumbnail Downloader Chrome Extension. With the help of this extension, you'll be able to easily download high-quality thumbnails from UA-cam with just a single click. In this Chrome Extension Development tutorial, we will create the extension using the latest MV3 (manifest version 3) documentation. You will learn, how to create a mani...
Build a Sarcastic Chatbot using OpenAI GPT-3 Model | PHP Chatbot Tutorial
Переглядів 2 тис.Рік тому
Hi, In this video, we will build a sarcastic chatbot that will answer your questions in a sarcastic manner. We will use the OpenAI GPT-3 model for this purpose. We will install the OpenAI PHP client library and send API requests to the model in PHP. We will get the response on the front end using a POST request in javascript and show it as a chat on the webpage. Everything is done step-by-step,...
Creating an Image Generation App with PHP and OpenAI's DALL-E 2 API: Tutorial and Demo
Переглядів 2,8 тис.Рік тому
Hi, In this video, I'll show you how to create an image generation app using PHP and the OpenAI DALL-E 2 API. I'll show you how to set up the API and use it to generate images. Along the way, I'll provide tips and tricks for getting the most out of the DALL-E 2 API, as well as a demo of the finished app. This tutorial will give you everything you need to start creating your own image-generation...
How to use OpenAI API with PHP | Tutorial on GPT-3 Text Completion Mode
Переглядів 9 тис.2 роки тому
Hi, In this video, you will learn how to use the OpenAI API with PHP for text completion using the GPT-3 (Generative Pre-trained Transformer 3) model. The video will guide you through the process of obtaining an API key and installing the OpenAI PHP client library, and will then demonstrate how to use the client library to send text completion requests to the OpenAI API and process the response...
Automatically Update Your Web Project | Web Project Maintenance
Переглядів 1852 роки тому
Hi, In this video, I am showing a demo of a project that I recently created for web project maintenance. For projects that are not using a framework or library for development, it's difficult for them to manage and update versions. When we update the project, it doesn't effect in the user's browser as the previous files are cached in the browser. So need to change the path of the files. It's di...
Upload multiple files using drag and drop HTML, CSS & Javascript | Ajax multiple files upload
Переглядів 18 тис.2 роки тому
Hi, In this video, we will make a complete widget to upload files using the browse button and with drag and drop functionality. Drag and drop have proper animation in a professional way. Files will upload with the progress bar and show the file size on completed. Also, validation of file type will be added. Files will upload to the server using Ajax in JS. I create the full project including HT...
How to send email in php from localhost | phpmailer
Переглядів 4252 роки тому
Hi, In this video, we will send an email from a business email using PHP script. We will use phpmailer library to send emails. We will send HTML document that contains text, images buttons, and links as email content. We will also send an attachment with our email. Send emails from a Gmail account using any third-party app is now restricted by Google. But we will do that using Gmail Cloud API i...
Signup and Login system PHP and MySql database | Authentication in PHP
Переглядів 3352 роки тому
Hi, in this video, we will make a professional authentication system with signup and login in PHP. Here, we will use sessions in PHP for login, and a user without having an account cannot able to access a particular page. We will also use a hash password function to encrypt the password before sending it to the database. We will also add the functionality of auto-logout after 24 hours from logi...
Multiple file uploads ajax and PHP with progress-bar
Переглядів 8702 роки тому
Hi, In this video, we will do multiple file uploads using ajax in JS and PHP. This will help you to make large file uploads simple. We will also add a progress bar that enhances the UI and UX of the application. You can use more parameters from progress like remaining time, kbps, and much more. For that, you can watch another video to upload a single file with multiple progress enhancements. I ...
Recognize text from image in javascript | Optical Character Recognition | OCR
Переглядів 8 тис.2 роки тому
Hi, In this video, we will create a simple application that helps us recognize text in javascript on the browser. This process is called Optical Character Recognition (OCR) uses machine learning trained models to recognize text in more than 100 languages. All that is available for us in a javascript library Tesseract.js to use OCR in the browser. So learn and create your own OCR. I create the f...
Realtime fetching from normal MySQL DB | Realtime data in PHP MySQL
Переглядів 7 тис.2 роки тому
Hi, In this video, we will fetch data from MySQL databases in realtime with best efficiency without sending multiple requests in intervals with the help of SSE in JavaScript. SSE is Server-Sent Events, which accrues when data change on PHP file. If you are not able to use other realtime database services due to any reason, then try this trick once. We just write code for fetching. Other operati...
Firebase Realtime Database JavaScript | Firebase crud javascript
Переглядів 3,7 тис.2 роки тому
Hi, In this video we will create a simple app using real-time firebase databases. We will perform cr operations in the app to learn about the database completely. I start from the beginning by creating a project in firebase and performing each step so all your doubts are removed. I create the full project including HTML & CSS. If you are not here to learn that then skip that part and go next. A...
Animated tabs HTML CSS JavaScript | CSS tabs | JavaScript tabs
Переглядів 4242 роки тому
Hi, In this video, we will make custom tabs using HTML, CSS and JavaScript. Tabs are used on websites to show large data in an organized way. These tabs are easy to implement in your projects. You will also learn about animation with JavaScript. I create the full project including HTML & CSS. If you are not here to learn that then skip that part and go next. All the source code is given below t...
Faq accordion HTML CSS JavaScript Source Code
Переглядів 2802 роки тому
Faq accordion HTML CSS JavaScript Source Code
Tooltip javascript tutorial with source code | JS, HTML & CSS tooltip
Переглядів 5632 роки тому
Tooltip javascript tutorial with source code | JS, HTML & CSS tooltip
Base64 encoding and decoding pure JavaScript
Переглядів 6 тис.2 роки тому
Base64 encoding and decoding pure JavaScript
Text typing animation JavaScript | Typing Effect JS
Переглядів 9632 роки тому
Text typing animation JavaScript | Typing Effect JS
QR Code generator using HTML, CSS and JavaScript @hacodes
Переглядів 1,6 тис.2 роки тому
QR Code generator using HTML, CSS and JavaScript @hacodes
Export HTML table to excel | JavaScript download data as CSV
Переглядів 5 тис.2 роки тому
Export HTML table to excel | JavaScript download data as CSV
Files downloader JavaScript Ajax | Show Progress Bar on downloading
Переглядів 1,6 тис.2 роки тому
Files downloader JavaScript Ajax | Show Progress Bar on downloading
File upload with progress bar, percentage, MBps and time left in Ajax Jquery and PHP
Переглядів 3,7 тис.2 роки тому
File upload with progress bar, percentage, MBps and time left in Ajax Jquery and PHP
Create sticky floating sidebar in HTML, CSS and JS on scroll event
Переглядів 2,4 тис.2 роки тому
Create sticky floating sidebar in HTML, CSS and JS on scroll event
Fetching data from database without page reload using ajax in javascript and PHP
Переглядів 1,3 тис.2 роки тому
Fetching data from database without page reload using ajax in javascript and PHP
Form submit without page reload using ajax in javascript and PHP | Send data, Upload image with ajax
Переглядів 6132 роки тому
Form submit without page reload using ajax in javascript and PHP | Send data, Upload image with ajax
Create a custom html5 video player | Part 2
Переглядів 4142 роки тому
Create a custom html5 video player | Part 2
How to create a custom html5 video player using HTML, CSS and Javascript - Part 1
Переглядів 6352 роки тому
How to create a custom html5 video player using HTML, CSS and Javascript - Part 1
Offline Installable web application in vanilla javascript | Progressive web apps | PWA
Переглядів 1,6 тис.2 роки тому
Offline Installable web application in vanilla javascript | Progressive web apps | PWA
FINALMENTE UM QUE FUNCIONE
Hello Sir, Please my vendor/autoload.php doesn't load. I always get the error: Class 'ServiceAccountCredentials' not found Kindly help. I am stuck for days
Firebase: An internal AuthError has occurred. (auth/internal-error). BRO HOW TO SOLVE THIS PROBLM
It works but my text does not show another box qhy
I use not work how wil copy the url from the script tag and paste it in the html tag
give siurce code these anyone?
Why its not working with firefox browser? Could you please help me?
type.split is not a function
conceptual... thanks for the work
What a useful video! Thanks a lot!
bro its showing auth /billing error what should I do?
Exactly same !! Pls let me know if u got cleared that error 😢
@@MohammedSaif-ik5yq Do that go to firebase and upgrade your plan
Cloud Messaging API (Legacy) is deprecated, did you make a video on "Firebase Cloud Messaging API (V1)" ?
How can I use biturl
Hi there, really good job.
Excelente. Muchas Gracias por este aporte
thanks man it worked
Why does my web just load when I used the JS file?
it takes too long to load, and it gives VM271:1 Uncaught (in promise) SyntaxError: "[object Object]" is not valid JSON at JSON.parse (<anonymous>)
Brother I need svg link of cross and tick
Hello, good afternoon, I saw the tutorial and created my project in firebase, clould and recaptcha, but it gives me an error: (auth/invalid-app-credential).
getting same any solution found for u
Recaptcha not coming up, please help.
working . Thank you
Can you please provide the full code
source code links not working and some of the code that you have written is also not working
How to set video only view but cant download with google API. Help me plus, i need set this setting for many video😢
How to set video only view but cant download with google API. Help me plus, i need set this setting for many video😢
Not Work 😥😥
OMG this is what i'm looking for, Thanks !!!!
Can it increase speed gradually over a set period of time.? For example, over 20 minutes I would like the speed to become x3, it would increase the speed +0.15 every minute, It would be even better if it could increase in 0.01 or even smaller increments every second over the set period of time, but if this is too complicated then the older method is better.
Yes, all possible, need to implement logic in code.
Thank you so much
Amazing! I wonder if there are Groq version or Llama, or chat to our file or database.
Can i used for web push notifications for blogger platform?
Thank you. Your video has really helped my app
what type of compression does this use?
background music 😊?
thanks!
amazing!
weird.... i have tried this code in my local webserver and image/ videos is just showed in a another tab but it won't upload.. In your server drag and drop upload is working...
and it accidentally started work properly when I perform drag and drop quickly
There is a little bug that needs fixing. The drop area closes when it's over the text inside the drop area.
@@hacodes thank you for your answer. Will you fix it in your code ? I am just hobby web developer and would take a log time to fix it by myself..
Difficult for me, not working on YT for a long time, busy in some other stuff.
@@hacodes ok no problem. the code as such is working and based on your hit I'll try to fix it somehow
it was half the video just css and you writing also was to fast no explaining just nothing just you coding + the code doesn‘t even work
You can slow the video using the yt player option. Also, if you are getting any log info, then it is helpful for me to suggest a solution.
tnx bro....superb
no errors on console, used my country code. still not receiving otp on phone. idk whats wrong
is it necessary to write code under xampp my project is running under server 3000 , can i merge there,..?
Yes, you can use any port or any server.
the links with demo and source code do not work.
Website is working now.
@@hacodes it does. thank you.
great work! thank you
Dear Apoorva, Hope this text find you well. Please find below the confidential encoded text message: **;;-__-+-_*¢¥°=•√÷{[^€πק∆∆∆}°¥|¢¢¢`£¢":;:*£€%®™®©©°= Decode this
I want collect tokens from users to store my database. How this possible? Like- Onesignal/ izooto
I want collect tokens from users to store my database. How this possible? Like- Onesignal/ izooto
Hola excelente video, que hago si no me reconoce la clase "gapi"
What an awesome tutorial, simple and straight to the point. Thank you
what's about fcm v1 api? How can i receive notification on browser?
Nice and precise ❤ .
Thank you so much for this video. It's really worked. If anyone have host issue then just add your domain into firebase.
How to add that