- Видео 55
- Просмотров 500 496
SoftAuthor
Канада
Добавлен 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
Просмотров: 59
Видео
Firebase Get Logged In User Data By UID From Firestore Database
Просмотров 1,1 тыс.4 месяца назад
👉 Enroll now for the full course → www.udemy.com/course/authentication-authorization-security-the-complete-guide/?couponCode=ATYT-90OFF-SEP24 USE 80% OFF COUPON: ATYT-90OFF-SEP24 (VALID UNTIL SEPT 30th, 2024) 🆓 [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 Fi...
How To Add Logged In User Data in Firebase (Authentication/Cloud Firestore) 2024
Просмотров 8616 месяцев назад
👉 Enroll now for the full course → www.udemy.com/course/authentication-authorization-security-the-complete-guide/?couponCode=ATYT-90OFF-SEP24 USE 80% OFF COUPON: ATYT-90OFF-SEP24 (VALID UNTIL SEPT 30th, 2024) 🆓 [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...
Google Maps/Marker Via Dynamic Library Import [2024] - The latest version
Просмотров 2,4 тыс.7 месяцев назад
👉 Enroll now for the full course ➡️ www.udemy.com/course/vuejs-google-maps-api-for-beginners/?couponCode=VGYT-90OFF-SEP24 Use 80% OFF Code: VGYT-90OFF-SEP24 (Expires on Sept 30th, 2024) ▶️ Obtain Google Maps API Key free without billing ruclips.net/video/ASiEw-eakWM/видео.html ▶️ Google Maps Using Maps JavaScript Library [5 mins] ruclips.net/video/LoWlCFDdvWY/видео.html ▶️ Google Maps via NPM p...
Show Google Map in Vue JS 3 Project Using Vue3-Google-Map NPM Package [5 mins]
Просмотров 1,4 тыс.8 месяцев назад
👉 Enroll now for the full course ➡️ www.udemy.com/course/vuejs-google-maps-api-for-beginners/?couponCode=VGYT-90OFF-SEP24 Use 80% OFF Code: VGYT-90OFF-SEP24 (Expires on Sept 30th, 2024) ▶️ Create Vue JS 3 Project Using Vite in 10 mins [2024] ruclips.net/video/Qo2fPuomVHM/видео.html ▶️ Obtain Google Maps API Key free without billing ruclips.net/video/ASiEw-eakWM/видео.html ▶️ Display Google Maps...
How To Get Data By ID On Click - Firebase Firestore Database Tutorial
Просмотров 8838 месяцев назад
👉 Enroll now for the full course ➡️ www.udemy.com/course/javascript-firebase-build-full-stack-web-apps-faster/?couponCode=JFYT-90OFF-SEP24 Use 80% OFF Code: JFYT-90OFF-SEP24 (Expires on Sept 30th, 2024) ruclips.net/video/cd1t1AiODYo/видео.html ruclips.net/video/9-QAGqt3q-0/видео.html ruclips.net/video/Ioo6ytSQ6D8/видео.html ruclips.net/video/sw3b8bVY2UQ/видео.html ruclips.net/video/U0fJMmaKaMU/...
Display Google Maps in a Vue.js 3 Project Using Maps JavaScript Library [5 mins]
Просмотров 2,7 тыс.8 месяцев назад
👉 Enroll now for the full course ➡️ www.udemy.com/course/vuejs-google-maps-api-for-beginners/?couponCode=VGYT-90OFF-SEP24 Use 80% OFF Code: VGYT-90OFF-SEP24 (Expires on Sept 30th, 2024) ▶️ Create Vue JS 3 Project Using Vite in 10 mins [2024] ruclips.net/video/Qo2fPuomVHM/видео.html ▶️ Obtain Google Maps API Key free without billing ruclips.net/video/ASiEw-eakWM/видео.html ▶️ Show Google Map in ...
Firebase User Authentication JavaScript Tutorial [2024]
Просмотров 1,2 тыс.9 месяцев назад
👉 Enroll now for the full course → www.udemy.com/course/authentication-authorization-security-the-complete-guide/?couponCode=ATYT-90OFF-SEP24 USE 80% OFF COUPON: ATYT-90OFF-SEP24 (VALID UNTIL SEPT 30th, 2024) 👉 [DOWNLOAD SOURCE CODE] - Firebase Authentication JavaScript Web App subscribepage.io/firebase-authentication-javascript-source-code-form? ruclips.net/video/cd1t1AiODYo/видео.html ruclips...
Vue JS + Google Maps API Course Promo
Просмотров 929 месяцев назад
👉 Enroll now for the full course ➡️ www.udemy.com/course/vuejs-google-maps-api-for-beginners/?couponCode=VGYT-90OFF-SEP24 Use 80% OFF Code: VGYT-90OFF-SEP24 (Expires on Sept 30th, 2024)
Build A Complete Authentication Web App [Authorization] 2024
Просмотров 3299 месяцев назад
👉 Enroll now for the full course → www.udemy.com/course/authentication-authorization-security-the-complete-guide/?couponCode=ATYT-90OFF-SEP24 USE 80% OFF COUPON: ATYT-90OFF-SEP24 (VALID UNTIL SEPT 30th, 2024) 🆓 [JOIN FREE COURSE] Master the 4 Key Components of Building Secure Authentication 2024 subscribepage.io/firebase-authentication-javascript-free-course-form? ruclips.net/video/Mz7ZBTUbSzw/...
Create Vue JS 3 Project Using Vite in 10 mins [2024]
Просмотров 2,6 тыс.9 месяцев назад
👉 Enroll now for the full course ➡️ www.udemy.com/course/vuejs-google-maps-api-for-beginners/?couponCode=VGYT-90OFF-SEP24 Use 80% OFF Code: VGYT-90OFF-SEP24 (Expires on Sept 30th, 2024) ▶️ Show Google Map in Vue JS 3 Project Using Vue3-Google-Map NPM Package [5 mins] ruclips.net/video/J8cU0ykgOA8/видео.html #vuejs #googlemaps
Firebase Firestore Database Tutorial For Beginners [2024]
Просмотров 3,4 тыс.Год назад
👉 Enroll now for the full course ➡️ www.udemy.com/course/javascript-firebase-build-full-stack-web-apps-faster/?couponCode=JFYT-90OFF-SEP24 Use 80% OFF Code: JFYT-90OFF-SEP24 (Expires on Sept 30th, 2024) 👉 Download PDF Guide (Firebase CRUD Queries) subscribepage.io/firebase-javascript-free-pdf-form ruclips.net/video/cd1t1AiODYo/видео.html ruclips.net/video/9-QAGqt3q-0/видео.html ruclips.net/vide...
How To Create/Add An Image In Javascript
Просмотров 4,9 тыс.Год назад
👉 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
Просмотров 3,9 тыс.Год назад
Fix Uncaught Reference Error Google Is Not Defined Error - Google Maps API & JavaScript
JavaScript ES6 + Firebase 10 (latest version) Premium Course Promo
Просмотров 693Год назад
JavaScript ES6 Firebase 10 (latest version) Premium Course Promo
Firebase Get Data By ID From Firestore Database
Просмотров 24 тыс.Год назад
Firebase Get Data By ID From Firestore Database
Setting Up Firebase via NPM (Node Client) in 10 mins - Firebase JavaScript Tutorial
Просмотров 3,3 тыс.Год назад
Setting Up Firebase via NPM (Node Client) in 10 mins - Firebase JavaScript Tutorial
How To Use Firebase 10 - Tutorial For Beginners [2024]
Просмотров 4,3 тыс.Год назад
How To Use Firebase 10 - Tutorial For Beginners [2024]
Design A Cool Responsive Registration Form Using HTML & CSS Flexbox
Просмотров 3,8 тыс.2 года назад
Design A Cool Responsive Registration Form Using HTML & CSS Flexbox
Node JS Express Beginner Tutorial - Getting Started 🔥
Просмотров 8812 года назад
Node JS Express Beginner Tutorial - Getting Started 🔥
Google Directions API Javascript Explained 🔥
Просмотров 5 тыс.2 года назад
Google Directions API Javascript Explained 🔥
Google Maps Distance Matrix API JavaScript Explained!
Просмотров 14 тыс.2 года назад
Google Maps Distance Matrix API JavaScript Explained!
Fix CORS Error Permanently Regardless of Your Web App
Просмотров 13 тыс.2 года назад
Fix CORS Error Permanently Regardless of Your Web App
Add Place Autocomplete To An Input Field in Vuejs
Просмотров 8 тыс.3 года назад
Add Place Autocomplete To An Input Field in Vuejs
Vuejs & Google Maps API 1 HOUR Course
Просмотров 16 тыс.3 года назад
Vuejs & Google Maps API 1 HOUR Course
Vue JS 2 $EventBus - Send Data Between Components
Просмотров 4,6 тыс.3 года назад
Vue JS 2 $EventBus - Send Data Between Components
Vuejs Prevent Default Form Submission
Просмотров 3,2 тыс.3 года назад
Vuejs Prevent Default Form Submission
Form Validation in Vue JS2 Options API (Client-side) - Part 2
Просмотров 1,2 тыс.3 года назад
Form Validation in Vue JS2 Options API (Client-side) - Part 2
Design Cool SignUp Form Using Vue JS 2 & SemanticUI - Part 01
Просмотров 1,8 тыс.4 года назад
Design Cool SignUp Form Using Vue JS 2 & SemanticUI - Part 01
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: ruclips.net/video/31MVIwvstzs/видео.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. ruclips.net/video/cd1t1AiODYo/видео.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-80OFF-JUN24 USE 80% OFF COUPON: ATYT-80OFF-JUN24 (VALID UNTIL JUNE 30th, 2024)
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=JFYF-80OFF-JUN24 Use 80% OFF Code: JFYF-80OFF-JUN24 (Expires on June 30th, 2024)
👉 Enroll now for the full course → www.udemy.com/course/authentication-authorization-security-the-complete-guide/?couponCode=ATYT-80OFF-JUN24 USE 80% OFF COUPON: ATYT-80OFF-JUN24 (VALID UNTIL JUNE 30th, 2024)
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: ruclips.net/video/ASiEw-eakWM/видео.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: ruclips.net/video/31MVIwvstzs/видео.html If you want to dive deeper into this: check out my premium course: ruclips.net/video/eqC17cNlOXk/видео.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-80OFF-JUN24 Use 80% OFF Code: VGYT-80OFF-JUN24 (Expires on June 30th, 2024)
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: ruclips.net/video/VEed4m-rjAw/видео.html Cheers
👉 Enroll now for the full course → www.udemy.com/course/authentication-authorization-security-the-complete-guide/?couponCode=ATYT-80OFF-JUN24 USE 80% OFF COUPON: ATYT-80OFF-JUN24 (VALID UNTIL JUNE 30th, 2024)
👉 Enroll now for the full course ➡ www.udemy.com/course/vuejs-google-maps-api-for-beginners/?couponCode=VGYT-80OFF-JUN24 Use 80% OFF Code: VGYT-80OFF-JUN24 (Expires on June 30th, 2024)
👉 Enroll now for the full course ➡ www.udemy.com/course/vuejs-google-maps-api-for-beginners/?couponCode=VGYT-80OFF-JUN24 Use 80% OFF Code: VGYT-80OFF-JUN24 (Expires on June 30th, 2024)
👉 Enroll now for the full course ➡ www.udemy.com/course/vuejs-google-maps-api-for-beginners/?couponCode=VGYT-80OFF-JUN24 Use 80% OFF Code: VGYT-80OFF-JUN24 (Expires on June 30th, 2024)
👉 Enroll now for the full course ➡ www.udemy.com/course/vuejs-google-maps-api-for-beginners/?couponCode=VGYT-80OFF-JUN24 Use 80% OFF Code: VGYT-80OFF-JUN24 (Expires on June 30th, 2024)
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. ruclips.net/video/ID-_D0zJlSM/видео.html&ab_channel=SoftAuthor Cheers
👉 Enroll now for the full course ➡ www.udemy.com/course/javascript-firebase-build-full-stack-web-apps-faster/?couponCode=JFYF-80OFF-JUN24 Use 80% OFF Code: JFYF-80OFF-JUN24 (Expires on June 30th, 2024)
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. ruclips.net/video/cd1t1AiODYo/видео.html Cheers.
ridi
👉 Enroll now for the full course → www.udemy.com/course/authentication-authorization-security-the-complete-guide/?couponCode=ATYT-80OFF-JUN24 USE 80% OFF COUPON: ATYT-80OFF-JUN24 (VALID UNTIL JUNE 30th, 2024)
👉 Enroll now for the full course ➡ www.udemy.com/course/vuejs-google-maps-api-for-beginners/?couponCode=VGYT-80OFF-JUN24 Use 80% OFF Code: VGYT-80OFF-JUN24 (Expires on June 30th, 2024)
thanks you best big developer friend
You're welcome!
thanks that was really helpfull
Glad to hear!