Building the Twitter UI with Ionic Components | Built with Ionic

  Рет қаралды 11,841

Simon Grimm

Simon Grimm

Күн бұрын

Пікірлер: 81
@mohammedabdulhady8926
@mohammedabdulhady8926 3 жыл бұрын
This series is gonna be legendary..
@Mewain
@Mewain 3 жыл бұрын
The sticky ion-segment on top looks really good !
@highmountdigital
@highmountdigital 3 жыл бұрын
The value level in this tutorial is unbelievable! Well done Simon👊😊
@galaxies_dev
@galaxies_dev 3 жыл бұрын
Thanks a ton!
@abhinavsrinivas2643
@abhinavsrinivas2643 3 жыл бұрын
Hey Simon! Would be cool if you could do UBER's UI.
@DineshKumar-mc6od
@DineshKumar-mc6od 3 жыл бұрын
Hi Simon, all the tutorial videos are very interesting and good to understand, please try with ionic with react tutorial
@HackHeyner
@HackHeyner 3 жыл бұрын
Duolingo would be an awesome UI as well. Clean, simple and graceful
@TheSaceone
@TheSaceone 3 жыл бұрын
This series is a fantastic idea! Thank you Simon!
@galaxies_dev
@galaxies_dev 3 жыл бұрын
Glad you enjoyed it :)
@LuckystrikeGFXer
@LuckystrikeGFXer 3 жыл бұрын
I really like this new series. I always wanted to know what its possible with customizing the standard components of ionic!
@HackHeyner
@HackHeyner 3 жыл бұрын
Discord UI will be awesome. Two sidemenus, buttons everywere!! YAY!!!
@shafi2344
@shafi2344 3 жыл бұрын
Nice. Keep it up. Waiting for future tutorials like this
@galaxies_dev
@galaxies_dev 3 жыл бұрын
More to come!
@geckse
@geckse 3 жыл бұрын
Cool Series, I usually love the part of recreating UIs / working with mockups during app-development the most. :) Only one thing: I think the Fleet-Slide / ion-slide implementation would work far more better with slideOptions.slidesPerView: 'auto' and a fixed width per slide. So the amount of visible bubbles does not depend on the device-width and does not leave that gaps, which would otherwise become even larger on bigger screens. 👍
@galaxies_dev
@galaxies_dev 3 жыл бұрын
Thanks for the tips!
@gabriela4815
@gabriela4815 3 жыл бұрын
Awesome tutorial Simon! As a next UI tutorial I would suggest "airbnb" with some of their animations
@galaxies_dev
@galaxies_dev 3 жыл бұрын
Yeah looks like people really want to see AirBnB!
@ionwizard606
@ionwizard606 3 жыл бұрын
Happy to see this kind of works in ionic. This series will be your most viewed series all time if continued. Good luck simon. Great Job
@galaxies_dev
@galaxies_dev 3 жыл бұрын
Haha that would be awesome! Took quite some time to figure out those things x)
@vampirejs758
@vampirejs758 3 жыл бұрын
Yay!! Thanks a lot sir ..... I was waiting for this since so long!! Again, thanks a lot!
@galaxies_dev
@galaxies_dev 3 жыл бұрын
Most welcome!
@Ali-ys7ej
@Ali-ys7ej 3 жыл бұрын
new home , new cool video , thank you Sir ! ^^
@waleedgaming8064
@waleedgaming8064 3 жыл бұрын
You are awesome simon!
@galaxies_dev
@galaxies_dev 3 жыл бұрын
Thank you Waleed!!
@driesmangelschots6722
@driesmangelschots6722 2 жыл бұрын
Wow that's really cool! Can you make a step by step to integrate the twitter api so you can search tweets in it?
@haniqudsi
@haniqudsi 3 жыл бұрын
Wow, so nice,, keep going in this series, its so nice and very important. Thanks Simon.
@galaxies_dev
@galaxies_dev 3 жыл бұрын
Glad you like it!
@qwertyytrewq9341
@qwertyytrewq9341 3 жыл бұрын
I suggest just follow the react native series and using that series idea
@jullus1386
@jullus1386 3 жыл бұрын
Awesome content with a lot of value in it. Many thanks!
@galaxies_dev
@galaxies_dev 3 жыл бұрын
Glad it helped!
@codingroom2876
@codingroom2876 3 жыл бұрын
Please do swiggy UI
@toxaq
@toxaq 3 жыл бұрын
Nice. Thanks!
@hussein-akar
@hussein-akar 3 жыл бұрын
You really posting the best ionic tutorials ... AWESOME keep the great work !!!! N.B: to hide the header since ion-toolbar { --border-style: none;} works for iOS only
@galaxies_dev
@galaxies_dev 3 жыл бұрын
Thanks for the addition Hussein!
@CodingByAmp
@CodingByAmp 3 жыл бұрын
Best more than ionic official
@NunoCostapt
@NunoCostapt 3 жыл бұрын
Great work Simon! not removes the border for you? 👍
@galaxies_dev
@galaxies_dev 3 жыл бұрын
Hmm should work..
@paragbhide5032
@paragbhide5032 3 жыл бұрын
Please make one video on applying AsMob in ionic
@Edwinil
@Edwinil 3 жыл бұрын
Hi Simmon can we use hide directive in StencilJS?
@galaxies_dev
@galaxies_dev 3 жыл бұрын
Hmm I don't know that much about Stencil TBH!
@vampirejs758
@vampirejs758 3 жыл бұрын
Was this app lagging on your phone (as a capacitor app)?
@galaxies_dev
@galaxies_dev 3 жыл бұрын
No don't think so!
@krishnakabra1662
@krishnakabra1662 3 жыл бұрын
This is amazing 😁😁. Thank you so much for awesome content as always.
@galaxies_dev
@galaxies_dev 3 жыл бұрын
Glad you enjoy it!
@shawinmendis4415
@shawinmendis4415 3 жыл бұрын
This is going to be an awesome series 👍 as always awesome content 👏 Would love to see Spotify, Uber and AirBnb Cheers
@galaxies_dev
@galaxies_dev 3 жыл бұрын
Noted!
@dzurrahman
@dzurrahman 3 жыл бұрын
Hi simon, why not using hmr ? 😀
@galaxies_dev
@galaxies_dev 3 жыл бұрын
Still forget to use it every now and then x)
@Akeshma
@Akeshma 3 жыл бұрын
waiting the same for Instagram and whatsapp UI/UX ✨🔥
@josecobogarcia6376
@josecobogarcia6376 3 жыл бұрын
Great video I’m just starting with ionic and your videos are being so helpfully to me, one quick question which plugins do you use for visual studio code autocomplete ionic classes and components?
@galaxies_dev
@galaxies_dev 3 жыл бұрын
The only Ionic plugin I got is this: github.com/fivethree-team/vscode-ionic-snippets
@josecobogarcia6376
@josecobogarcia6376 3 жыл бұрын
@@galaxies_dev ok this is the one I was looking for to help me write ionic attributes and classes thanks Simon
@vampirejs758
@vampirejs758 3 жыл бұрын
Please host this on the web so that we can have a nice live preview
@galaxies_dev
@galaxies_dev 3 жыл бұрын
Good idea indeed. Bought a domain, but might still take a bit of time ;)
@raghulkarthik3460
@raghulkarthik3460 3 жыл бұрын
Hello Simon, i want to know how to implement Micro Front End Application using Ionic... Please do a tutorial about this topic... I'm very interested in this topic simon... What's your opinion about this simon?
@galaxies_dev
@galaxies_dev 3 жыл бұрын
I haven't read a lot about micro frontends yet, so what exactly would you like to see built with Ionic for that?
@raghulkarthik3460
@raghulkarthik3460 3 жыл бұрын
@@galaxies_dev the basic idea is to deploy each component or section or page independently... All together will be perform as a single mobile application when we see it in our hands... Then if there is any problem or bug in a page... We can change the specific page and redeploy it without any damage to other pages/components... But there will be data passing between the pages, Then only we can feel a single app experience and not lots of individual micro apps...
@Matheus_1582
@Matheus_1582 2 жыл бұрын
Eu tenho 2 peguntas para voce. 1 come você fez para colocar aquele negocio que coloca pastas e arqivos do outro lada...que eu nunca consegui.. 2 você consegue programar no NativeScript
@anroswell
@anroswell 3 жыл бұрын
Hey Simmon is a great idea, i hope you follow doing this videos.
@galaxies_dev
@galaxies_dev 3 жыл бұрын
I will!
@bhandaribhumin
@bhandaribhumin 3 жыл бұрын
I am gonna work with you to make this type of clone sessions
@GoriAmir
@GoriAmir 3 жыл бұрын
Thanks for the guide Simon! However, I do find out that when installing the apps after build it to apk, the hide animation seems laggy and not smooth. Do you have any idea on how this happens? The animation was kinda rough and feels jaggy. Still seraching for anwser for this issue. (edit) : On browser it works just fine smoothly, problem occurs when build it into android apk
@galaxies_dev
@galaxies_dev 3 жыл бұрын
Was it an old device? Haven't experienced any issues on my devices so far :/
@GoriAmir
@GoriAmir 3 жыл бұрын
@@galaxies_dev it's a pretty decent device I would say. A 2018 model with 4gb ram. Any css transition also seems laggy. I even try build in production mode and still the same.
@vampirejs758
@vampirejs758 3 жыл бұрын
Actually I was trying to fetch an api in my ionic vue app , the web version shows the data, but my android app doesn't , can anyone help me out with this
@galaxies_dev
@galaxies_dev 3 жыл бұрын
Make sure you use a HTTPS connection, otherwise you need additional settings for Android.
@Kamleshkumar2010
@Kamleshkumar2010 3 жыл бұрын
Very nice 👍🙂
@galaxies_dev
@galaxies_dev 3 жыл бұрын
Thank you 👍
@LatenightDev
@LatenightDev 3 жыл бұрын
Thankyou :)
@galaxies_dev
@galaxies_dev 3 жыл бұрын
You're welcome 😊
@vampirejs758
@vampirejs758 3 жыл бұрын
Can I use an ios style navigation drawer in an android layout?
@sudiptokoyal303
@sudiptokoyal303 3 жыл бұрын
U need explicitly define mode to ios. Like mode="ios"
@vampirejs758
@vampirejs758 3 жыл бұрын
@@sudiptokoyal303 I tried doing it ..... but it is not working, what I need is that nice effect we get when we drag /open the drawer
@uzroot
@uzroot 3 жыл бұрын
Hello Simon! Suggesting you UI of zen.ly app
@prasadnarayana
@prasadnarayana 3 жыл бұрын
Can you make a video on building production apks for iOS without mac os if it is possible? I'm a starter ionic developer with windows system I can't afford the Mac os, but my client need app for IOS. I know about ionic appflow but don't know how to do .
@prasadnarayana
@prasadnarayana 3 жыл бұрын
Really like your content
@sudiptokoyal303
@sudiptokoyal303 3 жыл бұрын
U can't do this without xcode.
@vaibhavkoshta2009
@vaibhavkoshta2009 3 жыл бұрын
Hi Simon, i have small request to you for :: how to detect imcoming call in ios app using ionic?? because i use cordova-phone-call-trap plugin but not working can you make one video for incomming call detection. plzzzzzzzzzzzzz
@galaxies_dev
@galaxies_dev 3 жыл бұрын
From what I can see, this plugin only has an Android implementation. Also, I don't think it's technically possible (or allowed) on iOS!
@tirthtrivedi7125
@tirthtrivedi7125 3 жыл бұрын
Slack
@unguided201
@unguided201 2 жыл бұрын
subscribe r piost ki lkhisi eku dhoribo para nai
Building the Spotify UI with Ionic
47:20
Simon Grimm
Рет қаралды 23 М.
Building a Gmail Clone with Ionic & Angular
56:09
Simon Grimm
Рет қаралды 8 М.
小路飞和小丑也太帅了#家庭#搞笑 #funny #小丑 #cosplay
00:13
家庭搞笑日记
Рет қаралды 14 МЛН
How many people are in the changing room? #devil #lilith #funny #shorts
00:39
كم بصير عمركم عام ٢٠٢٥😍 #shorts #hasanandnour
00:27
hasan and nour shorts
Рет қаралды 12 МЛН
UI Libraries Are Dying, Here's Why
13:28
Theo - t3․gg
Рет қаралды 321 М.
Windsurf vs Cursor: In-Depth AI Code Editor Comparison
18:14
Yifan - Beyond the Hype
Рет қаралды 10 М.
Using Custom Components on Multiple Pages in Ionic
12:48
Joshua Morony
Рет қаралды 46 М.
DRM explained - How Netflix prevents you from downloading videos?
18:17
Mehul - Codedamn
Рет қаралды 234 М.
Was Pandoras Vault Really Made in Survival?
8:21
Kenadian The Cat
Рет қаралды 784 М.
Why Unreal Engine 5.5 is a BIG Deal
12:11
Unreal Sensei
Рет қаралды 1,3 МЛН
How to Cache API Responses with Ionic & Capacitor
30:10
Simon Grimm
Рет қаралды 9 М.
Building the YouTube UI with Ionic
51:13
Simon Grimm
Рет қаралды 9 М.
I Made an Electronic Chessboard Without Turns
14:32
From Scratch
Рет қаралды 342 М.
小路飞和小丑也太帅了#家庭#搞笑 #funny #小丑 #cosplay
00:13
家庭搞笑日记
Рет қаралды 14 МЛН