Tuto Complet Instagram Clone de A à Z en SwiftUI avec Xcode 12 et iOS 14

Рет қаралды 17,454

4 жыл бұрын

📩 Lien de téléchargement du projet compatible Xcode 12 et Xcode 11 👇🏾
www.apprendre-swiftui.fr/inst...
▼▼▼▼▼ Clic pour en voir plus ▼▼▼▼▼
Voici un tuto complet d A à Z pour la création du clone d'Instagram en SwiftUI sur la version Beta 2 d'Xcode 12 et iOS 14.
Timecodes :
1:26 : Création Nouveau projet / Configuration
10:42 : Vues des Stories (AuthorStoryView)
19:12 : Header des Posts
25:00 : Images des Posts
26:05 : Barre des boutons d'action
28:26 : Bloc des commentaires
30:49 : Formatage de la date de création (RelativeDateTimeFormatter)
32:54 : Accent Color
34:02 : Customisation de la TabView
35:04 : Conclusion
======================================================================
🎓 LES FORMATIONS
======================================================================
Swift Basics : La formation pour débutant iOS
www.apprendre-swiftui.fr/offr...
======================================================================
💪 LE COACHING
======================================================================
Tu souhaites en savoir plus sur l'accompagnement que je propose?
Prend RDV gratuitement avec moi : calendly.com/appiwedia/precoa...
======================================================================
🔐 LE GROUPE PRIVE FACEBOOK
======================================================================
🚀 Pour rejoindre le groupe privé Facebook Apprendre SwiftUI, clique sur le lien et rejoins la première communauté de France 🇫🇷 sur SwiftUI :
www.apprendre-swiftui.fr/face...
======================================================================
📲 SUIS-MOI SUR LES RÉSEAUX SOCIAUX
======================================================================
📹 Abonne toi à la chaine KZfaq : bit.ly/appiwedia-youtube
🐦 Suis-moi sur Twitter : / appiwedia
🔵 Ma page Facebook : bit.ly/appiwedia-facebook
📸 Toutes mes photos et stories sur Instagram : / appiwedia
🖥Tous mes codes sources sur GitHub : github.com/appiwedia
🔴 Mon compte Twitch : / appiwedia
======================================================================
🎙MON MATÉRIEL
======================================================================
Micro : Marrantz Professional Turret
amzn.to/31F4B0b
======================================================================

Пікірлер: 60

@chlbri 2 жыл бұрын

Une voix très pédagogique.

@apprendre_swiftui 2 жыл бұрын

Merci à toi :)

@andrejkling3886 3 жыл бұрын

Thank you Amigo one more and one more times. I learnt a lot from this lesson! You are a Big Heart. We are will wait to continue !!! All The Best for You in Your Own Way....

@andrejkling3886 3 жыл бұрын

Tnank You very much one more and one more times. I learnt a lot from this lesson. You are a Big Heart! We are will wait for continue ... All the Best in Your Own Way!

@cannelulrichevrardseka7917 4 жыл бұрын

C'est un super tuto, merci!

@theraflow9788 3 жыл бұрын

franchement tu explique super bien merci à toi j ai appris énormément grâce à toi👍🏾👍🏾👍🏾👍🏾👍🏾

@apprendre_swiftui 3 жыл бұрын

Merci beaucoup pour ton message. Ça fait plaisir :) N’hésite pas à rejoindre la communauté Apprendre SwiftUI sur Facebook bit.ly/apprendre-swiftui-facebook

@FlavienLombardi 3 жыл бұрын

Merci beaucoup ! c'est vraiment un super partage, je suis débutant, et j'ai vraiment compris beaucoup de chose grâce à toi ! merci

@apprendre_swiftui 3 жыл бұрын

Merci à toi Flavien :)

@haroldcastiaux959 3 жыл бұрын

Merci beaucoup pour le tuto, j'ai pas mal codé sur Xcode 11 et quand j'ai ouvert Xcode 12 pour la premiere fois j'étais un peu perdu. Ce tuto sera donc bien utile

@apprendre_swiftui 3 жыл бұрын

Merci Harold

@youcodeuse 3 жыл бұрын

Merci toi !

@FabricioMTL Жыл бұрын

Peut tu faire un tuto complet de l’application avec Firebase ça serais cool ?

@yannbanvi8916 4 жыл бұрын

Tuto bien expliqué, merci!

@apprendre_swiftui 4 жыл бұрын

Merci Yann 👍🏾

@citadelle3349 3 жыл бұрын

Merci !

@codeaveclechat 3 жыл бұрын

excellent tuto je vais allez bouffer la doc de Swift et refaire l'exercice sans regarde

@apprendre_swiftui 3 жыл бұрын

Merci si tu as des questions n’hésite pas à rejoindre le groupe Facebook : bit.ly/apprendre-swiftui-facebook ;)

@andrejkling3886 3 жыл бұрын

Great Gratitude for amazing free App! Thank you amigo!

@badguy973 4 жыл бұрын

Merveilleux ta vidéo

@apprendre_swiftui 4 жыл бұрын

Merci Raymondo

@elliotknight5552 2 жыл бұрын

Merci pour cette vidéo !

@apprendre_swiftui 2 жыл бұрын

Merci Elliot !!

@halimazen2608 3 жыл бұрын

Hi J'en Suis a 3'46mn et la partie requête pour add des nouveaux inscrit?

@apprendre_swiftui Жыл бұрын

Il n’y a pas la partie requête mais n’hésite pas à demander dans la communauté www.apprendre-swiftui.fr/facebook

@saliadn 3 жыл бұрын

tellement passionnant à regarder, j'aimerais apprendre pour pouvoir aussi dans un futur créer des applications, que ce soit front-end comme dans le back-end! Aurais-tu des conseils à donner pour quelqu'un qui ne connaît seulement que les base de la programmation ? J'ai aussi une petite question, le Swift et le SwiftUI sont-ils deux choses différentes ? Merci!

@apprendre_swiftui 3 жыл бұрын

Salut Salih, ça fait plaisir :) oui j’ai plein de conseils. Tu peux rejoindre le groupe Facebook Apprendre SwiftUI ici et rejoindre la communauté : bit.ly/apprendre-swiftui-facebook Oui Swift est le language de développement et SwiftUI est le. Ouvrai framework iOS pour faire toutes tes interfaces graphiques et beaucoup plus simple :)

@ibrahim.soidridine2947 4 жыл бұрын

@APPIWEDIA te trop fort, c'est tres bien expliqué. On attend une vidéo qui nous explique comment faire le lien entre le backend et l'application

@yannmassard3970 4 жыл бұрын

firestore

@rudben3012 3 жыл бұрын

Énorme ! Merci, c’est top ce genre de vidéo et surtout très bien expliqué :) Est il possible de faire une vidéo sur le clone de Google actualités ou de Flipboard également ?

@apprendre_swiftui 3 жыл бұрын

Merci à toi ! Oui il y aura des vidéos clones à venir. La prochaine sera Snapchat

@apprendre_swiftui 3 жыл бұрын

Si tu n’es pas encore inscrit, tu peux rejoindre le groupe Facebook en t’inscrivant ici : bit.ly/apprendre-swiftui-facebook

@abbasoussama4636 3 жыл бұрын

Salut, tout d'abord merci beaucoup pour ce magnifique tuto ! Je voulais savoir si t'as déjà cloné la page profil d'instagram ou pas stp. Ce qui m'intéresse en vrai c'est la partie photo où on peut slider à droite ou à gauche pour changer la liste des photos /videos. Si tu peux m'aider ce serait trèèès sympas mercii 🙏

@apprendre_swiftui 3 жыл бұрын

Salut Abbas, cette partie n’a pas été clonée mais ça peut être intéressant. Tu peux rejoindre le groupe Apprendre SwiftUI sur Facebook pour rejoindre la communauté et poser aussi y’a question :) bit.ly/apprendre-swiftui-facebook Merci à toi

@pimouxosu 2 жыл бұрын

Je ne vais pas tarder à commencer une formation en swift et franchement c'est bien expliqué J'ai une question sur la toute fin quand tu affiches les icônes de navigation, ça aurait été possible de créer une variable qui stocke les différents textes et icônes puis de faire un forEach pour parcourir la variable et afficher les icônes correspondantes ?

@apprendre_swiftui 2 жыл бұрын

Désolé je viens de voir ton message un peu tard…

@apprendre_swiftui 2 жыл бұрын

Il est possible de faire une collection pour parcourir tes objets. Mais n’hésite pas à poser y’a question à la communauté dans le groupe bit.ly/apprendre-swiftui-facebook ;)

@gamefrenchygot4897 3 жыл бұрын

Bonjour j'aimerais savoir comment vous avez fait pour faire apparraitre le télephone dans l'editor

@apprendre_swiftui 3 жыл бұрын

Bonjour, pour afficher dans le canva (l’éditor à droite) il est disponible à partir de Xcode11 et cliquer sur une vue SwiftUI dans le navigateur pour voir le rendu

@TheJOL94 3 жыл бұрын

Super Vidéo ! A 19:19 comment tu fais pour factoriser le code du VStack parce que je ne trouve pas cette option par défaut.

@apprendre_swiftui 3 жыл бұрын

Hello, quand tu fais un command + clic sur le nom de ta structure ou class, tu verras une option « Edit In Scope »

@gaara2.479 Жыл бұрын

Imaginons que je posterai l’application. Est-ce que l’espace commentaire marcherait quelqu’un pourrait mettre un commentaire ??

@gmaola-fr8421 3 жыл бұрын

I need social networking applications price please

@apprendre_swiftui Жыл бұрын

You can find affordable prices on Fiverr

@Creativeetea 4 жыл бұрын

Excellent, j'ai codé de mon côté pour comparer. J'ai beaucoup appris. Pour la suite pourquoi pas continuer l'application, et coder le menu "publier" ? On pourrait voir des concepts plus avancés. Petit à petit pour pas saturer. Je serais prêt à tiper pour voir ça :)

@apprendre_swiftui 4 жыл бұрын

Oui bien sûr ! Les prochain tutos seront de plus en plus techniques pour tenir compte de ce qu’on peut retrouver dans des applications grand public :)

@ibrahim.soidridine2947 4 жыл бұрын

Bonjour @APPIWEDIA j'ai crée un écran avec un menu, je voudrais réutiliser le menu dans d'autres Ecrans comment je fais ?

@apprendre_swiftui 4 жыл бұрын

Il faut que le menu soit une vue séparée

@nanibaci8236 2 жыл бұрын

Tout d'abord, je voudrais te remercier car ça ma beaucoup aidé. Par contre il y a juste une chose que je ne comprend pas comment ça ce fait que quand tu mets le nom des auteurs en dessous des story elles sont bien positionnés ?. Merci pour ta réponse (19:05)

@apprendre_swiftui 2 жыл бұрын

Salut Mustafa, en effet, le text se positionne bien car il est dans la LazyVStack. La vue qui range les éléments les uns en dessous des autres. Du coup, le texte se cale bien en dessous et est bien positionné à la fin ;)

@apprendre_swiftui 2 жыл бұрын

Et désolé pour la réponse tardive

@ibrahim.soidridine2947 4 жыл бұрын

Bonjour j'ai une question. Quand j'ai des icônes qui ne se trouve pas sur SF symbole, comment je fais pour les intégrer dans la maquette. Exemple : je ne trouve pas les icônes des réseaux sociaux sur SF symbole. Comment je fais pour les intégrer dans mon application ? Merci

@apprendre_swiftui 4 жыл бұрын

Si tu veux mettre d’autres images en dehors des SF Symbols, tu as le dossier Assets 📂 pour mettre toutes tes resources graphiques

@apprendre_swiftui 4 жыл бұрын

Soit tu peux utiliser d’autres sites comme : material.io (de Google) ou créer les images par un designer en respectant les guidelines d’Apple

@ibrahim.soidridine2947 4 жыл бұрын

@@apprendre_swiftui comment on utilise le site material.io. on va dans le site on prend les noms des icônes on les mets directement oubien il faut prendre le lien du site on l'intègre dans Xcode pour pouvoir utiliser les icônes ?