- Видео 17
- Просмотров 26 242
CodewithSabri
Франция
Добавлен 20 янв 2021
Bienvenue sur la chaine RUclips CodewithSabri,
Chaine qui partage du contenu sur le développement web et mobile sous forme de Tutoriels
Pour en savoir plus, me contacter sur mon mail : codewithsabri@gmail.com
Chaine qui partage du contenu sur le développement web et mobile sous forme de Tutoriels
Pour en savoir plus, me contacter sur mon mail : codewithsabri@gmail.com
Retour de la chaine CWS
Bonjour tout le monde, après une longue absence , nous reprenons ensemble la chaine CWS pour du contenu de qualité.
L'objectif apprendre simplement à coder.
A très vite
L'objectif apprendre simplement à coder.
A très vite
Просмотров: 9
Видео
Faire un site avec flexbox
Просмотров 6552 года назад
Bonjour dans cette série de vidéo vous allez apprendre a faire un site complet en HTML/CSS avec flexbox. L'objectif est de comprendre comment fonctionne Flexbox, et d'apprendre de nouvelles balises et propriété CSS au fur et a mesure des vidéos. Logo a telecharger : drive.google.com/file/d/1LxgukrFibvCNs7ui9tOENYa1EQvJKeAN/view?usp=sharing Image intro backgound : images.unsplash.com/photo-14885...
Déployer son site en moins de 2 minutes sur Netlify !
Просмотров 5 тыс.2 года назад
Dans cette courte vidéo, je montre au débutant comment déployer son site HTML/CSS gratuitement et via Dragndrop sur Netlify une plateforme gratuite pour des simples hébérgements.
Flexbox CSS simplifié ! 2/2
Просмотров 3933 года назад
Bonjour dans cette deuxième vidéo on vas apprendre de manière simplifié une propriété CSS , (Flexbox CSS) qui vas nous permettre de construire facilement nos pages Web, que ce soit les grands sections mais également les éléments a l'intérieur. On vas voir comment ajouter des propriété directement à nos élément enfants afin de gérer leur largeur, leur vitesse de d'agrandissement et de rétrécisse...
Flexbox CSS simplifié ! 1/2
Просмотров 6533 года назад
Bonjour dans cette vidéo on vas apprendre de manière simplifié une propriété CSS , (Flexbox CSS) qui vas nous permettre de construire facilement nos pages Web, que ce soit les grands sections mais également les éléments a l'intérieur. On vas pouvoir centrer nos éléments horizontalement et verticalement, mettre de l'espace entre nos éléments, adopter un comportement responsive ainsi que plusieur...
Notre première page HTML : Partie 7
Просмотров 1233 года назад
Dans cette vidéo, on vas construire notre footer en réutilisant des classes qu'on a déjà faites, et on vas apprendre une nouvelle propriété CSS, la propriété position . On termine la création de notre première page HTML , en respectant l'architecture d'un document HTML. On vas aborder prochainement les Flexboxes en CSS, afin de concevoir un site facilement et rapidement.
Propriété Display en CSS : Block, Inline et Inline-Block
Просмотров 9 тыс.3 года назад
Dans cette vidéo j'expliquer ces trois propriétés CSS qui permettent de comprendre comment les balises HTML s'affiche sur le navigateur.
Différence entre Margin et Padding en CSS
Просмотров 8 тыс.3 года назад
Présentation de la différence des propriété Margin et Padding en CSS, ainsi que les différentes manières décrire ces propriétés .
Notre première page HTML : Partie 6
Просмотров 1043 года назад
Dans cette 6ème partie, nous allons insérer notre menu en haut a droite de notre page, pour cela nous allons voir une propriété CSS , la propriété display : inline-block.
Notre première page HTML : Partie 5
Просмотров 943 года назад
Dans cette vidéo nous allons voir comment centrer notre image, en apprenant la propriété display en CSS qui permet de comprendre comment les éléments HTML s'affiche sur la page, et nous allons voir la propriété margin-auto, afin de pouvoir centrer une balise div en HTML, que nous allons découvrir dans cette vidéo.
Notre première page HTML : Partie 4
Просмотров 1073 года назад
Dans cette vidéo nous allons appliquer de la mise en forme à notre page HTML, pour cela nous aller créer une feuille de style Css, afin de séparer le HTML du CSS.
Notre première page HTML : Partie 3
Просмотров 993 года назад
Dans cette vidéo nous allons créer deux autres pages html et voir une balise, la balise a permettant la navigation entre les pages HTML. Lien de téléchargement du dossier image : drive.google.com/file/d/1gcCYXlkmnwyL83Vfd622rkcqc_98plta/view?usp=sharing
Notre première page HTML - Partie 2
Просмотров 1323 года назад
Dans cette vidéo nous continuons la construction de notre première page HTML
Atom beautify pour formater le code HTML/CSS
Просмотров 1273 года назад
Atom beautify est un package atom permettant de formater notre code afin de le rendre plus agréable et facile à lire, un outis de productivité très important pour se concentrer sur l'essentiel.
Rafraichir automatiquement une page HTML
Просмотров 1,7 тыс.3 года назад
On vas voir dans cette vidéo un package atom permettant de rafraichir automatiquement une page HTML, afin de gagner du temps dans l'écriture de code HTML/CSS.
Merci pour ce cours mashaallah
Bonsoir comment vous allez et pour empêcher la page de s'actualiser on fait quoi
Bonjour, il suffit de ne pas utiliser le package et d'appuyer sur f5 ou aller manuellement dans la barre de recherche de votre navigateur pour actualiser si vous ne voulez pas le rafraichissement automatique mais uniquement manuel..
salut, j'ai une erreur 404 lors de la publication du site, j'ai pourtant juste 3 fichier (html, css et js)
merci d'envoyer votre dossier zip a mon email codewithsabri@gmail.com, je vous répondrais
@@codewithsabri8498 j'ai trouvé, c'était mon fichier index qui était mal nommé mais merci tout de même
Merci infiniment 😁
tres bonne video pour comprendre la différence entre ces 3 élèments CSS , merci =)
Merci! je me suis cassé la tête pendant 2jours et là en 14min c’est limpide
Bonjour est cd que il y a la possibilité de le modifier après le mettre on ligne
Bonjour oui biensur, il faut modifier vos fichiers locaux et les renvoyer en ligne sur le même site.
Esy ce qu'on peut donner un nom de domaine pour ne pas avoir a partager le lien ? Merci
Oui bien sure mais ca reste payant comme partout :)
Et si cela ne marche pas?
Comment ca? Peux tu expliquer?
@@codewithsabri8498 j'ai déployé mon site mais lorsque je clique sur le lien j'ai une erreur 404.
@@rag6105 viens sur mon discorde je vais résoudre ton problème : discord.gg/4Y26fFcs
@@codewithsabri8498moi aussi sa me le fait me je peux pas avoir discord comment je fait?
Wowwwww un grand merci Sabri, j'ai enfin compris après avoir regardé moults vidéos. C'est clair et très très bien expliqué. 1000 mercis de m'avoir ôté cette épine qui commençait à s'infecter ;)
merci
Merci beaucoup
Très clair, bravo!👍👍👍
Merci. Explication facile donc la compréhension ne peut qu'être facile.
Trop bien Netlify ! merci pour la vidéo 👍👍👍
Bonjour Sabri, grâce à votre vidéo, Block, Inline et Inline-Block ne sont plus des notions obscures pour moi. Comme quoi, quand c'est bien expliqué, c'est facile à comprendre ! 👌👌👌
Merci
Cette vidéo est une masterclass ! j'ai enfin compris cette propriété
Je suis content pour toi, de nouvelles arrivent prochainement tenez vous prêt 🙂
bravo Mr
merci beaucoup great
Avec plaisir
Bonjour, est ce qu'on peut supprimer le site sur l'application ?
Oui biensur, il faut aller sur site setting, ensuite tout en bas il y a un bouton rouge pour supprimer :)
@@codewithsabri8498 Merci.
merci, très bien expliqué
Merci à vous
Merci pour ce partage, c'est cool !
Depuis une semaine, j'ai tout visionné vos vidéos ... c'est vraiment bien expliqué . J'espère que vous continuez à nous éclairer le monde passionnant développement WEB avec vos cours.
Bonjour , merci beaucoup ..vos cours sur le flexbox sont tellement clairs , concis. Bravo.
Merci Mr Sabri
Svp pourquoi les liens « à propos » et « nous-contacter » sont en dessous de l’image alors que dans le code HTML c’est plutôt l’inverse ?
Bonjour Primera, en fait on à l'impression qu'ils sont en bas, mais ils sont a gauche de l'image, les liens et les images sont des éléments de type inline ,( ils prenne uniquement leur largeur et s'affiche de gauche à droite), dans ce que tu vois les liens sont à gauche de l'image et non en bas, si tu trace une ligne à la base de de l'image tu verras que la ligne est au niveau des liens, mais comme l'image a une hauteur beaucoup plus grande ca donne l'impression que les liens sont en bas. En espérant t'avoir répondu n"hésite pas si t'a d'autres question.
merci à toi, grâce à cette vidéo c'est plus claire dans ma tête pour différencier margin et padding. 👌
super, les explications !!!!
Merci a toi, si tu souhaites voir des tutoriels qui te plaise merci de l'écrire en commentaire.
Merci beaucoup pour cette vidéo. Vous expliquez tellement bien 🙂 Bravo
Merci nahchal d'autres vidéos arriveront bientot, n'hésitez pas a laisser en commentaires les vidéos que les tutoriels que vous voudriez voir.
Très impatient de voir les autres vidéos qui arrivent bientôt. Pourriez-vous aussi faire des vidéos sur le Grid ? Cordialement
@@nahchalchaharmane2987 merci a toi ça sera dans la liste des tutoriels a venir.
bravo c est simple et rapide tes vidéos sont clairs et vraiment utiles pour les débutants
stp fait une playlist css tes vidéo sont top et bien expliquer
merci beaucoup
Merci MR, de la tunisie .
merci ;-)
merci c'est enfin clair