- 48
- 18 149
Code With Zahir
Приєднався 7 січ 2014
On this channel, Code With Zahir. I make content about Programming Concepts and try to explain these concepts and logics in an easy and understandable way.
#codewithzahir
#programming #by #zahir
#code
Contact me on my Email Address...
zahir99@outlook.com
zahir9048@gmail.com
#codewithzahir
#programming #by #zahir
#code
Contact me on my Email Address...
zahir99@outlook.com
zahir9048@gmail.com
Props In Next JS | GIAIC | [ Urdu/Hindi ]
In this video, I am explaining what are props and what is the purpose of them and how can we use them in Next JS.
***********************************Resources***********************************
Commands Link: docs.google.com/presentation/d/1NwZDRnJ5G3VSkkqEeYvf5AZELNWRglx-/edit?usp=sharing&ouid=116079804639474115999&rtpof=true&sd=true
Props Next JS Docs: nextjs.org/learn/react-foundations/displaying-data-with-props
My Code ( Route Groups and Layout Practice Code): github.com/zahir9048/Governor-Initiative-TypeScript-Programs/tree/main/Q2/props
Watch my last video on Next JS Route Group and layout.tsx : ua-cam.com/video/_Ag0DNvzmXc/v-deo.htmlsi=o9QaQBzop8kKGxNP
Learn TypeScript from my playlist:
Learn TypeScript: ua-cam.com/play/PL2YfvHYmQ5JBVAgE9mn5qF9tcc9HRBQy0.html&si=pQfuOeXBVR4gh8Kv
********************************Video Chapters***********************************
00:00 Introduction
00:38 Create Next JS Project
03:31 Run the Project
04:01 Edit Home Page
04:58 Create a Component
07:18 Import & Use Component
09:00 What are Props
10:52 Dynamic Data
14:21 Data Fetching using Props
17:43 Small TypeScript Recap
21:43 Use variables inside JSX
27:24 Implement Props in Next JS
39:26 Recap
44:35 End
Channel Name: Code With Zahir @ZahirKhan-121
***********************************Resources***********************************
Commands Link: docs.google.com/presentation/d/1NwZDRnJ5G3VSkkqEeYvf5AZELNWRglx-/edit?usp=sharing&ouid=116079804639474115999&rtpof=true&sd=true
Props Next JS Docs: nextjs.org/learn/react-foundations/displaying-data-with-props
My Code ( Route Groups and Layout Practice Code): github.com/zahir9048/Governor-Initiative-TypeScript-Programs/tree/main/Q2/props
Watch my last video on Next JS Route Group and layout.tsx : ua-cam.com/video/_Ag0DNvzmXc/v-deo.htmlsi=o9QaQBzop8kKGxNP
Learn TypeScript from my playlist:
Learn TypeScript: ua-cam.com/play/PL2YfvHYmQ5JBVAgE9mn5qF9tcc9HRBQy0.html&si=pQfuOeXBVR4gh8Kv
********************************Video Chapters***********************************
00:00 Introduction
00:38 Create Next JS Project
03:31 Run the Project
04:01 Edit Home Page
04:58 Create a Component
07:18 Import & Use Component
09:00 What are Props
10:52 Dynamic Data
14:21 Data Fetching using Props
17:43 Small TypeScript Recap
21:43 Use variables inside JSX
27:24 Implement Props in Next JS
39:26 Recap
44:35 End
Channel Name: Code With Zahir @ZahirKhan-121
Переглядів: 28
Відео
Route Groups & Layout In Next JS | GIAIC | [ Urdu/Hindi ]
Переглядів 178День тому
In this video, I am explaining what is Route Groups, and what's the advantage of Route Groups along with what is the purpose of layout.tsx file and how can we make different layouts for different route groups. Resources Commands Link: docs.google.com/presentation/d/1NwZDRnJ5G3VSkkqEeYvf5AZELNWRglx-/edit?usp=sharing&ouid=116079804639474115999&rtpof=true&sd=true Route Groups Next JS Docs: nextjs....
Components In Next JS | GIAIC | [ Urdu/Hindi ]
Переглядів 225День тому
In this video, I am explaining what are components, advantages of using components in Next JS / React JS and how can we import and use them in Next JS. Resources Commands Link: docs.google.com/presentation/d/1NwZDRnJ5G3VSkkqEeYvf5AZELNWRglx-/edit?usp=sharing&ouid=116079804639474115999&rtpof=true&sd=true Learn TypeScript from my playlist: Learn TypeScript: ua-cam.com/play/PL2YfvHYmQ5JBVAgE9mn5qF...
Anchor & Link Component In Next JS | GIAIC | [ Urdu/Hindi ]
Переглядів 250День тому
In this video, I am explaining and demonstrating how to link different pages of Next JS Project using anchors and link components. Resources Commands Link: docs.google.com/presentation/d/1NwZDRnJ5G3VSkkqEeYvf5AZELNWRglx-/edit?usp=sharing&ouid=116079804639474115999&rtpof=true&sd=true Learn TypeScript from my playlist: Learn TypeScript: ua-cam.com/play/PL2YfvHYmQ5JBVAgE9mn5qF9tcc9HRBQy0.html&si=p...
Routing & Nested Routing In Next JS | GIAIC | [ Urdu/Hindi ]
Переглядів 456День тому
In this video, I am explaining and demonstrating Routing & Nested Routing in Next JS. Resources Commands Link: docs.google.com/presentation/d/1NwZDRnJ5G3VSkkqEeYvf5AZELNWRglx-/edit?usp=sharing&ouid=116079804639474115999&rtpof=true&sd=true If you want to learn TypeScript, you can watch my playlist: Learn TypeScript: ua-cam.com/play/PL2YfvHYmQ5JBVAgE9mn5qF9tcc9HRBQy0.html&si=pQfuOeXBVR4gh8Kv Vide...
Next JS Introduction | Create First Project In Next JS | GIAIC | [ Urdu/Hindi ]
Переглядів 42214 днів тому
In this video, I am giving introduction of React JS & Next JS and creating first Next JS Project. Subscribe for more Next JS playlist. Resources Commands Link: docs.google.com/presentation/d/1WtiGX0EX7b0ok9O7v66T1stQK_EXC_wT/edit?usp=sharing&ouid=116079804639474115999&rtpof=true&sd=true If you want to learn TypeScript, you can watch my playlist: Learn TypeScript: ua-cam.com/play/PL2YfvHYmQ5JBVA...
HTML CSS JS Introduction | How Websites Work ? | GIAIC | [ Urdu/Hindi ]
Переглядів 12514 днів тому
In this video, I am explaining the structure of a basic website and introduction to HTML, CSS & JS in Web Development. In this playlist, we will cover basics of Web Development including HTML, CSS, JS & Bootstrap. Resources If you want to learn TypeScript, you can watch my playlist: Learn TypeScript: ua-cam.com/play/PL2YfvHYmQ5JBVAgE9mn5qF9tcc9HRBQy0.html&si=pQfuOeXBVR4gh8Kv Video Chapters 00:0...
Installing VS Code & Important Extensions | Web Development Series | GIAIC
Переглядів 7728 днів тому
In this video, I am installing VS Code and some important extensions for web development. In this playlist, we will cover basics of Web Development including HTML, CSS & Bootstrap. Resources If you want to learn TypeScript, you can watch my playlist: Learn TypeScript: ua-cam.com/play/PL2YfvHYmQ5JBVAgE9mn5qF9tcc9HRBQy0.html&si=pQfuOeXBVR4gh8Kv Video Chapters 00:00 Introduction 02:50 Download & I...
What is Web Development | HTML | CSS | JS | GIAIC [ Urdu/Hindi ]
Переглядів 145Місяць тому
In this video, I am explaining what is web development and how can we start learning it. I have also discussed about the Frontend tools and technologies like HTML, CSS, JS, Bootstrap, React JS and Next JS. Subscribe for learning more about these tools and technologies. Resources Frontend Technologies & Tools Document: drive.google.com/file/d/1SaTpJBR77gDQPSaKeTKeIocPUjIMmaIu/view?usp=sharing Le...
Important Inquirer Package Update & Error Solution | NodeJS | TypeScript
Переглядів 145Місяць тому
In this part, I am explaining the workaround & solution for the inquirer package error that comes in inquirer version 10 when we use it with old inquirer code. Resources Asynchronous Programming (MUST WATCH): ua-cam.com/users/liveQpqvGyOQ2pE?si=en9ODRiPc8Yy9O_B Sir Zia Repo Step 0 to 10 Revision Playlist: ua-cam.com/play/PL2YfvHYmQ5JB-0NJD40hb2AocFdMQJOly.html&si=ewjRttMEAgGo5ftT My Code: githu...
Sir Zia Repo Step 10 Practice + Explanation | TypeScript Revision | [ Urdu / Hindi]
Переглядів 1832 місяці тому
In this part, i am explaining step 10 of Sir Zia GitHub Repo (Tuples). Subscribe for more coding videos. Resources Asynchronous Programming (MUST WATCH): ua-cam.com/users/liveQpqvGyOQ2pE?si=en9ODRiPc8Yy9O_B Sir Zia Repo Step 0 to 10 Revision Playlist: ua-cam.com/play/PL2YfvHYmQ5JB-0NJD40hb2AocFdMQJOly.html&si=ewjRttMEAgGo5ftT Sir Zia Repo Step 0, 1, 2 Explanation: ua-cam.com/video/iq31xPq4Gg8/v...
Sir Zia Repo Step 9c, 9d & 9f Practice + Explanation | TypeScript Revision | [ Urdu / Hindi]
Переглядів 3502 місяці тому
In this part, i am explaining step 9c, 9d & 9f of Sir Zia GitHub Repo ( Function Default Params, Function Rest Params, Function Overloading). Subscribe for the remaining steps of Sir Zia Repo. Resources Asynchronous Programming (MUST WATCH): ua-cam.com/users/liveQpqvGyOQ2pE?si=en9ODRiPc8Yy9O_B Sir Zia Repo Step 0 to 10 Revision Playlist: ua-cam.com/play/PL2YfvHYmQ5JB-0NJD40hb2AocFdMQJOly.html&s...
Sir Zia Repo Step 9a & 9b Practice + Explanation | TypeScript Revision | [ Urdu / Hindi]
Переглядів 4032 місяці тому
In this part, i am explaining step 9 of Sir Zia GitHub Repo ( Functions, Types of Functions, Arrow Functions, Lambda Functions, Named Functions, Anonymous Functions). Subscribe for the remaining steps of Sir Zia Repo. Resources Sir Zia Repo Step 0, 1, 2 Explanation: ua-cam.com/video/iq31xPq4Gg8/v-deo.htmlsi=bonwD68F6_6FoX-r Sir Zia Repo Step 3 Explanation: ua-cam.com/video/tSIVln_e5KM/v-deo.htm...
Sir Zia Repo Step 8 Practice + Explanation | TypeScript Revision | [ Urdu / Hindi]
Переглядів 3962 місяці тому
In this part, i am explaining step 8 of Sir Zia GitHub Repo ( Arrays & Array Methods (Push, Pop, Shift, Unshift, Slice, Splice) ). Subscribe for the remaining steps of Sir Zia Repo. Resources Sir Zia Repo Step 0, 1, 2 Explanation: ua-cam.com/video/iq31xPq4Gg8/v-deo.htmlsi=bonwD68F6_6FoX-r Sir Zia Repo Step 3 Explanation: ua-cam.com/video/tSIVln_e5KM/v-deo.htmlsi=CMwmOHAbdTbGfCBN Sir Zia Repo St...
Sir Zia Repo Step 7a & 7b Practice + Explanation | TypeScript Revision | [ Urdu / Hindi]
Переглядів 3172 місяці тому
In this part, i am explaining step 7a & 7b of Sir Zia GitHub Repo ( Enums & Const Enums ). Subscribe for the remaining steps of Sir Zia Repo. Resources Sir Zia Repo Step 0, 1, 2 Explanation: ua-cam.com/video/iq31xPq4Gg8/v-deo.htmlsi=bonwD68F6_6FoX-r Sir Zia Repo Step 3 Explanation: ua-cam.com/video/tSIVln_e5KM/v-deo.htmlsi=CMwmOHAbdTbGfCBN Sir Zia Repo Step 4 Explanation: ua-cam.com/video/1LgoR...
Sir Zia Repo Step 5d, 5e, 5f & 6 Practice + Explanation | TypeScript Revision | [ Urdu / Hindi]
Переглядів 4212 місяці тому
Sir Zia Repo Step 5d, 5e, 5f & 6 Practice Explanation | TypeScript Revision | [ Urdu / Hindi]
Sir Zia Repo Step 5a, 5b & 5c Practice + Explanation | TypeScript Revision | [ Urdu / Hindi]
Переглядів 5692 місяці тому
Sir Zia Repo Step 5a, 5b & 5c Practice Explanation | TypeScript Revision | [ Urdu / Hindi]
Sir Zia Repo Step 4 Practice + Explanation | TypeScript Revision | [ Urdu / Hindi]
Переглядів 6812 місяці тому
Sir Zia Repo Step 4 Practice Explanation | TypeScript Revision | [ Urdu / Hindi]
Variables & Operators Quiz Solution + Explanation | TypeScript Revision | GIAIC | [ Urdu / Hindi ]
Переглядів 3632 місяці тому
Variables & Operators Quiz Solution Explanation | TypeScript Revision | GIAIC | [ Urdu / Hindi ]
Sir Zia Repo Step 3 Practice + Explanation | TypeScript Revision | [ Urdu / Hindi]
Переглядів 7072 місяці тому
Sir Zia Repo Step 3 Practice Explanation | TypeScript Revision | [ Urdu / Hindi]
Sir Zia Repo Step 0 to Step 2 Practice + Explanation | TypeScript Revision | [ Urdu / Hindi]
Переглядів 8152 місяці тому
Sir Zia Repo Step 0 to Step 2 Practice Explanation | TypeScript Revision | [ Urdu / Hindi]
GIAIC | Class 15 | Object Oriented Programming Part 4 | Polymorphism | TS | JS | [ Urdu/Hindi ]
Переглядів 1643 місяці тому
GIAIC | Class 15 | Object Oriented Programming Part 4 | Polymorphism | TS | JS | [ Urdu/Hindi ]
GIAIC | Class 15 | Object Oriented Programming Part 3 | Encapsulation | TS | JS | [ Urdu/Hindi ]
Переглядів 1863 місяці тому
GIAIC | Class 15 | Object Oriented Programming Part 3 | Encapsulation | TS | JS | [ Urdu/Hindi ]
GIAIC | Class 15 | Object Oriented Programming Part 2 | Abstraction | TS | JS | [ Urdu/Hindi ]
Переглядів 2413 місяці тому
GIAIC | Class 15 | Object Oriented Programming Part 2 | Abstraction | TS | JS | [ Urdu/Hindi ]
Cli UMS Using TypeScript Part 2 | OOP Project | TS | JS | GIAIC | [ Urdu/Hindi ]
Переглядів 3413 місяці тому
Cli UMS Using TypeScript Part 2 | OOP Project | TS | JS | GIAIC | [ Urdu/Hindi ]
Cli UMS Using TypeScript Part 1 | OOP Project | TS | JS | GIAIC | [ Urdu/Hindi ]
Переглядів 4323 місяці тому
Cli UMS Using TypeScript Part 1 | OOP Project | TS | JS | GIAIC | [ Urdu/Hindi ]
GIAIC | Class 14 |Object Oriented Programming |Classes & Objects |Inheritance |TS|JS |[ Urdu/Hindi ]
Переглядів 6573 місяці тому
GIAIC | Class 14 |Object Oriented Programming |Classes & Objects |Inheritance |TS|JS |[ Urdu/Hindi ]
GIAIC | Class 13 | setTimeout | Callbacks | Promises | Then | Await & Async | TS|JS | [ Urdu/Hindi ]
Переглядів 7633 місяці тому
GIAIC | Class 13 | setTimeout | Callbacks | Promises | Then | Await & Async | TS|JS | [ Urdu/Hindi ]
GIAIC | Cli Countdown Timer Project Using TypeScript | TypeScript | NodeJS | [ Urdu / Hindi ]
Переглядів 2884 місяці тому
GIAIC | Cli Countdown Timer Project Using TypeScript | TypeScript | NodeJS | [ Urdu / Hindi ]
GIAIC | Class 12 Revision | Null | Type Narrowing | Interface | Structural Typing| TS|[ Urdu/Hindi ]
Переглядів 5914 місяці тому
GIAIC | Class 12 Revision | Null | Type Narrowing | Interface | Structural Typing| TS|[ Urdu/Hindi ]
Ap bohat Acha samjahty hein like always 😊
JazakaAllah 😇😇
Oosum deeply explanation sir jazakallah,.....
Hi thanks ,too good explanation please what is the reason when I run 1st command npx create _app_@latest .all files r create but page.tsx file not create ,page .js or lay out.js file create please reply must
Aap jab ye command run krrhi hongi to aapke paas would you like to use typescript? Yes no ismai aap yes pe select krein arrow key say phir enter krein, aapki tsx ki files aajyengi .
Thanks
Assalam o Alikum Sir Mashallah very good video...I liked it...I have cleared my concept after watching your video and got all the blur questions which are disturbing my mind..Jazak Allah..Allah bless you 😊
Assalam o Alikum Sir, I am a beginner student, I tried hard to understand in the class and watched different channels, but the understanding was better and the concept was clear from your video. I wish you to always be successful and happy and keep making good videos for us, thanks😊
Video Topics: 00:00 Introduction 00:38 Create Next JS Project 03:31 Run the Project 04:01 Edit Home Page 04:58 Create a Component 07:18 Import & Use Component 09:00 What are Props 10:52 Dynamic Data 14:21 Data Fetching using Props 17:43 Small TypeScript Recap 21:43 Use variables inside JSX 27:24 Implement Props in Next JS 39:26 Recap 44:35 End
Great toturial
@@ahmadawais2914 thanks 😇
Bhai TodoList banwa do
yes i will inshaAllah...
very easy to understand thank you so much 😇 kindly upload videos on daily basis
JazakaAllah bro 😇 yes i try to upload as much as possible to help you guys .
Excellent apki vidoes sy sara asani sy smjh ajata hay jazakAllah ❤
Thanks for your support 😇
Great work 👍
Thanks for your support 😇
More power appreciate it ❤ Sir ashi videos upload krte rhn please
Thanks for your support 😇
Video Topics: 00:00 Introduction 01:08 Create Next JS Project 06:04 Public & Private Pages 12:32 What is Route Groups 14:09 Make Route Groups 25:30 layout.tsx file 31:56 Add Components in layout.tsx 39:10 Different Layouts for Route Groups 01:06:38 End
Assalam o alaikum Bhai ap 3rd week Ka lecture bhi upload Karen plz groups Ka private group or public group Jo sir hamzah Syed ne karwaye thy or aj Ka bhi 4th lecture upload Karen aj bhi sir hamzah Syed ne tailwind CSS use karwai hy or Pura header banwaya Hy phir usko layout me import karwaya hy
@@talathennaartist.439 yes bro i am uploading topics one by one, inshaAllah soon 💯
Thanks you 👍
Subscribe for more Next JS videos ☺
Video Topics: 00:00 Introduction 01:14 What are Components 05:08 Create Next JS Project 08:52 Edit Home Page HTML 09:47 Make Component 10:32 Make Components Folder 11:13 Make Header Component 13:44 Import Header Component 17:14 Use Header Component 18:56 Make Another Component 20:42 Component Folder Location 27:22 Make Project With src Folder 31:11 Make Components Folder 32:04 Make Header Component 32:47 Import Header Component 34:48 Use Header Component 35:10 Components Folder Location 41:46 About Page(Components in Extra Pages) 45:44 Advantage of Components 47:46 End
Nice bhai jazakallah ❤ Thanks jan
next video plzzz
next video coming soon, stay tuned :)
Koi btae ga Jo link pe click krna hai host wali uspe click q NAHI ho raha mere pas se
@@sharooqayaz4632 ctrl daba ke click krein mouse say hojayega
Great
😇
sir new class 3 me yeh topic cover kiye hai : 1. Link all components together using the 'Link' component. 2. Add navigation for all routes using buttons and useRouter. 3. Study Parent and Child components, and learn how to pass data through props. sir in topic pr plz videos bna de assignments complete k liye...
@@mehakishrat3367 ok mai bnata hu inpe videos
Sir apne html K tagg tu btay nhi .pla html or CSS or JS K tagg tu btay plz
@@Amaan_Hacker_786 ji mai uspe video bnaonga
البھترین 👌
@@irfanmemon9500 😇😇
Kia next sy phly react krna zaruri hai
@@Sadlofi22 next js se pehlay react seekhna zaroori nhi lekin agr kisi ne seekhi wi hai react pehlay to usko zyada aasani hogi next js ko seekhne mai, to its recommended to learn react first but not necessary.
Video me sb khas toor per Anchor tag & Advantage of link Component achhe se btaya ha. 👍
Thanks for your support 😊
sir ap bht detailed video bnaty hn pori dekhny k bad koi doubt hi nhn rehta Allah pak apko iski jaza dy...
Ameen, JazakaAllah, keep supporting me 😊
sir after following you instruction video smjh agye aur myny hello world bhi print krlia... Thank you so much
Great work, keep practicing and working hard 🙂
Bohat achy say concept clear karty hein app
thank you always for your support 😇
Video Topics: 00:00 Introduction 00:58 Linking In Any Website 04:46 Create Next JS Project 07:15 Start Project 10:18 Make Some Pages 13:38 Linking By Anchor Tag 21:35 Linking By Link Component 26:22 Advantage Of Link Component 30:41 End
sir please class me jo assignment mil rahe hai unki videos bana diya kre
ok, i will try to make videos on the assignments. 👍
Ap bohat acha samjhaty ho 😊ap ka teaching style bohat acha hai... MashAllah
@@nausheenraza110 JazakaAllah 😇
Video Topics: 00:00 Introduction 01:34 Next JS In Simple Words 03:05 Create a Next Project 07:16 Run the Project 08:03 page.tsx file 10:19 Routing in Websites 14:07 Routing in Next JS 23:44 Nested Routing in Next JS 35:58 End
Good bhai keep teaching us 👍🏻
@@zoshahphotography7815 thanks bro 😇
Thanks sir ap bhai hat acha samjhatay hain ye kia is haftay ki class ka hai
@@Shahidshahid-tn5nc ye last week ki class ka hai, next video mai iss week ka krwaonga
@@ZahirKhan-121 Ok
sir pora q1 apk Chanel sy pass kia h pr is video myn bht sari chezien mujhsy catch nhn ho payen,,,
@@shiekhatika3238 aapne Meri last video dekhi html css ki ?
@@ZahirKhan-121 nhn dekhi sir
@@shiekhatika3238 agr aapne last video nhi dekhi to ye smjh nhi aayegi, web development ki videos hain wo dekhein phir ye dekhein aapka acha background ban jayega dekh ke.
@@shiekhatika3238 ua-cam.com/play/PL2YfvHYmQ5JBKtyV7oDKK9pc3XjEUPyO2.html&si=axlIIpXe0RQgJXSq ye playlist dekhein shru se
@@ZahirKhan-121 Okay Noted sir !
sir is k ye slides kaha p milengi
@@khankhela_yusufxai sldies ppt wali? Link hai description mai...
@@ZahirKhan-121 thanks ❤️
Video Bnai to khobsurt ha but shru ki video mere to 😇 se guzar gai , as k bad ki video me Achhe se Smajha ha. 👍.
ok i will try my best from next video.
Ap bohat Acha explain karty hein aur bohat mehnat say banaty heinn videos MashAllah....
@@nausheenraza110 JazakaAllah 😇😇
Video Topics: 00:00 Introduction 01:25 What is React JS 10:45 What is Next JS 20:59 Node JS Installation 22:16 Create New Next JS Project 27:17 Run Next JS Project 29:07 Customize Index Page Of Project 32:17 React JS & Next JS Version 32:53 End
Information video.
@@interestingtopics4100 thanks 😇
Excellent work bro 👏 Fingers crossed for NextJS playlist 🤞
thanks bro 😊
Great work❤
JazakaAllah 😇
Next JS videos coming soon 🔥 Subscribe :)
Video Topics: 00:00 Introduction 01:46 Hackathon 03:58 Website Structure & HTML 07:21 CSS 09:16 JS 16:59 Creating Our First Web-Page 19:58 End
const min = Math.floor((timediff % (3600 * 24)) / 3600); const sec = Math.floor(timediff % 60); console.log(`${min}:${sec}`); bhai ye method kia ha please explain krdo ye kia hua ha?
@@booksandtutors2129 iss method mai hum loog minutes and seconds calculate krrhe hain har 1 second ke baad, jitna bhi time difference hai uske through
@@ZahirKhan-121 thank you sir
good
Sir kindly make video on React.js and Next.js as well. Thank you
Good
@@interestingtopics4100 ☺️
Bohat achi video ..sir 😊
@@nausheenraza110 thanks ☺️