- Видео 58
- Просмотров 135 545
TechBinomial
Индия
Добавлен 1 дек 2022
Flutter: Setup Flutter in Visual Studio Code and Running the first app
Learn how to setup flutter and build your first Flutter app.
docs.flutter.dev/get-started/install
docs.flutter.dev/get-started/install
Просмотров: 121
Видео
ionic 7: Input masking with maskito library's Visualize rejected characters
Просмотров 34710 месяцев назад
More Tutorials 12) Ionic 6 Angular - How do I make a APK without Android studio. Part 2 - installation of SDK ruclips.net/video/7fOcPHVPA_E/видео.html 16) ionic 6 Angular : Access Camera & capture photos in Ionic Apps with example ruclips.net/video/ZiusWelErIs/видео.html 17) Take pictures with the phone’s camera using Ionic 6 & capacitor camera plugin ruclips.net/video/uXY6VFthfEA/видео.html 18...
Ionic 7 Capacitor : How to create and download pdf files
Просмотров 3,4 тыс.Год назад
Check How to print pdf in ionic ? How to Share a pdf in Ionic app ? How to download a pdf file ? How to open pdf in Ionic ? How to open a pdf with Ionic Capacitor ? Generating PDF file with Ionic framework Creating and showing pdf in Ionic converting text data into PDF and download ionic 4 How to create and open pdf using pdfmake? More tutorials 1) Ionic 7 : How to use Ionic Biometric Auth (fin...
Ionic 7 : How to use Ionic Biometric Auth (fingerprints) to Protect Your App
Просмотров 1 тыс.Год назад
More tutorials 1) Ionic 7 : How to exit the App using hardware back button ruclips.net/video/0-6VbX4NVEA/видео.html 2)Ionic 7 : How to Pick and Open images , pdf and video files in capacitor project ruclips.net/video/VO828_BkalA/видео.html 3) Ionic 7 Angular : How to navigate to an anchor on another page and a fragment URL ? ruclips.net/video/NtjGT-yZBuA/видео.html 4) How to use Angular Materia...
Ionic Speech recognition and Optical character recognition Free New App - link given in description
Просмотров 133Год назад
Download the app play.google.com/store/apps/details?id=voice.transcriber #speech #speechrecognition #ocr #opticalcharacterrecognition #freeapp #freeapps #ionic7 #Ionic #Angular #ionicframework #Capacitor #angular #freeocr #transcribe #transcription #voicetotext #texttospeech #appdesign #appdevelopment #newapp #newlaunch
Ionic 7 Capacitor : Part 3 - How to Create Your Own Capacitor Plugin for Ionic
Просмотров 1,1 тыс.Год назад
Part 1 : ruclips.net/video/MgjzFJHMNAM/видео.html Part 2 : ruclips.net/video/oyRXrvcZPEw/видео.html More tutorials 1) Ionic 7 : How to exit the App using hardware back button ruclips.net/video/0-6VbX4NVEA/видео.html 2)Ionic 7 : How to Pick and Open images , pdf and video files in capacitor project ruclips.net/video/VO828_BkalA/видео.html 3) Ionic 7 Angular : How to navigate to an anchor on anot...
Ionic 7 Capacitor : Part 2 - How to Create Your Own Capacitor Plugin for Ionic
Просмотров 1,2 тыс.Год назад
Part 1 : ruclips.net/video/MgjzFJHMNAM/видео.html More Tutorials 1) Ionic 7 CRUD: Part 1 Node Express server with MySQL ruclips.net/video/JzZ4JwPwFls/видео.html 2) Ionic 7 CRUD: Part 2 Ionic service for CRUD operations with Node Express server and MySQL ruclips.net/video/2YVgEjUE5no/видео.html 3) Ionic 7 CRUD: Part3 Angular ag-grid Ionic service Node Express server and MySQL ruclips.net/video/Y...
Ionic 7 Capacitor : Part 1 - How to Create Your Own Capacitor Plugin for Ionic
Просмотров 4,3 тыс.Год назад
More Tutorials 1) Ionic 7 CRUD: Part 1 Node Express server with MySQL ruclips.net/video/JzZ4JwPwFls/видео.html 2) Ionic 7 CRUD: Part 2 Ionic service for CRUD operations with Node Express server and MySQL ruclips.net/video/2YVgEjUE5no/видео.html 3) Ionic 7 CRUD: Part3 Angular ag-grid Ionic service Node Express server and MySQL ruclips.net/video/YSmfVTvXcPE/видео.html 4) Ionic 7 : How to add imag...
Ionic 7 Capacitor : part 2 Guide for Push Notifications + Firebase Cloud Messaging
Просмотров 3,9 тыс.Год назад
More Tutorials 1) Ionic 7 CRUD: Part 1 Node Express server with MySQL ruclips.net/video/JzZ4JwPwFls/видео.html 2) Ionic 7 CRUD: Part 2 Ionic service for CRUD operations with Node Express server and MySQL ruclips.net/video/2YVgEjUE5no/видео.html 3) Ionic 7 CRUD: Part3 Angular ag-grid Ionic service Node Express server and MySQL ruclips.net/video/YSmfVTvXcPE/видео.html 4) Ionic 7 : How to add imag...
Ionic 7 Capacitor : part 1 Guide for Push Notifications + Firebase Cloud Messaging
Просмотров 11 тыс.Год назад
More Tutorials 1) Ionic 7 CRUD: Part 1 Node Express server with MySQL ruclips.net/video/JzZ4JwPwFls/видео.html 2) Ionic 7 CRUD: Part 2 Ionic service for CRUD operations with Node Express server and MySQL ruclips.net/video/2YVgEjUE5no/видео.html 3) Ionic 7 CRUD: Part3 Angular ag-grid Ionic service Node Express server and MySQL ruclips.net/video/YSmfVTvXcPE/видео.html 4) Ionic 7 : How to add imag...
ionic7: Swiper.js v9 How to apply breakpoints
Просмотров 1,3 тыс.Год назад
More Tutorials 1) Ionic 7 CRUD: Part 1 Node Express server with MySQL ruclips.net/video/JzZ4JwPwFls/видео.html 2) Ionic 7 CRUD: Part 2 Ionic service for CRUD operations with Node Express server and MySQL ruclips.net/video/2YVgEjUE5no/видео.html 3) Ionic 7 CRUD: Part3 Angular ag-grid Ionic service Node Express server and MySQL ruclips.net/video/YSmfVTvXcPE/видео.html 4) Ionic 7 : How to add imag...
How to use Materialize CSS with Ionic 7 ?
Просмотров 279Год назад
More Tutorials 1) Ionic 7 CRUD: Part 1 Node Express server with MySQL ruclips.net/video/JzZ4JwPwFls/видео.html 2) Ionic 7 CRUD: Part 2 Ionic service for CRUD operations with Node Express server and MySQL ruclips.net/video/2YVgEjUE5no/видео.html 3) Ionic 7 CRUD: Part3 Angular ag-grid Ionic service Node Express server and MySQL ruclips.net/video/YSmfVTvXcPE/видео.html 4) Ionic 7 : How to add imag...
How to use Angular Material in Ionic 7?
Просмотров 1,4 тыс.Год назад
More Tutorials 1) Ionic 7 CRUD: Part 1 Node Express server with MySQL ruclips.net/video/JzZ4JwPwFls/видео.html 2) Ionic 7 CRUD: Part 2 Ionic service for CRUD operations with Node Express server and MySQL ruclips.net/video/2YVgEjUE5no/видео.html 3) Ionic 7 CRUD: Part3 Angular ag-grid Ionic service Node Express server and MySQL ruclips.net/video/YSmfVTvXcPE/видео.html 4) Ionic 7 : How to add imag...
Ionic 7 Angular : How to navigate to an anchor on another page and a fragment URL ?
Просмотров 522Год назад
More Tutorials 1) Ionic 7 CRUD: Part 1 Node Express server with MySQL ruclips.net/video/JzZ4JwPwFls/видео.html 2) Ionic 7 CRUD: Part 2 Ionic service for CRUD operations with Node Express server and MySQL ruclips.net/video/2YVgEjUE5no/видео.html 3) Ionic 7 CRUD: Part3 Angular ag-grid Ionic service Node Express server and MySQL ruclips.net/video/YSmfVTvXcPE/видео.html 4) Ionic 7 : How to add imag...
Ionic 7 : How to Pick and Open images , pdf and video files in capacitor project
Просмотров 3,5 тыс.Год назад
More Tutorials 1) Ionic 7 CRUD: Part 1 Node Express server with MySQL ruclips.net/video/JzZ4JwPwFls/видео.html 2) Ionic 7 CRUD: Part 2 Ionic service for CRUD operations with Node Express server and MySQL ruclips.net/video/2YVgEjUE5no/видео.html 3) Ionic 7 CRUD: Part3 Angular ag-grid Ionic service Node Express server and MySQL ruclips.net/video/YSmfVTvXcPE/видео.html 4) Ionic 7 : How to add imag...
Ionic 7 - How to use Maskito library for Ionic Input masks
Просмотров 1,9 тыс.Год назад
Ionic 7 - How to use Maskito library for Ionic Input masks
Ionic 7 : How to exit the App using hardware back button
Просмотров 2,2 тыс.Год назад
Ionic 7 : How to exit the App using hardware back button
Ionic 7 Angular : How to generate, sign APK and Bundles for publishing to playstore console
Просмотров 4 тыс.Год назад
Ionic 7 Angular : How to generate, sign APK and Bundles for publishing to playstore console
Ionic 7 Angular : Part 4 Login, Authentication and guards
Просмотров 781Год назад
Ionic 7 Angular : Part 4 Login, Authentication and guards
Ionic 7 Angular : Part 3 Login, Authentication and guards
Просмотров 1,1 тыс.Год назад
Ionic 7 Angular : Part 3 Login, Authentication and guards
Ionic 7 Angular : Part 2 Login, Authentication and guards
Просмотров 2,6 тыс.Год назад
Ionic 7 Angular : Part 2 Login, Authentication and guards
Ionic 7 Angular : Part 1 Login, Authentication and guards
Просмотров 1,5 тыс.Год назад
Ionic 7 Angular : Part 1 Login, Authentication and guards
Part 2 How to apply styles to Swiper 9 component in Ionic 7 Angular Application ?
Просмотров 663Год назад
Part 2 How to apply styles to Swiper 9 component in Ionic 7 Angular Application ?
Part 1 How to use Swiper 9 with Ionic 7 Angular Application ?
Просмотров 2,2 тыс.Год назад
Part 1 How to use Swiper 9 with Ionic 7 Angular Application ?
Ionic 7 Angular - Built in and custom standalone pipes
Просмотров 633Год назад
Ionic 7 Angular - Built in and custom standalone pipes
Ionic 7 : Part 2 Angular Reactive form with validations, data submission to express server - MYSQL
Просмотров 1,3 тыс.Год назад
Ionic 7 : Part 2 Angular Reactive form with validations, data submission to express server - MYSQL
Ionic 7 : Part 1 Angular reactive form with validations, data submission to express server - MYSQL
Просмотров 806Год назад
Ionic 7 : Part 1 Angular reactive form with validations, data submission to express server - MYSQL
Ionic 7 : SQLite CRUD in Ionic Capacitor angular app
Просмотров 8 тыс.Год назад
Ionic 7 : SQLite CRUD in Ionic Capacitor angular app
Ionic 7 : How to add image or html tags in Ionic controls Alert, Toast and Loading
Просмотров 1,9 тыс.Год назад
Ionic 7 : How to add image or html tags in Ionic controls Alert, Toast and Loading
Ionic 7 CRUD: Part3 Angular ag-grid + Ionic service + Node Express server and MySQL
Просмотров 705Год назад
Ionic 7 CRUD: Part3 Angular ag-grid Ionic service Node Express server and MySQL
Where the database stored
thank you very much
Got a tutorial for Ionic React?
i dont understand if users dont click register ,he wiil not see notification?
When I try to get the value in console log, show me undefined,. How do I get the value without doing the click event?
you can use ionic page events ionViewWillEnter , ngOnInit or similar events
Even with five minutes, it explained better than many other tutorials
isso ajudou muito, muito Obrigado 🤝
Is there a website tutorial? The video is hard to follow
could understand but only video tutorial available
Obrigado gatinha indiana, me salvou, agora poderei entregar essa desgraça de funcionalidade até amanhã de amanhã :D
👍 thanks
Thank you for the video. I am getting below warnings on running sdkmanager commands but they are just warnings and commands ran successfully: Warning: Errors during XML parse: Warning: Additionally, the fallback loader failed to parse the XML. [=======================================] 100% Computing updates...
I hope video tutorial is helpful. stopped creating more tutorial as not much good views
@@techbinomial the video is really helpful, I was able to set up the emulator from scratch on my system, thanks a ton
hi mam, can you help me with integrating nfc with custom plugin? please. Any reply will be helpful.
which nfc plugin are you using for ionic? Does your nfc plugin working fine ? elaborate your query "integration nfc with custom plugin"
where to get ImportProvidersFrom function from to use in main.ts of ionic angular standalone project. Ionic version 8, angular version 18 on node version 20.17.0 with npm version 10.8.3. This tutorial is waste of time if above is not explained....
You Seriously Create Very Usefull videos , Can we have a Video on Capacitor Plugin Google Maps
will try
Hi, do you have video guide on build access pdf file and link access to website using Ionic 7
No more videos on pdf but not getting what you are looking for ? build access / link access ??
@@techbinomial Yes.I want to learn how to code for create PDF in the apps and access link to website using Ionic V7 Hope you can guide me.TQ
No videos from last few months as not good response from viewers. sorry
is there a place where I could find the full code?
github.com/sarvosmi/ionic_push_notifications
ohhh bhai... jistrha wellcome bola sab bhul giya.
Thank you very match
Thanks.. But how to reply on push notification like whatsapp
very good !
Thanks
Hey there what is the permission need to give in android.xml and infopilest in ios, ?
could not say and test about ios. I have windows only 😥
How do you do this in Vue?
No me funcion sdkmanager --install , pero pude hacer el mismo paso haciendo sdkmanager "build-tools;27.0.3"
Gracias fuiste quien explico realmente como hacer esto de manera efectiva. Saludos desde Argentina.
ni sirve
thankyou for the tutorial
thanks for tutorial... have a great day
Excellent, helped too much. It worked like a charm.
can i get the source code plz
github.com/sarvosmi/capacitor-custom-plugin
@@techbinomial your repository doesn't have any files
@@NareshKumar-bm4oe github.com/sarvosmi/custom-plugin-tester and github.com/sarvosmi/custom-plugin
what if I want to use the standalone pipe into my service? Is there any video you made on this? please refer
import { DatePipe } from '@angular/common'; class MyService { constructor(private datePipe: DatePipe) {} transformDate(date) { return this.datePipe.transform(date, 'yyyy-MM-dd'); } } Add DatePipe to your providers list in your module; if you forget to do this you'll get an error no provider for DatePipe: Similarly try for custom pipes.
How to use Local storage in ionic angular expense tracker app
All cute!! , do it so that it can be seen in a device andriod see what happens
Thanks madam for the help
😊
very good and straight fw
I like ionic angular
Thanks for the tutorial, could you provide your package.json in the Github source as am getting errors not sure why, here is the error "/src/app/services/auth.service.ts:31:25-35 - Error: export 'default' (imported as 'jwt_decode') was not found in 'jwt-decode' (possible exports: InvalidTokenError, jwtDecode) [ng] Error: src/app/pages/login/login.page.ts:14:10 - error TS2564: Property 'loginForm' has no initializer and is not definitely assigned in the constructor. [ng] [ng] 14 public loginForm: FormGroup; [ng] ~~~~~~~~~ [ng] [ng] [ng] Error: src/app/pages/signup/signup.page.ts:13:10 - error TS2564: Property 'registrationForm' has no initializer and is not definitely assigned in the constructor. [ng] [ng] 13 public registrationForm:FormGroup; [ng] ~~~~~~~~~~~~~~~~ [ng] [ng] [ng] Error: src/app/services/auth.service.ts:5:8 - error TS1192: Module '"G:/xampp/htdocs/tests/javascript/Ionic/authdemo/node_modules/jwt-decode/build/cjs/index"' has no default export. [ng] [ng] 5 import jwt_decode from "jwt-decode"; [ng] ~~~~~~~~~~ [ng] [ng] [ng] Error: src/app/services/auth.service.ts:41:31 - error TS7015: Element implicitly has an 'any' type because index expression is not of type 'number'. [ng] [ng] 41 var expiry=decodedToken["exp"]; [ng] ~~~~~ [ng] [ng] [ng] Error: src/app/services/auth.service.ts:46:22 - error TS7006: Parameter 'formData' implicitly has an 'any' type. [ng] [ng] 46 async registerUser(formData) [ng] ~~~~~~~~ [ng] [ng] [ng] Error: src/app/services/auth.service.ts:66:15 - error TS7006: Parameter 'formData' implicitly has an 'any' type. [ng] [ng] 66 async login(formData) [ng] ~~~~~~~~ [ng] [ng] [ng] Error: src/app/services/storage.service.ts:17:13 - error TS7006: Parameter 'key' implicitly has an 'any' type. [ng] [ng] 17 async set(key,value) { [ng] ~~~ [ng] [ng] [ng] Error: src/app/services/storage.service.ts:17:17 - error TS7006: Parameter 'value' implicitly has an 'any' type. [ng] [ng] 17 async set(key,value) { [ng] ~~~~~ [ng] [ng] [ng] Error: src/app/services/storage.service.ts:22:13 - error TS7006: Parameter 'key' implicitly has an 'any' type. [ng] [ng] 22 async get(key) { [ng] ~~~ [ng] [ng] [ng] Error: src/app/services/storage.service.ts:28:16 - error TS7006: Parameter 'key' implicitly has an 'any' type. [ng] [ng] 28 async remove(key) "
Oh bud, you saved my day.
But in my case when resize the screen size the slidesPerView not works, why? swiperParams = { slidesPerView: 2, spaceBetween: 5, breakpoints: { 480: { slidesPerView: 3, spaceBetween: 10 }, 640: { slidesPerView: 4, spaceBetween: 10 }, 947: { slidesPerView: 5, spaceBetween: 10 }, 1024: { slidesPerView: 6, spaceBetween: 5, }, }, on: { init() { // ... }, }, }; ngAfterViewInit(): void { const swiperEl = document.querySelector('swiper-container'); if(swiperEl){ Object.assign(swiperEl, this.swiperParams); } swiperEl.initialize(); } ---> HTML template <swiper-container class="w-full mt-4" centered-sliders="true" navigation="true" id="swiper" #swiper > <swiper-slide lazy="true"> <img [src]="'../../../assets/images/image-1.png'" alt="slider-1" loading="lazy" class="w-full rounded-tr-3xl"> <div> <span class="text-blue-950 text-sm font-semibold">Mesbah Uddin</span> <span class="text-blue-950 text-xs block">General Secretary</span> </div> </swiper-slide> <swiper-slide lazy="true"> <img [src]="'../../../assets/images/image-2.jpg'" alt="slider-2" loading="lazy" class="w-full rounded-tr-3xl"> </swiper-slide> ................. ............... </swiper-container>
Hi. I need to open external blob url in browser from capacitor mobile application. Any idea how can we do this. Tried couple of plugins but no suppyfor blob url. Need help
Please share actual external blob url to test
Hello, I'm facing some issues, whenever we add storage in constructor the following page is not reloading its blank, what should I do??
Please refer the documentation at github.com/ionic-team/ionic-storage#readme Without looking at code it will be difficult to find out solution.
Very useful videos 👍🏻 . I have gone through all your ionic capacitor videos. Really quality content and the way u make sure nothing is missed out . I just need a help. Am struggling to get all apps usage stats. I dont know how to implement it. I have literally no idea. But please help me make a plugin that returns the screentime of users for all the apps installed. Thank you
Hi, Thanks for comment. Regarding your query you may follow bellow steps 1) To get device info on which app is installed you can use '@capacitor/device plugin 2) Developed an API to send information from app to server which will store datetime, device id/number or user id accessing the app, screen access time etc. 3) In Appcomponet or first view of your app you can use ngOnInit ti capture the start time. and on ionViewWillLeave/ionViewDidLeave or ngOnDestroy ( which ever working perfectly) you can capture close time. Call the api and send the details to server I hope these steps will help you. Thanks
Amazing, thanks for the helpful video!
thanks.
Can you do a tutorial for iOS? please
sorry ! Can't go with Microsoft windows for IOS demos. Not getting any financial support for this work. It is freelancing on free of charge basis.
@@techbinomial No problem! Thanks for all <3
Thanks a lot , it really helps.
[initialSlide] = "startVal" used to work before, but now it's not working startVal being a variable of type number Can you offer any guidance on this?
Check if {{startVal}} will work
Hi, I am facing an issue with the ionic cap run android command. [error] Unable to launch Android Studio. Is it installed? Attempted to open Android Studio at: You can configure this with the CAPACITOR_ANDROID_STUDIO_PATH environment variable.
You can run ionic app without android studio. For Ionic cap run android you must need installation and steps find my video on the same
url ruclips.net/video/7fOcPHVPA_E/видео.html
I just wanted to take a moment to express my appreciation for all the effort you have put into creating and maintaining your coding RUclips channel. Your explanations are always clear and easy to follow, and I have learned so much from watching your videos. I particularly enjoyed your ionic app development videos and found them extremely helpful in my own projects. I am eagerly looking forward to seeing your upcoming videos on flutter app development. I have no doubt that they will be just as informative and well-done as your previous content. Keep up the great work, and thank you again for all that you do to educate and inspire your viewers
Thanks
best tutorial ever ! I have built 12 projects .aab build using your tutorials. Thats really helpful ! thanks alot !!
Thanks a lot
Thanks for help me out to solve this problem!
hi, i am using ionic7, when i test the app in browser it working fine. but when i test the apk in mobile, it show blank new app with tabs. i have tried the commands ionic build npx cap copy but does not show my app contents. i have also build with android studio but nothin happen
how are you testing on mobile ? directly connecting mobile with developer mode on? you can delete android folder and run cap sync android
@@techbinomial thanks a lot its working now. i have deleted android folder and reinstalled android platform, it started working
ERROR Error: Uncaught (in promise): Invalid element provided as first argument I got this error
The video is 1 year old so there might be changes on plugin side. Please check plugin details at . github.com/ludufre/capacitor-screenshot#readme
@@techbinomial Actually, its working fine in apk, while test on localhost it doesn't works