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.