INTRODUCING
#THEFUTUREISWRITTENINCODE

More Slides Using Ionic Framework with VueJS, SwiperJS and Tiny-Emitter Creating A Custom Event-Bus #ionic #vuejs #tutorial We are combining two questions I saw this week, that I thought would make for a great video 1) How to emit events, create an event-bus in vue3 2) How to have parent component sent events to child component in vuejs. Taking the Slides Demo from the earlier video [https://youtu.be/-Qm-tG4Kt9s] and create a way for the Slides Component to listen for an event to tell it to change what slide it is on... This decouples the slide component from being tightly integrated with its parent in many ways. 💥 BONUS SAMPLE CODE 💥 The library I used in tiny-emitter, the link is below, See a simple eventbus built using composition API here - https://codesandbox.io/s/quirky-minsky-hw0c2?file=/src/views/Tab1.vue 💥 CHAPTERS 💥 00:00 Intro 01:23 - Adding Tiny-Emitter to Application 02:41 - Make all slide options get set by Parent Component 03:59 - Put Buttons in Parent Component, when I click, send an event to slide component to change slides 05:43 - List for Events to Change Slides in the Slide Component 06:58 - Emit Events When Buttons Clicked from Parent Component for the Slides Component to Listen To 08:42 - Respond To Events and Call SwiperJS API to Change Slides 09:28 - Enable and disable Parent Button By Listening for Events from Slide Component 10:54 - Add Event Handler Properties to MySlides Component 13:26 - Using Vue DevTools to See Events 💥 VUE JS PLAYLIST 💥 - https://www.youtube.com/playlist?list=PL2PY2-9rsgl2uKW0DB5FJ-YRCAG-JuSWN 💥 LINKS 💥 - tiny-emitter: https://github.com/scottcorgan/tiny-emitter - swiper: https://swiperjs.com/ 💥 NEWSLETTER 💥 - https://buff.ly/35bAMIf 💥 BLOG 💥 - https://dev.to/aaronksaunders #ionic #vuejs #tutorial #javascript #ionicframework #vue #compositionapi #capacitor #vuejs #firebase #vue3 #vuejs3 #tinyemitter

Video From the Latest In3Talks - Friday, October 23rd 00:00 - Getting Facebook Live Setup 03:20 - The Real Talking Starts Here 05:00 - Why we shutdown, a lease terminated, funding from DMPED Ended 07:08 - Using Technology For Online Programming was seamless TOPICS COVER - Big Announcement, Closing Physical Location, Moving Programming Online - Let us know about the In3DC transition. - How your tech background has allowed you to transition online? - How are In3DC programs going to be customized for the online platform? - How do you plan on managing this new normal? Tell us how you are? - Give us a brief about your professional journey- how did you get to In3DC? - With your other company Clearly Innovative, how did you get your first client? - Why did you extend to In3DC? PRESS - Here’s how In3DC CEO Aaron Saunders plans to run the incubator online: https://technical.ly/dc/2020/10/26/in3dc-online-coronavirus/

Creating Slides with ReactJS and Ionic Framework - Accessing The Full SwiperJS API #ionic #reactjs #tutorial Quick video showing how to use useRef to access the SwiperJS object to have full access to the available APIS. 💥 LINKS 💥 SwiperJS Documentation: https://swiperjs.com/ IonSlides : https://ionicframework.com/docs/api/slides CodeSandbox.io: https://codesandbox.io/s/ionic-react-slides-jq57g?file=/src/SlideContainer.tsx 💥 REACT JS PLAYLIST 💥 - https://www.youtube.com/playlist?list... 💥 NEWSLETTER 💥 - https://buff.ly/35bAMIf 💥 BLOG 💥 - https://dev.to/aaronksaunders #ionic #reactjs #tutorial #javascript #ionicframework #reacthooks #capacitor #react #ionslide #swiperjs

Creating Slides with VueJS and Ionic Framework - Accessing the Full SwiperJS API #ionic #vuejs #tutorial 💥 CHAPTERS 💥 00:00 Intro 00:17 start clean up of template app 00:45 base code from Ionic documentation 01:52 styling the sliders 02:30 testing swipejs options 03:00 add some buttons to move through slides 04:00 creating a ref to access slides 06:00 creating function for navigating slides based on button click, debugging the issue 08:00 looking at swiperjs documentation for slideNext and slidePrev 09:45 listening for slide events 11:00 start of code to disable next and prev buttons when appropriate 14:00 disable prev 15:00 disable next button 15:48 wrap up 💥 See Part Two of the Video - https://www.youtube.com/watch?v=mCkrZYIbH10 💥 💥 VUE JS PLAYLIST 💥 - https://www.youtube.com/playlist?list=PL2PY2-9rsgl2uKW0DB5FJ-YRCAG-JuSWN 💥 NEWSLETTER 💥 - https://buff.ly/35bAMIf 💥 BLOG 💥 - https://dev.to/aaronksaunders #ionic #vuejs #tutorial #javascript #ionicframework #vue #compositionapi #capacitor #vuejs #firebase #vue3 #vuejs3

In this video we move the data management, state actions out into a composable function in place of using vuex to manage state. We also include the Ionic Framework IonAlert component to show how it can be integrated into an application. #ionic #vuejs #firebase PART 1⃣ : https://youtu.be/lHye7_XmsVQ PART 2⃣ : https://youtu.be/ZwUrjdHs1ZI PART 3⃣ : https://youtu.be/_6ZNZHCHpec PART 4⃣ : https://youtu.be/kk2UTk7Im8Q 💥 CHAPTERS 💥 00:00 Intro 00:26 Getting Started With Code and DataStore 03:07 Adding DataStore to Home.vue 04:40 Testing that Nothing Broke 05:19 Integrating IonAlert into the Application 07:36 Using reactive property to manage the local state of the IonAlert 10:25 testing and wrap-up 💥 VUE JS PLAYLIST 💥 - https://www.youtube.com/playlist?list... 💥 NEWSLETTER 💥 - https://buff.ly/35bAMIf 💥 BLOG 💥 - https://dev.to/aaronksaunders #ionic #vuejs #tutorial #javascript #ionicframework #vue #compositionapi #capacitor #vuejs #firebase #vue3 #vuejs3

In this video we handle remainder1⃣ of CRUD actions ( Update ) for the data, create a list to view the content and update the event emitted to account for all scenarios. #ionic #vuejs #firebase PART 1⃣ : https://youtu.be/lHye7_XmsVQ PART 2⃣ : https://youtu.be/ZwUrjdHs1ZI PART 3⃣ : https://youtu.be/_6ZNZHCHpec 💥 CHAPTERS 💥 0:00 Intro 💥 VUE JS PLAYLIST 💥 - https://www.youtube.com/playlist?list=PL2PY2-9rsgl2uKW0DB5FJ-YRCAG-JuSWN 💥 NEWSLETTER 💥 - https://buff.ly/35bAMIf 💥 BLOG 💥 - https://dev.to/aaronksaunders #ionic #vuejs #tutorial #javascript #ionicframework #vue #compositionapi #capacitor #vuejs #firebase #vue3 #vuejs3

In this video we handle some of the CRUD actions ( Create, Delete ) for the data, create a list to view the content and update the event emitted to account for all scenarios. #ionic #vuejs #firebase PART ONE: https://youtu.be/lHye7_XmsVQ PART TWO: https://youtu.be/ZwUrjdHs1ZI 💥 CHAPTERS 💥 0:00 Intro 0:26 Home Component, hand event response 0:57 Using a Map to save the data instead of an array 2:48 Render Map Values in template 4:03 Computed property introduced for rendering map values 5:54 Using v-for to render list 7:38 Delete items from list 10:01 Clean up UI with More Ionic Components 💥 VUE JS PLAYLIST 💥 - https://www.youtube.com/playlist?list=PL2PY2-9rsgl2uKW0DB5FJ-YRCAG-JuSWN 💥 NEWSLETTER 💥 - https://buff.ly/35bAMIf 💥 BLOG 💥 - https://dev.to/aaronksaunders #ionic #vuejs #tutorial #javascript #ionicframework #vue #compositionapi #capacitor #vuejs #firebase #vue3 #vuejs3

Washington DC Ionic Framework Meetup 10/5/2020 Ionic Framework / Vue 3 / Capacitor #vuejs #ionic #meetup WHATS COVERED IN VIDEO - Basic Vue integration - Tabs - Tab - Detail Page - Loading Indicator - List View - State Management w/composition API - Capacitor 0:00 intro 1:42 starts 6:30 What I am showing today 13:00 Here is where the code starts VUE IONIC PLAYLISTS Basic CRUD APP: https://www.youtube.com/playlist?list=PL2PY2-9rsgl2uKW0DB5FJ-YRCAG-JuSWN FIREBASE & VUE: https://www.youtube.com/playlist?list=PL2PY2-9rsgl3SUXCVaC3oll5kDKdstbDU RELATED LINKS https://ionicframework.com/blog/vue-3-for-ionic-developers/ https://v3.vuejs.org/guide/introduction.html http://www.clearlyinnovative.com http://www.fiwic.com https://dev.to/aaronksaunders Podcast: #In3Talks Series YouTube: www.youtube.com/c/AaronSaundersCI Twitter: @aaronksaunders

In this video we we capture data using ionic input elements and save the state in the modal and pass it back tho the parent as part of the payload on the event we are emitting. #ionic #vuejs #firebase PART ONE: https://youtu.be/lHye7_XmsVQ PART TWO 💥 CHAPTERS 💥 0:00 Intro 0:27 Add Ionic Component to create form in modal 1:58 Create ref to manage state of form fields 3:50 Test form is capturing data 4:56 Adding for data to modal-close event 6:46 Passing null when user cancelled 7:30 Clearing form when submitting data 8:30 Remove alert and display form response on page 10:00 Whats Next 💥 VUE JS PLAYLIST 💥 - https://www.youtube.com/playlist?list=PL2PY2-9rsgl2uKW0DB5FJ-YRCAG-JuSWN 💥 NEWSLETTER 💥 - https://buff.ly/35bAMIf 💥 BLOG 💥 - https://dev.to/aaronksaunders #ionic #vuejs #tutorial #javascript #ionicframework #vue #compositionapi #capacitor #vuejs #firebase #vue3 #vuejs3