{"id":17168344,"url":"https://github.com/istornz/ionic2-theiphoneretro-ep3","last_synced_at":"2025-03-24T18:40:35.232Z","repository":{"id":136916977,"uuid":"84106710","full_name":"istornz/Ionic2-TheiPhoneRetro-Ep3","owner":"istornz","description":"Ionic 2 • Navigation et création de vues • Épisode 3","archived":false,"fork":false,"pushed_at":"2017-03-06T18:56:50.000Z","size":1013,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-01-29T23:17:58.591Z","etag":null,"topics":["angular2","input","ionic2","margin","navigation-controller","padding","typescript"],"latest_commit_sha":null,"homepage":"https://youtu.be/V7OYVuuvlJc","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/istornz.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-03-06T18:27:51.000Z","updated_at":"2017-03-07T09:21:32.000Z","dependencies_parsed_at":"2024-07-09T15:31:51.033Z","dependency_job_id":null,"html_url":"https://github.com/istornz/Ionic2-TheiPhoneRetro-Ep3","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/istornz%2FIonic2-TheiPhoneRetro-Ep3","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/istornz%2FIonic2-TheiPhoneRetro-Ep3/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/istornz%2FIonic2-TheiPhoneRetro-Ep3/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/istornz%2FIonic2-TheiPhoneRetro-Ep3/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/istornz","download_url":"https://codeload.github.com/istornz/Ionic2-TheiPhoneRetro-Ep3/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245330064,"owners_count":20597712,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular2","input","ionic2","margin","navigation-controller","padding","typescript"],"created_at":"2024-10-14T23:11:44.509Z","updated_at":"2025-03-24T18:40:35.207Z","avatar_url":"https://github.com/istornz.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n  \u003cimg src=\"http://dimitridessus.fr/img/logo_circle.png\" width=\"140px\" alt=\"TheiPhoneRetro-Subscribe\"\u003e\n\u003c/p\u003e\n\n# Ionic 2 - Episode 3\n\nLa serie te plait ?\n\nAlors n'hésite pas à t'abonner ! Merci :blush:\n\n\u003ca href=\"https://www.youtube.com/subscription_center?add_user=theiphoneretro\"\u003e\n  \u003cimg src=\"http://www.pngall.com/wp-content/uploads/2016/03/Subscribe-PNG-12.png\" width=\"100px\" alt=\"TheiPhoneRetro-Subscribe\"\u003e\n\u003c/a\u003e\n\nDans cet épisode nous allons voir comment créer des nouvelles vues (pages) mais également comment naviguer entre elles (via navigation controller).\n\nJe vous propose également une explication la plus simple possible concernant les marges en CSS (margin et padding).\n\nBien entendu, il est parfaitement possible de suivre cet épisode sous Windows, Mac ou Linux =)\n\n## Au programme \n\n- Ajout d'un champ de texte (input).\n- Qu'est-ce qu'une marge en CSS ?\n- Comment débugger un problème d'agencement (CSS).\n- Création d'une nouvelle vue (page).\n- Navigation entre plusieurs vues (via navigation controller).\n\n## Vidéo\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://www.youtube.com/watch?v=V7OYVuuvlJc\"\u003e\u003cimg src=\"https://img.youtube.com/vi/V7OYVuuvlJc/0.jpg\" alt=\"Ionic2-TheiPhoneRetro-Episode3\"\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n## Instructions\n\nPour utiliser ce projet il vous suffit de suivre les étapes ci dessous :\n\n- Installer tout les modules requis.\n```{r, engine='sh', count_lines}\nnpm install \n```\n\n- Ajouter les plateformes de votre choix.\n```{r, engine='sh', count_lines}\ncordova platform add android\ncordova platform add ios\n```\n\n- Compilez et lancez le projet.\n```{r, engine='sh', count_lines}\nionic run \u003cPLATFORM\u003e\n```\n\n- Profitez :tada:\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fistornz%2Fionic2-theiphoneretro-ep3","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fistornz%2Fionic2-theiphoneretro-ep3","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fistornz%2Fionic2-theiphoneretro-ep3/lists"}