- 55
- 511 699
SoftAuthor
Canada
เข้าร่วมเมื่อ 1 ก.ค. 2016
100% FREE Web UI design/Development and iOS tutorials and more by SoftAuthor
Topics covered, but not limited to:
HTML, CSS, JavaScript, Vue.js, Firebase, Google Maps API etc.
Topics covered, but not limited to:
HTML, CSS, JavaScript, Vue.js, Firebase, Google Maps API etc.
THE COMPLETE FULL-STACK WITH FIREBASE COURSE FOR BEGINNERS
Build 3️⃣ Complete Full-Stack Web App With Firebase - Basics Of HTML, CSS, & JavaScript Required - No Backend Experience Needed + Get A Free 30-Minute Private Lesson ($99 VALUE) - 1 Month Community Support - 15+ hours of on-demand content.
Enroll now 👉 softauthor.com/ (Aug 19-23rdh, 2024) & 15-20 students only
#firebase #fullstack #javascript
Enroll now 👉 softauthor.com/ (Aug 19-23rdh, 2024) & 15-20 students only
#firebase #fullstack #javascript
มุมมอง: 75
วีดีโอ
Firebase Get Logged In User Data By UID From Firestore Database
มุมมอง 1.5K6 หลายเดือนก่อน
👉 Enroll now for the full course → www.udemy.com/course/authentication-authorization-security-the-complete-guide/?couponCode=ATYT-90OFF-JAN25 USE 80% OFF COUPON: ATYT-90OFF-JAN25 (VALID UNTIL Jan 31st 2025) 🆓 [FREE TRAINING] Learn Firebase Authentication (45-min) Firebase & JavaScript subscribepage.io/firebase-authentication-javascript-free-course-form? ▶️ How To Add Logged-In User Data in Fire...
How To Add Logged In User Data in Firebase (Authentication/Cloud Firestore) 2024
มุมมอง 1.1K8 หลายเดือนก่อน
👉 Enroll now for the full course → www.udemy.com/course/authentication-authorization-security-the-complete-guide/?couponCode=ATYT-90OFF-JAN25 USE 80% OFF COUPON: ATYT-90OFF-JAN25 (VALID UNTIL Jan 31st 2025) 🆓 [JOIN FREE COURSE] Master the 4 Key Components of Building Secure Authentication 2024 subscribepage.io/firebase-authentication-javascript-free-course-form? ▶️ Firebase Get Logged In User D...
Google Maps/Marker Via Dynamic Library Import [2024] - The latest version
มุมมอง 2.7K9 หลายเดือนก่อน
👉 Enroll now for the full course ➡️ www.udemy.com/course/vuejs-google-maps-api-for-beginners/?couponCode=VGYT-90OFF-JAN25 Use 80% OFF Code: VGYT-90OFF-JAN25 (Expires on Jan 31st 2025) ▶️ Obtain Google Maps API Key free without billing th-cam.com/video/ASiEw-eakWM/w-d-xo.html ▶️ Google Maps Using Maps JavaScript Library [5 mins] th-cam.com/video/LoWlCFDdvWY/w-d-xo.html ▶️ Google Maps via NPM pac...
Show Google Map in Vue JS 3 Project Using Vue3-Google-Map NPM Package [5 mins]
มุมมอง 1.6K10 หลายเดือนก่อน
👉 Enroll now for the full course ➡️ www.udemy.com/course/vuejs-google-maps-api-for-beginners/?couponCode=VGYT-90OFF-JAN25 Use 80% OFF Code: VGYT-90OFF-JAN25 (Expires on Jan 31st 2025) ▶️ Create Vue JS 3 Project Using Vite in 10 mins [2024] th-cam.com/video/Qo2fPuomVHM/w-d-xo.html ▶️ Obtain Google Maps API Key free without billing th-cam.com/video/ASiEw-eakWM/w-d-xo.html ▶️ Display Google Maps i...
How To Get Data By ID On Click - Firebase Firestore Database Tutorial
มุมมอง 1K10 หลายเดือนก่อน
👉 Enroll now for the full course ➡️ www.udemy.com/course/javascript-firebase-build-full-stack-web-apps-faster/?couponCode=JFYT-90OFF-JAN25 Use 80% OFF Code: JFYT-90OFF-JAN25 (Expires on Jan 31st 2025) th-cam.com/video/cd1t1AiODYo/w-d-xo.html th-cam.com/video/9-QAGqt3q-0/w-d-xo.html th-cam.com/video/Ioo6ytSQ6D8/w-d-xo.html th-cam.com/video/sw3b8bVY2UQ/w-d-xo.html th-cam.com/video/U0fJMmaKaMU/w-d...
Display Google Maps in a Vue.js 3 Project Using Maps JavaScript Library [5 mins]
มุมมอง 3K10 หลายเดือนก่อน
👉 Enroll now for the full course ➡️ www.udemy.com/course/vuejs-google-maps-api-for-beginners/?couponCode=VGYT-90OFF-JAN25 Use 80% OFF Code: VGYT-90OFF-JAN25 (Expires on Jan 31st 2025) ▶️ Create Vue JS 3 Project Using Vite in 10 mins [2024] th-cam.com/video/Qo2fPuomVHM/w-d-xo.html ▶️ Obtain Google Maps API Key free without billing th-cam.com/video/ASiEw-eakWM/w-d-xo.html ▶️ Show Google Map in Vu...
Firebase User Authentication JavaScript Tutorial [2024]
มุมมอง 1.4K11 หลายเดือนก่อน
👉 Enroll now for the full course → www.udemy.com/course/authentication-authorization-security-the-complete-guide/?couponCode=ATYT-90OFF-JAN25 USE 80% OFF COUPON: ATYT-90OFF-JAN25 (VALID UNTIL Jan 31st 2025) 👉 [DOWNLOAD SOURCE CODE] - Firebase Authentication JavaScript Web App subscribepage.io/firebase-authentication-javascript-source-code-form? th-cam.com/video/cd1t1AiODYo/w-d-xo.html th-cam.co...
Vue JS + Google Maps API Course Promo
มุมมอง 10911 หลายเดือนก่อน
👉 Enroll now for the full course ➡️ www.udemy.com/course/vuejs-google-maps-api-for-beginners/?couponCode=VGYT-90OFF-JAN25 Use 80% OFF Code: VGYT-90OFF-JAN25 (Expires on Jan 31st 2025)
Build A Complete Authentication Web App [Authorization] 2024
มุมมอง 43011 หลายเดือนก่อน
👉 Enroll now for the full course → www.udemy.com/course/authentication-authorization-security-the-complete-guide/?couponCode=ATYT-90OFF-JAN25 USE 80% OFF COUPON: ATYT-90OFF-JAN25 (VALID UNTIL Jan 31st 2025) 🆓 [JOIN FREE COURSE] Master the 4 Key Components of Building Secure Authentication 2024 subscribepage.io/firebase-authentication-javascript-free-course-form? th-cam.com/video/Mz7ZBTUbSzw/w-d...
Create Vue JS 3 Project Using Vite in 10 mins [2024]
มุมมอง 2.9K11 หลายเดือนก่อน
👉 Enroll now for the full course ➡️ www.udemy.com/course/vuejs-google-maps-api-for-beginners/?couponCode=VGYT-90OFF-JAN25 Use 80% OFF Code: VGYT-90OFF-JAN25 (Expires on Jan 31st 2025) ▶️ Show Google Map in Vue JS 3 Project Using Vue3-Google-Map NPM Package [5 mins] th-cam.com/video/J8cU0ykgOA8/w-d-xo.html #vuejs #googlemaps
Firebase Firestore Database Tutorial For Beginners [2024]
มุมมอง 3.8Kปีที่แล้ว
👉 Enroll now for the full course ➡️ www.udemy.com/course/javascript-firebase-build-full-stack-web-apps-faster/?couponCode=JFYT-90OFF-JAN25 Use 80% OFF Code: JFYT-90OFF-JAN25 (Expires on Jan 31st 2025) 👉 Download PDF Guide (Firebase CRUD Queries) subscribepage.io/firebase-javascript-free-pdf-form th-cam.com/video/cd1t1AiODYo/w-d-xo.html th-cam.com/video/9-QAGqt3q-0/w-d-xo.html th-cam.com/video/I...
How To Create/Add An Image In Javascript
มุมมอง 5Kปีที่แล้ว
👉 Enroll now for the full course ➡️ www.udemy.com/course/javascript-firebase-build-full-stack-web-apps-faster/?couponCode=JFYF-80OFF-APR24 Use 80% OFF Code: JFYF-80OFF-APR24 (Expires on April 30th, 2024) Create / Add an image to your website using JavaScript with THREE simple steps 0:29 1. Create An Image Element Object 2:04 2. Set An Image URL To An Image Element 3:01 3. Show The Image On The ...
Fix Uncaught Reference Error Google Is Not Defined Error - Google Maps API & JavaScript
มุมมอง 4.1Kปีที่แล้ว
Fix Uncaught Reference Error Google Is Not Defined Error - Google Maps API & JavaScript
JavaScript ES6 + Firebase 10 (latest version) Premium Course Promo
มุมมอง 700ปีที่แล้ว
JavaScript ES6 Firebase 10 (latest version) Premium Course Promo
Firebase Get Data By ID From Firestore Database
มุมมอง 25Kปีที่แล้ว
Firebase Get Data By ID From Firestore Database
Setting Up Firebase via NPM (Node Client) in 10 mins - Firebase JavaScript Tutorial
มุมมอง 3.8Kปีที่แล้ว
Setting Up Firebase via NPM (Node Client) in 10 mins - Firebase JavaScript Tutorial
How To Use Firebase 10 - Tutorial For Beginners [2024]
มุมมอง 4.5Kปีที่แล้ว
How To Use Firebase 10 - Tutorial For Beginners [2024]
Design A Cool Responsive Registration Form Using HTML & CSS Flexbox
มุมมอง 3.9K2 ปีที่แล้ว
Design A Cool Responsive Registration Form Using HTML & CSS Flexbox
Node JS Express Beginner Tutorial - Getting Started 🔥
มุมมอง 8982 ปีที่แล้ว
Node JS Express Beginner Tutorial - Getting Started 🔥
Google Directions API Javascript Explained 🔥
มุมมอง 5K2 ปีที่แล้ว
Google Directions API Javascript Explained 🔥
Google Maps Distance Matrix API JavaScript Explained!
มุมมอง 14K2 ปีที่แล้ว
Google Maps Distance Matrix API JavaScript Explained!
Fix CORS Error Permanently Regardless of Your Web App
มุมมอง 14K2 ปีที่แล้ว
Fix CORS Error Permanently Regardless of Your Web App
Add Place Autocomplete To An Input Field in Vuejs
มุมมอง 8K3 ปีที่แล้ว
Add Place Autocomplete To An Input Field in Vuejs
Vue JS 2 $EventBus - Send Data Between Components
มุมมอง 4.6K3 ปีที่แล้ว
Vue JS 2 $EventBus - Send Data Between Components
Form Validation in Vue JS2 Options API (Client-side) - Part 2
มุมมอง 1.2K4 ปีที่แล้ว
Form Validation in Vue JS2 Options API (Client-side) - Part 2
Design Cool SignUp Form Using Vue JS 2 & SemanticUI - Part 01
มุมมอง 1.9K4 ปีที่แล้ว
Design Cool SignUp Form Using Vue JS 2 & SemanticUI - Part 01
this was incredibly helpful! liked
Glad it helped!
Your content is fantastic! I noticed your channel has room to grow, and I can help optimize it for better reach. SEO is key to making videos go viral, and I’d love to assist.
Thank you!! You saved me a lot of time digging through the documentation.
You're welcome! Glad it helped!
Hi, I followed exactly the same step as you did, after when runing npm install, I got this message, is there anything wrong? added added 30 packages, and audited 31 packages in 10m 4 packages are looking for funding run `npm fund` for details found 0 vulnerabilities
You can ignore this message as long as the app is running.
How do I add custom markers ?
Hello Sir how to do this in wordpress plz?
hello is their anyway to get all documents within a collection ?
hi my friend, thanks for video. How can I cluster advanced bookmarks? How can I cluster advanced bookmarks? Do you have any video explaining this?
Here you go: softauthor.com/google-map-marker-clustering-javascript/
Hello Sir , I m a begginer Student I want to buy your cousr Web authentication and Authoriastion At ₹500 , Yesterday I was arranging money But today i missed the chance and now it's ₹800. Sir can I get a Coupon Code Once again so I can buy it. 😭😭😭🥺🥺🥺
I enroll the course but this course is different . please help me
How to upload images?
Here you go: th-cam.com/video/31MVIwvstzs/w-d-xo.html
My front end is angular.. this is not fixing my issue csn tou help me i am using angular 17 standalone
I do not use Angular and can’t help.
@@SoftAuthor thanks for getting back..
you saved my life, thank you so much.
You’re welcome! :)
amazing tutorial! very helpful, thanks!
Glad it was helpful!
Not bad this is really good been looking for this a long time Thanks …. Anyhow I can contact for privately for lessons ?
I'm glad it helped! Yes currently I accepting new students and please book a free 30 mins call with me to see if I can help. calendly.com/softauthor-info/30min
Thank you for this effort, it’s really well explained. But I got this error message "Uncaught FirebaseError: Firebase: No Firebase App '[DEFAULT]' has been created - call initializeApp() first (app/no-app). at getApp (api.ts:209:25) at getAuth (index.ts:79:16) at app.js:6:14", If you would like to help me I will be very grateful.
I'm glad to hear that! It looks like the firebase configuration code is not set up correctly and I covered in a separate video. th-cam.com/video/cd1t1AiODYo/w-d-xo.htmlsi=2brnziVQ6YV5NkbJ Hope it helps!
Thank you
You’re welcome!
I am stuck for 2 to 3 weeks to learn firebase. Thanks to you man 🙌
You’re welcome!:)
Can someone help me?? 😢 I don't understand
I know sometimes it can be hard to understand at first. Repeat watching the video and you will get it for sure.
I don't even know what program you use. Please can you do a video again with all the details?
when i set my position a message appear to me that i should pay for billing account any help please
You might need to add the credit card but you’ll get enough credit for testing without spending anything.
👉 Enroll now for the full course → www.udemy.com/course/authentication-authorization-security-the-complete-guide/?couponCode=ATYT-90OFF-JAN25 USE 80% OFF COUPON: ATYT-90OFF-JAN25 (VALID UNTILJan 31st 2025)
well explained! Thanks man!
Glad it helped!
👉 Enroll now for the full course ➡ www.udemy.com/course/javascript-firebase-build-full-stack-web-apps-faster/?couponCode=JFYT-90OFF-JAN25 Use 80% OFF Code: JFYT-90OFF-JAN25 (Expires on Jan 31st 2025)
👉 Enroll now for the full course → www.udemy.com/course/authentication-authorization-security-the-complete-guide/?couponCode=ATYT-90OFF-JAN25 USE 80% OFF COUPON: ATYT-90OFF-JAN25 (VALID UNTIL Jan 31st 2025)
Your API key is in the clear in index.html! What a huge security flaw.
There are multiple ways you can protect the API key. You can simply tell what domain will have access to the API by going to the Google Cloud Console. For more watch this video: th-cam.com/video/ASiEw-eakWM/w-d-xo.html&ab_channel=SoftAuthor
Or he could put it in a .env file
Do you know maybe how can we add a picture from the phone's gallery? Example: User clicks on a button and then chooses a picture that he wants to show up in the website.
Yes. Definitely, you can. All you need back back-end services such as Firebase or so. Check this video for more: th-cam.com/video/31MVIwvstzs/w-d-xo.html If you want to dive deeper into this: check out my premium course: th-cam.com/video/eqC17cNlOXk/w-d-xo.html
Bro! It is like you are speaking to me lol. Great video, checking out the link right now.
Cool, thanks
Hey there, great video. I'm currently working on a project for Directus, I have to work with the google Maps API and I wonder how I make an app where I can click a point on a mac and then use this for some math.
I'm sorry I'm not sure about the question.
@@SoftAuthor I just found "MapMouseEvent" in the Google Maps docs. Could you explain, how I use this in my project?
Can you post the video in how to use this dynamic library in Reacr project?
I hope this solves my issues.... I've been going through a lot with my website for two years. I'm tired.
can u explain how to write a code for clicking on 20buttons of same xpath for each click we should navigate back and click the next button in selenium java
i have an error while installing axios ...what should i do 99 packages are looking for funding run `npm fund` for details 127 vulnerabilities (1 low, 60 moderate, 26 high, 40 critical) To address issues that do not require attention, run: npm audit fix To address all issues (including breaking changes), run: npm audit fix --force Run `npm audit` for details.
npm audit fix also not working for me
Try deleting node_modules folder and run npm install then try to install axios to see if that fixes the issue. Cheers!
@@SoftAuthor i tried and am not possible to fix it sir
@@SoftAuthor after the things u have said , i tried and not get resolved sir
Hey there, I know it can be frustrating but lets get the bottom of this. Try running the follwing commands in order to see if it fixes the issue. 1. npm install axios 2. npm audit fix 3. npm audit fix --force 4. npm fund
I wanna show number in icons so what i need to do
You mean custom marker?
I'm trying to use this method in my javascript script. I don't know where to insert the code. I would like my image "Home.png" within my <h2> element. <div className='d-flex justify-content-center'> <h2>Water Plan (Customers) </h2> document.h2.appendChild(image); </div>
Hey, you will need to use appendChild() method inside JavaScript technically inside the <script> tags.
What happens if you import the same library multiple times? For example if you’re writing a few unrelated functions, some of which use the same libraries, maybe even the same classes from those libraries, can you safely import the libraries needed in each function, or will that lead to the library being loaded multiple times?
Hey, if all of the functions are in a single javascript file, you only import a specific module once. Cheers
It worked thanks bro 🎉
You’re welcome!
👉 Enroll now for the full course ➡ www.udemy.com/course/vuejs-google-maps-api-for-beginners/?couponCode=VGYT-90OFF-JAN25 Use 80% OFF Code: VGYT-90OFF-JAN25 (Expires on Jan 31st 2025)
why did you need to append the proxy server to the request URL? Why was there a proxy between your app and the Google API to begin with?
That's because of CORS error, watch this video to learn more about it: th-cam.com/video/VEed4m-rjAw/w-d-xo.html Cheers
👉 Enroll now for the full course → www.udemy.com/course/authentication-authorization-security-the-complete-guide/?couponCode=ATYT-90OFF-JAN25 USE 80% OFF COUPON: ATYT-90OFF-JAN25 (VALID UNTIL Jan 31st 2025)
👉 Enroll now for the full course ➡ www.udemy.com/course/vuejs-google-maps-api-for-beginners/?couponCode=VGYT-90OFF-JAN25 Use 80% OFF Code: VGYT-90OFF-JAN25 (Expires on Jan 31st 2025)
👉 Enroll now for the full course ➡ www.udemy.com/course/vuejs-google-maps-api-for-beginners/?couponCode=VGYT-90OFF-JAN25 Use 80% OFF Code: VGYT-90OFF-JAN25 (Expires on Jan 31st 2025)
👉 Enroll now for the full course ➡ www.udemy.com/course/vuejs-google-maps-api-for-beginners/?couponCode=VGYT-90OFF-JAN25 Use 80% OFF Code: VGYT-90OFF-JAN25 (Expires on Jan 31st 2025)
👉 Enroll now for the full course ➡ www.udemy.com/course/vuejs-google-maps-api-for-beginners/?couponCode=VGYT-90OFF-JAN25 Use 80% OFF Code: VGYT-90OFF-JAN25 (Expires on Jan 31st 2025)
great video, finally understood, than you so much!
Glad it helped!
How can i change the info window when i click on the marker please?
You can totally do that. 1. Attach click event to the marker object. 2. Create an instance of info window object 3. Finally set content to the infowindow object. For more check out my other video that covers that. th-cam.com/video/ID-_D0zJlSM/w-d-xo.html&ab_channel=SoftAuthor Cheers
👉 Enroll now for the full course ➡ www.udemy.com/course/javascript-firebase-build-full-stack-web-apps-faster/?couponCode=JFYT-90OFF-JAN25 Use 80% OFF Code: JFYT-90OFF-JAN25 (Expires on Jan 31st 2025)
how to include it in a website?
You can include the Firebase SDK CDN version instead of NPM in an existing website and start using Firebase. Here is the video link that does that. th-cam.com/video/cd1t1AiODYo/w-d-xo.html Cheers.
ridi