Lancer votre site web avec GitHub Pages en 2026 | Arno Pretorius | Skillshare

Vitesse de lecture


1.0x


  • 0.5x
  • 0.75x
  • 1 x (normale)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

Lancer votre site web avec GitHub Pages en 2026

teacher avatar Arno Pretorius, IT Freelancer

Regardez ce cours et des milliers d'autres

Bénéficiez d'un accès illimité à tous les cours
Suivez des cours enseignés par des leaders de l'industrie et des professionnels
Explorez divers sujets comme l'illustration, le graphisme, la photographie et bien d'autres

Regardez ce cours et des milliers d'autres

Bénéficiez d'un accès illimité à tous les cours
Suivez des cours enseignés par des leaders de l'industrie et des professionnels
Explorez divers sujets comme l'illustration, le graphisme, la photographie et bien d'autres

Leçons de ce cours

    • 1.

      Introduction du cours

      2:06

    • 2.

      Créer un compte GitHub gratuit

      3:22

    • 3.

      Créer un dépôt GitHub

      3:59

    • 4.

      Configurer GitHub Desktop et synchroniser notre code source

      9:53

    • 5.

      Lancez votre premier site Web savoir plus website

      4:08

    • 6.

      Gérer les mises à jour de votre site web

      4:10

    • 7.

      Creating your own project

      0:38

    • 8.

      Merci !

      0:43

  • --
  • Niveau débutant
  • Niveau intermédiaire
  • Niveau avancé
  • Tous niveaux

Généré par la communauté

Le niveau est déterminé par l'opinion majoritaire des apprenants qui ont évalué ce cours. La recommandation de l'enseignant est affichée jusqu'à ce qu'au moins 5 réponses d'apprenants soient collectées.

19

apprenants

--

À propos de ce cours

Ce dont vous avez besoin :

Ce cours est destiné aux développeurs qui souhaitent déployer leur site pour la première fois sur GitHub Pages.

Vous devriez idéalement avoir un site Web/projet prêt à être déployé !

Un ordinateur de bureau ou portable avec une connexion Internet est nécessaire, aucun équipement avancé n'est requis.


Ce que vous allez apprendre : :

Apprenez à lancer votre premier site Web à l'aide de pages GitHub. Comprendre les concepts de base de GitHub et acquérir des compétences pratiques en développement web pour créer un site web fonctionnel et personnalisé à partir de rien.

Ce que vous allez faire :

Mettez vos connaissances en pratique avec des exercices pratiques, renforcez les concepts clés et publiez en toute confiance votre site web à l'adresse https://username.github.io

Enfin, dans la section « Projets et ressources », vous créerez votre propre projet. C'est ici que vous utiliserez les compétences acquises pour concevoir et construire quelque chose d'utile pour vous-même, en assemblant le tout de manière pratique et personnalisée.

Avantages du cours :

Ce cours comprend :

  • Apprenez à appliquer vos connaissances !
  • 8 leçons au total

À propos de votre instructeur :

Je suis consultant en développement de logiciels et ancien enseignant en sciences informatiques. Je suis passionné par le développement web, le cloud computing et les DevOps. Je me concentre sur l’enseignement de compétences pratiques qui aident les gens à appliquer en toute confiance ce qu’ils apprennent à des projets réels.

Je suis titulaire d’un Bachelor en technologies de l’information et d’un Certificat Postgraduate en éducation (PGCE), ce qui me donne des bases solides à la fois dans les domaines de la technologie et de l’enseignement. commise d'une licence (BSc en anglais). J’ai également obtenu l’assurance et le statut d’AWS. Je suis donc architecte et développeur dans tout ce que je fais

Vous voulez en savoir plus ?

Si vous avez aimé ce cours et que vous souhaitez suivre d'autres cours éventuels à l'avenir, n'oubliez pas de me suivre sur Skillshare !

Rencontrez votre enseignant·e

Teacher Profile Image

Arno Pretorius

IT Freelancer

Enseignant·e

Arno is an IT freelancer and former computer science teacher specialising in web development, cloud computing, and DevOps. He focuses on practical, hands-on teaching that helps learners turn knowledge into real-world projects.

He holds a BSc in Information Technology and a Postgraduate Certificate in Education (PGCE), and is an AWS Certified Solutions Architect and Developer, bringing real-world cloud and industry experience to his teaching.

To stay up to date with his courses you can follow his Skillshare profile to receive the latest updates and announcements.

Voir le profil complet

Level: All Levels

Notes attribuées au cours

Les attentes sont-elles satisfaites ?
    Dépassées !
  • 0%
  • Oui
  • 0%
  • En partie
  • 0%
  • Pas vraiment
  • 0%

Pourquoi s'inscrire à Skillshare ?

Suivez des cours Skillshare Original primés

Chaque cours comprend de courtes leçons et des travaux pratiques

Votre abonnement soutient les enseignants Skillshare

Apprenez, où que vous soyez

Suivez des cours où que vous soyez avec l'application Skillshare. Suivez-les en streaming ou téléchargez-les pour les regarder dans l'avion, dans le métro ou tout autre endroit où vous aimez apprendre.

Transcription

1. Introduction du cours: Bienvenue dans le cours de lancement de votre site Web avec GitHub Pages Je suis Anna Pretoris, travailleuse indépendante en informatique et ancienne professeur d'informatique. Dans ce cours, je vais vous expliquer l'un des moyens les plus simples et les plus efficaces publier votre tout premier site Web en ligne. Maintenant, si vous avez déjà un site Web ou un projet prêt à être déployé, vous êtes au bon endroit. Tout ce dont vous avez besoin, c'est d'un ordinateur connecté à Internet, rien de plus. GitHub Pages est désormais gratuit, rapide et idéal pour les débutants qui souhaitent publier un site Web personnel, un portfolio ou un projet en toute confiance Dans ce cours, vous allez maintenant apprendre comment fonctionne Github, comment GitHub Pages héberge des sites Web et comment publier votre site à l'aide de votre nom d'utilisateur dotgigub et comment publier votre site à l'aide de votre nom d'utilisateur dotgigub Maintenant, je vais tout vous expliquer étape par étape, expliquant chaque concept de manière claire et simple afin que vous ayez toujours confiance en ce que vous faites. Vous allez apprendre à télécharger vos fichiers, à gérer votre projet, à effectuer des mises à jour et à maintenir votre site en ligne et organisé. Désormais, chaque leçon inclut des exercices pratiques pour renforcer votre compréhension au fur et à mesure. Et à la fin du cours, vous saurez non seulement comment publier votre site, mais aussi comment le maintenir et y apporter des améliorations quand vous le souhaitez. Maintenant, une fois que vous aurez atteint la section des projets et des ressources, vous pourrez tout assembler en créant votre propre projet final, un site Web en ligne personnalisé, fonctionnel et prêt à être partagé avec le monde entier. Ce cours comprend des exercices pratiques en laboratoire et huit leçons ciblées conçues pour vous guider tout au long du processus à un rythme confortable et soutenu. Je suis là pour rendre le développement et le déploiement Web simples et agréables, quel que soit votre niveau d'expérience. Alors, croyez-moi, vous êtes entre de bonnes mains et à bientôt sur le parcours. 2. Créer un compte GitHub gratuit account: Bonjour, tout le monde. Bienvenue à la prochaine conférence, qui portera sur la création d'un compte GitHub gratuit Donc, juste pour vous donner quelques informations sur GitHub, GitHub est essentiellement un site Web qui héberge des référentiels Git C'est essentiellement comme le stockage dans le cloud et les réseaux sociaux pour le code. Ce que vous pouvez faire avec GitHub, c'est stocker vos projets en toute sécurité Vous pouvez également les partager avec d'autres personnes et vous pouvez également collaborer avec des équipes du monde entier. C'est bon. Alors allons-y et commençons. Vous devez d'abord vous rendre sur github.com. Ensuite, vous pouvez dire « inscrivez-vous ». Ensuite, vous pouvez vous inscrire à GitHub. Vous pouvez soit continuer avec Google. Si vous avez votre compte Google, ou si vous pouvez saisir manuellement un mot de passe, un nom et votre région, vous pouvez également décider si vous souhaitez configurer vos préférences de messagerie pour recevoir des mises à configurer vos préférences de messagerie jour et des annonces occasionnelles sur les produits, et vous pouvez créer votre compte, n'est-ce pas ? Donc, ce que je vais faire ici, c'est simplement remplir ces champs ici et le faire manuellement, puis je vais créer un compte. Alors allons-y et configurons cela. C'est bon. J'ai donc saisi quelques informations de base ici, juste de manière manuelle. Et maintenant, ce que je vais faire, c'est créer un compte. Il va falloir un moment pour vérifier. OK. Et bien sûr, en général, ce qui se passe, c'est que vous devez également compléter un casse-tête et partir de ce point également. Attendons donc que le processus soit terminé ici, puis nous pourrons continuer au fur et à mesure. C'est bon. Maintenant que notre navigateur a été vérifié, nous pouvons vérifier notre compte soit via un puzzle visuel, soit via un puzzle audio. Donc, ce que je vais faire, c'est vérifier mon compte maintenant, puis je vous verrai à l'étape suivante. Bien, donc après avoir vérifié votre compte, vous devez vérifier votre adresse e-mail. Je vais donc accéder à un exemple d' adresse e-mail que j'ai ici, et je vais juste le recharger Ici, nous allons avoir un code de lancement que nous pouvons utiliser. J'allais y mettre fin. C'est bon. Nous pouvons donc maintenant voir que notre compte a été créé avec succès et nous pouvons maintenant nous connecter pour continuer. ne vous reste plus qu' à saisir votre nom d'utilisateur ou votre adresse e-mail, puis un mot de passe que vous avez défini précédemment lors de la configuration de votre compte Get up. C'est bon. Dès que vous avez saisi vos informations d'identification, vous pouvez simplement dire « se connecter ». Et nous y voilà. Nous sommes maintenant sur notre tableau de bord GitHub où nous pouvons créer notre référentiel et commencer C'est tout pour cette vidéo. C'est ainsi que vous pouvez créer un compte GitHub gratuit Maintenant, bien sûr, je suis entré dans les détails pour m'assurer que vous puissiez configurer GitHub le plus facilement possible en suivant toutes les étapes nécessaires Maintenant, bien sûr, si vous avez décidé de continuer avec Google au lieu de toutes les étapes manuelles que j'ai faites, vous pouvez également le faire. Mais je voulais juste faire ce que je pouvais, mais c'est ainsi que vous pouvez procéder et configurer votre compte GitHub gratuit 3. Créer un référentiel GitHub: Bonjour à tous, et bienvenue à la prochaine conférence, qui sera axée sur la création d'un dépôt Github Ils se demandent probablement quel est le référentiel GitHub ? Tout simplement, un dépôt GitHub est comme un dossier sur Github où se trouve votre projet, et il contiendra votre code source et tous vos fichiers de code La façon la plus simple de le considérer est de le considérer comme une boîte de projet où tout ce qui concerne votre projet est stocké et organisé. Maintenant, en général, les gens appellent les référentiels GitHub des Si vous entendez le terme «   dépôts », synchronisez le référentiel GitHub dans ce contexte OK, alors allons-y et créons notre dépôt. Vous pouvez dire « créer un dépôt » ici. Ensuite, vous verrez sur le côté gauche, laissez-moi zoomer un peu ici. Sur le côté gauche, vous verrez le nom d'utilisateur que vous avez associé à votre compte GitHub, puis vous devrez donner un nom de référentiel ici Vous pouvez continuer et cliquer ici et je vais appeler cet exemple OK. Et ce sera le nom de mon dépôt, sample nous pouvons l'appeler sample repo par exemple Ensuite, vous pouvez donner une description ici. Je vais donc rester très simple. Je vais juste dire application Port Folio. C'est très simple. Ensuite, vous pouvez choisir la visibilité ici. Ainsi, lorsque vous validez votre code source ce dépôt appelé exemple de dépôt ici, vous pouvez soit définir le statut sur public, ce qui signifie que tout le monde peut, bien sûr, accéder à votre dépôt et le consulter Ce sera accessible au public, ou vous pouvez le définir comme privé. Ainsi, en public, n'importe qui sur Internet peut voir votre dépôt. Et en mode privé, vous choisissez qui peut voir et valider ce dépôt. C'est à toi de choisir. Maintenant, dans les affaires publiques, il est approprié que vous ayez un tas de sites Web de portfolio que vous souhaitez présenter à d'éventuels employés, ou si vous faites simplement ou si vous faites simplement quelques tests personnels et que vous ne manipulez rien que vous pourriez qualifier de sensible, comme je dirais, dans le scénario public, à mon avis. Tout ce qui, bien sûr, fait partie de votre propre organisation ou quoi que ce soit, bien sûr, privé, comme nous pouvons le voir ici, doit être privé. Cela dépend donc simplement de ce que vous souhaitez parcourir. Si vous ne voulez pas que quiconque le voie et que vous n' avez aucune intention de montrer votre projet, vous devez bien entendu le définir comme privé. Si vous avez l'intention de le présenter, vous pouvez le rendre public Nous allons donc rester simples et simplement dire «   public » pour le moment. Ensuite, vous pouvez ajouter un fichier Lisez-moi. Maintenant, j'aime toujours ajouter cela, et un fichier Lisez-moi est très utile si quelqu'un veut simplement avoir un bref aperçu votre dépôt ou de votre projet, devrais-je dire, juste pour voir des informations sur votre projet, ce que vous utilisez et en quoi il consiste. Juste un simple résumé. En gros, comme un document texte. Vous pouvez également ajouter un fichier G Ignore ici, ce qui est très utile si, par exemple, vous travaillez avec des variables d'environnement et que vous souhaitez ignorer ce fichier DENV, qui est le fichier de variables d'environnement Ensuite, vous pouvez également ajouter une licence si vous souhaitez obtenir une licence pour votre code d'une manière ou d'une autre. Il existe ici quelques options que vous pouvez également utiliser. Mais nous allons simplement rester simples ici, assurer que vous avez ajouté dans le nom de votre dépôt, une description, la visibilité. Je vais le rendre public et vous avez ajouté l'option Read Me. Ensuite, vous pouvez simplement dire «   créer un dépôt ». Nous y voilà. Nous pouvons maintenant voir qu'il est destiné au public et nous pouvons voir que nous sommes tous prêts à partir. Nous pouvons voir les informations Lisez-moi ici, indiquant un exemple de dépôt et la description que nous avons ajoutée C'est tout ce que vous devez savoir, vous pouvez créer un dépôt GitHub 4. Configurer GitHub Desktop et synchroniser notre code source code: Bonjour à tous, et bienvenue à la prochaine conférence, qui portera sur la configuration de GitHub Desktop et plus tard, sur la synchronisation de notre code source Commençons. La première chose à faire est d'effectuer une recherche sur Google pour GitHub Desktop, à laquelle vous pouvez cliquer sur le lien correspondant, qui sera « Télécharger GitHub Maintenant, juste pour vous donner un peu de clarté, vous pouvez soit télécharger pour Windows soit faire défiler la page vers le bas et télécharger pour macOS. Les options sont là pour vous. Je veux juste vous donner un peu de clarté sur ce qu'est GitHub Desktop Il s'agit essentiellement d'une application gratuite qui, comme vous pouvez le voir, peut être utilisée à la fois par les machines Windows et macOS, et elle vous offre une interface visuelle très simple pour utiliser GitHub sans taper de commandes dans le terminal si vous deviez simplement utiliser Git de manière native Allons-y et téléchargez-le. Je suis sous Windows. Je vais le télécharger pour Windows. Cela va prendre quelques instants, donnez-lui un peu de temps. Et une fois qu'il est téléchargé, nous pouvons continuer et cliquer dessus. Ensuite, ce qui va se passer, c'est l'application GitHub Desktop va s'installer toute seule. C'est donc très intuitif comme ça. Nous n'avons pas besoin d'appuyer dessus ou de faire quoi que ce soit. Comme vous pouvez le voir ici, GitHub Desktop est en cours d'installation et sera lancé une fois terminé Il ne nous reste plus qu'à attendre. Habituellement, ce que vous pouvez voir si vous êtes sous Windows, c'est la progression ici. Comme vous pouvez le voir, il est complété par la petite barre de progression. Il suffit donc d'attendre. OK. C'est bon, on y va. Bienvenue sur GitHub Desktop. Ce que nous pouvons faire maintenant, c'est continuer et décider de la manière dont nous voulons procéder. C'est vrai. Donc, ce que vous voulez faire, c'est vous connecter à github.com OK. Et nous voulons vérifier notre session. Comme nous sommes déjà connectés, comme vous pouvez le voir, nous pouvons continuer et dire « continuer ». Et nous voulons maintenant autoriser GitHub Desktop avec notre How can I say with our user ? Donc, à côté de notre nom d'utilisateur, vous pouvez voir notre nom d'utilisateur pour notre compte. Et ici, nous pouvons contrôler l'accès aux référentiels. Par défaut, il est donc public et privé et vous pouvez lire plus d' informations ici à ce sujet. Et nous allons simplement autoriser GitHub Desktop. Ensuite, nous pouvons simplement dire « ouvert il va être redirigé ici et nous l'avons là. Vous pouvez maintenant voir ici que nous voulons configurer Git. Maintenant, quelques précisions sur Git. Git est essentiellement un système de contrôle de version qui vous aidera à suivre modifications apportées à votre code source, enregistrer les différentes versions d'un projet, etc. Nous voulons utiliser le nom de mon compte GitHub et adresse e-mail pour configurer Git. Nous allons voir qu' il sera automatiquement défini ici, puis vous pourrez simplement dire «   terminer ». Et nous y voilà. Maintenant, tout est configuré, et nous pouvons également voir notre référentiel ici, qui est bien sûr le référentiel que nous avons créé précédemment appelé sample repo Nous pouvons donc le fermer maintenant. Très bien, nous y voilà. Nous pouvons également voir qu'il se trouve maintenant sur notre bureau, GitHub Desktop comme il se doit, et qu'il est bon de continuer avec le processus suivant Bravo, vous avez réussi à le configurer, GitHub Desktop, sur votre système La prochaine chose que nous voulons faire est, bien entendu, de synchroniser notre code source C'est vrai. Maintenant, la prochaine chose que nous voulons faire est de cloner notre dépôt. Le clonage d'un dépôt ou d'un dépôt signifie télécharger une copie complète d'un référentiel GitHub, y compris tous les fichiers ou tout ce qui s'y trouve actuellement , sur notre ordinateur afin que nous puissions travailler dessus localement Comme nous pouvons le constater, tout ce que nous avons ici est un simple fichier lisez-moi. C'est tout ce que nous avons. Nous voulons donc sélectionner notre référentiel comme nous pouvons le voir ici. Ensuite, nous pouvons dire cloner , puis vous voulez définir le chemin où vous voulez que ce soit le clone deux. Comme nous pouvons le voir, cette option est sélectionnée automatiquement sur l'URL. S'il n'est pas sélectionné, vous pouvez le sélectionner. Et nous pouvons voir qu' il s'agira de l'URL du référentiel ou du nom d'utilisateur GitHub et du référentiel en conséquence, et que ce sera le chemin où le clone 2 sera créé Vous pouvez dire choisir, et je vais choisir le bureau ici et dire sélectionner le dossier, donc ce sera sur mon bureau. Et puis je vais dire clone. Maintenant, c'est le clonage de Sampoepo. C'est parti. Nous pouvons voir que nous sommes actuellement dans le repo Sam Por. Nous pouvons voir que nous avons l'intention de passer à notre succursale principale. Nous pouvons voir ici tous les fichiers que nous avons modifiés, toutes les modifications locales, et ici nous pouvons valider nos modifications et y ajouter une description. Si je devais minimiser cela maintenant, je peux maintenant voir sur mon bureau que j'ai Sam Prepo et si je l'ouvre, nous pouvons voir que nous avons, bien sûr, le fichier ReadMe, et bien sûr, il n'affichera pas le fichier Git à points pour vous, mais comme sur mon PC, je l'ai configuré pour afficher tous les fichiers cachés, il l'affichera par défaut C'est juste quelque chose à garder à l'esprit. Mais nous avons le refol Read et bien sûr, c'est le fichier par défaut que nous pouvons voir ici qui a été cloné à partir de La prochaine chose que vous voulez faire est synchroniser notre code source Comme nous pouvons le voir ici, j'ai un aperçu de mon projet. Et je l'ai ouvert dans le code Visual Studio, et j'ai trois fichiers index point HML, script point js et style point CSS Cela va donc simplement vous donner un peu de clarté quant à la portée de l'application avec laquelle nous travaillons. Il s'agit donc d'une application frontale très simple avec un fichier HTML, CSS et JavaScript tous liés entre eux Gardez donc cela à l'esprit ici si vous allez un peu plus loin avec l'application que vous prévoyez de déployer. Alors gardez cela à l'esprit. C'est vrai. Donc, la prochaine chose que je veux faire est de déplacer tous ces fichiers dans le référentiel ici. Donc, ce que je vais faire, c'est ouvrir un exemple de dépôt. Ensuite, je vais également ouvrir mon projet. Et ce que je veux faire, c' est les mettre de côté. Tout ce que je vais faire, c'est déplacer les fichiers que j'ai ici. Je vais les mettre en évidence et simplement les déplacer dans mon référentiel que je clone, connu sous le nom de sample repo. Vous pouvez le fermer et le fermer. Maintenant, si nous allons sur GitHub Desktop, nous pouvons maintenant voir qu' il y a des changements La détection ici est donc que trois fichiers ont été modifiés. En d'autres termes, trois fichiers ont été déplacés dans le dossier d'exemple de dépôt, index au format HML, script point js et star point css Comme vous pouvez le constater, nous pouvons voir tous les ajustements ici. L'icône plus indique donc, bien sûr, les éléments qui ont été ajoutés, et bien sûr, vous verrez le signe négatif si des éléments ont été supprimés. OK, c'est vrai. C'est ainsi que nous pouvons continuer et synchroniser efficacement notre code source Maintenant, il fait partie de notre dépôt, et nous sommes prêts à partir. Maintenant, la prochaine chose que vous voulez faire est de nous assurer que les modifications apportées ici sont reflétées dans notre référentiel sur Github lui-même Nous voulons donc, tout d' abord, remplir le champ suivant ici, et nous voulons essentiellement valider ces fichiers notre branche principale ici afin qu'ils soient visibles. Je vais donc simplement ajouter un nom ici. Donc, d'habitude, ce sera le nom de ce que vous faites. Donc ici, je vais juste dire ici dip initial. C'est ce que j'appellerai le déploiement initial. Maintenant, vous pouvez décider de ce que vous voulez définir comme tel. Habituellement, si vous modifiez quelque chose , qu'il s'agisse d'un index ou d'un fichier HTML, que vous changiez le titre ou la section du héros, vous l'ajouterez simplement comme titre principal de ce que vous modifiez, puis vous ajouterez une description avec plus de détails Ici, il s'agira du déploiement initial. Voici l'application ici. La description ici est, je vais dire exemple d'application avec un fichier HML, CSS et JS ajouté. OK. Ensuite, nous pouvons valider ces trois fichiers dans notre branche principale, donc nous pouvons dire commit. Et une fois que vous êtes satisfait de tout, vous pouvez maintenant le transférer dans votre référentiel GitHub Il va y avoir une poussée jusqu'à l'origine, qui se trouve sur notre succursale principale. OK, allons-y. Comme vous pouvez le constater, aucun changement n'a été apporté récemment, nous sommes donc prêts à partir. Revenons à notre dépôt. Actualisons la page. Et comme vous pouvez le voir maintenant, notre dépôt contient désormais le fichier HTML à points d'index, point de script gsle et notre fichier style point css, et nous pouvons voir que nous avons effectué Et comme vous pouvez le constater, le nom ici était le déploiement initial. C'était donc le nom de notre en-tête de validation, bien sûr, puis nous pouvons voir la description ci-dessous ce que nous avons ajouté et aussi s' il y a eu quelque chose de supprimé. Et notre utilisateur ici, d' après notre nom d'utilisateur, validé ce fichier et nous pouvons en voir la date. commit le plus récent et nous pouvons également voir les informations ici. Déploiement initial. C'est ainsi que nous pouvons configurer GitHub Desktop et synchroniser notre code source en conséquence. C'est ça. 5. Lancer votre premier site web: Et bienvenue à la prochaine conférence, qui portera sur le lancement de notre premier site Web. Commençons donc. Donc, en supposant que vous ayez maintenant synchronisé votre code source, allons-y et utilisons GitHub Pages Donc, ce que vous voulez faire, c'est vous assurer que vous vous trouvez sur le référentiel sélectionné. Ensuite, nous pouvons passer aux paramètres. Ensuite, sur le côté gauche , vous verrez quelques options. Vous voulez faire défiler la page vers le bas jusqu'à ce que vous voyiez des pages, et vous voulez sélectionner cette option. Maintenant, pour vous donner un aperçu. GitHub Pages est essentiellement un service d'hébergement Web gratuit proposé par GitHub, qui vous permet essentiellement de transformer votre projet, vous permet essentiellement de transformer comme un site Web, en une page Web publique en direct directement à partir de votre référentiel GitHub Ce que nous pouvons faire, c'est qu'ici, sous Build end Deployment, nous pouvons nous assurer qu'il est configuré pour être déployé à partir d'une branche, ce qui est une option par défaut. Ensuite, ce que vous voulez faire, c'est l'activer. Comme nous pouvons le voir, il est indiqué que les pages GitHub sont actuellement désactivées Nous voulons sélectionner une source ci-dessous pour activer les pages GitHub pour ce référentiel Vous voulez donc cliquer sur le menu déroulant et l'envoyer à la branche principale. Ce sera dans la racine, puis vous voudrez dire enregistrer. Ensuite, vous pouvez dire « enregistrer ». Nous pouvons voir la source des pages GitHub enregistrée Ensuite, nous pouvons revenir au code. Et puis, comme vous pouvez le voir ici, nous avons cette icône jaune en attente. Sélectionnons-le donc. Et nous pouvons voir ici qu'il est écrit Pages, build et deployment, afin que nous puissions sélectionner les détails. Et ici, nous pouvons voir que la compilation a commencé pour que notre application soit déployée. Il va donc construire, tout configurer pour nous et compiler notre code source pour le déploiement. Il va passer par quelques étapes clés. Comme vous pouvez le voir ici, une étape de paiement, une étape de construction et, bien sûr, une étape d'artefact Comme vous pouvez le constater , c'est assez rapide. Il y a donc la phase de construction. Ensuite, il va passer à la section sur l'état de construction du rapport, après quoi il va déployer notre application. OK, nous pouvons donc voir qu'il est maintenant dans le statut de création du rapport, afin que nous puissions configurer le travail, signaler l'état de construction, terminer le travail. Maintenant, bien sûr, nous allons approfondir les pages GitHub Juste pour vous donner un petit aperçu, voici tout ce qui se passe dans cette phase : créer notre code source , le compiler, le préparer, puis le déployer Comme vous pouvez le constater, chaque travail effectué ici a été un succès. Nous pouvons maintenant revenir aux paramètres. Ensuite, sur le côté gauche, vous pouvez accéder aux pages. Et ici, vous pouvez voir que notre site Web est désormais en ligne dans votre domaine, et nous pouvons visiter notre site ou vous pouvez cliquer avec le bouton droit sur Ouvrir le lien dans le nouvel onglet. Nous pouvons voir quand il a été déployé pour la dernière fois et par quel utilisateur, et vous pouvez également dépublier votre site Nous avons donc tout mis en place. J'ai donc mon exemple de site Web. Je veux maintenant cliquer dessus et l' ouvrir dans un nouvel onglet. Et voici mon site Web configuré et prêt à fonctionner. Voilà, nous l'avons. C'est une application très simple, comme nous pouvons le voir ici , qui possède également un peu de lumière dans un mode sombre, c'est plutôt sympa, mais voilà et vous pouvez accéder à votre site Web à l'adresse URL suivante, qui vous est bien sûr donnée Et voilà. C'est ainsi que vous pouvez vous lancer dans une haie et lancer votre tout premier site Web. Alors voilà. Bien sûr, voici son URL. Bien sûr, vous pouvez partager avec n'importe qui, n'importe où, et c'est tout. C'est à quel point il est simple de créer votre site Web et de le lancer gratuitement, bien sûr, c'est tout. 6. Gérer les mises à jour de votre site web: Bonjour à tous, et bienvenue à la prochaine conférence, qui portera sur la gestion des mises à jour de votre site Web. Supposons, par exemple, que vous souhaitiez modifier quelque chose dans votre application. Donc, ici, dit Hol Mino, nous développons une approche axée sur le code et le design propres Disons que je veux changer quelque chose, quelque chose que je n'aime pas. Je vais donc passer au code Visual Studio, et ce que je vais faire, c'est simplement changer le dossier dans lequel je me trouve. Le dépôt ici s'appelle donc sample repo. Donc, je vais juste dire fichier, ouvrir un dossier, et je vais en ouvrir un peu pour le dépôt. Cela peut se trouver dans tous les éditeurs de codage que vous avez, et passons à Index on HML, et voyons ce que je veux changer Je veux changer cela ici. Je voulais inscrire mon nom complet. Comme vous pouvez le voir, actuellement, il suffit de dire bonjour, je suis Anu, puis voici une développeuse web passionnée par le code propre et le design. Bien sûr, je peux changer cela. Je peux dire qu'il s'agit d'un développeur web passionné par le code propre et le design. Ici, je vais dire Cloud in SzSt. Et je dirais que c'est un passionné du cloud. OK, c'est très simple. Je vais garder ça. Et il s'agit, bien sûr, de la synchronisation avec le contrôle de source avec GitHub Desktop Maintenant, avec ces modifications, je peux aller sur GitHub Desktop, et nous pouvons voir que nous avons apporté une modification Donc, cette icône jaune signifie modifiée, et vous pouvez voir que ce que j'ai supprimé était le DG, et le vert est ce que j'ai ajouté. Donc, ici, je vais juste dire comment dire le fichier HTML d'index, par exemple, et la description ici, je vais dire ajoutez-le dans le nom de famille et des informations supplémentaires sur ce que je suis Je suis donc un passionné du cloud. Ensuite, je peux dire valider un fichier sur main, puis je peux le transférer vers ma branche principale. OK, ça a été repoussé. Maintenant, si je retourne à mon dépôt ici, je peux simplement actualiser mon dépôt. Et nous pouvons voir que le commit a été effectué ici, la mise à jour de l'index en HTML échoue maintenant, et nous pouvons voir qu' il est déjà en attente Il s'agit de créer notre code source, de le compiler, s' assurer qu'il fonctionne, puis de le déployer Cela va donc prendre quelques instants ici. Bien entendu, vous pouvez cliquer dessus voir tous les détails comme vous le souhaitez. Et tout ce que nous voulons faire, c'est attendre, bien sûr, l'URL restera la même. Nous pouvons donc simplement attendre que cela soit terminé, puis nous pouvons continuer. Très bien, alors bon retour, comme nous pouvons le voir, c'est maintenant vert. Maintenant, bien sûr, ce que je vous recommande de faire est de simplement rafraîchir ici, puis vous verrez l'icône verte ici. OK, cela signifie donc que c'était un succès. Alors maintenant, nous pouvons aller sur notre site Web et vous voulez simplement recharger votre page Web, et c'est parti Nous pouvons le voir à Pretorius, donc mon nom complet et je suis un passionné du Cloud, nous pouvons donc voir que cette mise à jour a été prise en compte. C'est bon. Voilà, vous l'avez. Maintenant, vous pouvez également gérer mises à jour s'il y a un fichier particulier que vous souhaitez modifier. Supposons que l' index du fichier HML soit sélectionné ici dans votre dépôt Et vous pouvez continuer à modifier ce fichier directement. C'est donc une autre façon de procéder. Bien que je ne recommande pas cette méthode, il est préférable de procéder dans un éditeur de code et simplement effectuer vos ajustements ou dans le fichier dans lequel vous vous trouvez, juste pour apporter ces modifications, etc. C'est donc une autre chose que vous pouvez également faire si vous souhaitez simplement apporter une modification, mais il est préférable de la mettre à jour chaque fois que votre application est ouverte, puis de la transférer simplement avec GitHub Desktop pour la synchroniser en conséquence avec votre référentiel Github synchroniser en conséquence avec votre référentiel Github Les gars. C'est donc tout pour cette conférence en particulier ? C'est ainsi que vous pouvez gérer les mises à jour de votre site Web. 7. Créer votre propre projet project: Bonjour à tous, et bienvenue à la prochaine leçon, qui sera axée sur la création de votre propre projet. Bien, créez votre propre projet. Maintenant que vous avez acquis toutes ces nouvelles compétences, il est temps pour vous de les utiliser et de créer votre propre projet. Ce que vous pouvez faire maintenant, c'est de vous rendre la section projets et ressources de ce cours pour plus d'informations sur façon dont vous pouvez aller de l'avant et vous assurer que vous suivez le projet, puis aussi sur la manière dont vous pouvez le partager afin que je puisse y jeter un œil et laisser mes commentaires. C'est vrai, les gars. C'est tout pour cette leçon. 8. Merci !: Bonjour à tous. Et juste une dernière note de ma part, et c'est juste merci d'avoir décidé de suivre ce cours. J'espère vraiment que cela vous a aidé à acquérir des connaissances approfondies Je vous remercie donc encore une fois, et je suis profondément reconnaissante que vous ayez décidé de vous inscrire à mes côtés pour ce voyage Une autre chose que je voulais mentionner est envisager de laisser un avis pour ce cours. Ce serait très apprécié. Vous n'êtes pas obligée si vous ne le souhaitez pas, mais dans mon cas, il est toujours utile d'essayer de comprendre les commentaires qui me sont adressés et de savoir comment améliorer mes cours. Merci encore et bonne chance dans votre voyage.