git - petit guide - no deep shit! git - petit guide juste un petit guide pour bien démarrer avec git. no deep shit ;) par Roger Dudler (translation by KokaKiwi) Remerciements à @tfnico, @fhd, Namics this guide in english, deutsch, español, indonesian, italiano, nederlands, polski, português, русский, türkçe, မြန်မာ, 日本語, 中文, 한국어 installation Télécharger git pour Mac OSX Télécharger git pour Windows Télécharger git pour Linux créer un nouveau dépôt créez un nouveau dossier, ouvrez le et exécutez la commande git init pour créer un nouveau dépôt. cloner un dépôt créez une copie de votre dépôt local en exécutant la commande git clone /path/to/repository si vous utilisez un serveur distant, cette commande sera git clone username@host:/path/to/repository arbres ajouter & valider Vous pouvez proposer un changement (l'ajouter à l'Index) en exécutant les commandes git add <filename> git add * C'est la première étape dans un workflow git basique. envoyer des changements branches mettre à jour & fusionner tags remplacer les changements locaux
les commandes Git que vous devez absolument connaitre! GIT est aujourd’hui le système de gestion le plus performant et pertinent. GIT a été développé par Linus Torvalds en 2005. Aujourd’hui, des millions d’entreprises l’utilisent pour gérer efficacement leur code source et la version de celui-ci. Ce logiciel open-source peut être téléchargé pour les plates-formes Linux, Windows, Solaris et Mac. Ce dont vous aurez besoin Avant de nous attaquer aux commandes Git à proprement parler, assurez vous d’avoir les éléments suivants: GIT d’installé sur votre système ou VPS Commandes GIT de base Git config L’une des commandes git les plus utilisées est git config. Git init Cette commande est utilisée pour créer un nouveau dépôt GIT : git init Git add La commande git add peut être utilisée pour ajouter des fichiers à l’index. Git clone La commande git clone est utilisée pour la vérification des dépôts. Git commit La commande git commit permet de valider les modifications apportées au HEAD. Git status Git push Git push est une autre commandes GIT de base. Git pull
Découverte du langage HTML - HTML | Ronan HELLO Bienvenue dans cette série de tutoriels où vous allez apprendre, pas à pas, à rédiger des documents en HTML 5 pour vous permettre de créer votre premier site internet. L’objectif de la série est de vous apprendre les concepts importants du HTML et de parcourir l’ensemble des balises que vous serez amenés à utiliser pour créer un site de A à Z. Mais tout d'abord, nous allons chercher à comprendre pourquoi le HTML est si important aujourd’hui, et pourquoi c’est en général le premier langage que l’on apprend lorsque l’on débute sa formation web. A qui s’adresse cette formation ? Avant cela, vous vous demandez surement ce que contient cette formation et s’il est judicieux de se jeter dedans ? Si vous êtes passionné par le web, étudiant, en reconversion, en recherche de nouvelles compétences, ou que vous souhaitez prendre de l’avance dans vos études, cette formation est faite pour vous. Un langage pour structurer l’information Séparer la structure et l’aspect visuel
An Introduction to Meta Viewport and @viewport Introduction Support for the viewport meta tag in Opera’s mobile products has been around for quite some time, and from Opera Mobile 11 onward, we have made our viewport implementation more robust, added support for new mechanisms to deal with different screen densities, and included an implementation of our own CSS @viewport rule proposal. In addition, Opera Mini 6 and later now also comes with basic support for the viewport meta tag. So, what better time than now to give you an introduction to the various viewport-related mechanisms you can use to optimize your site for mobile? Web page handling by mobile browsers Recent generations of mobile browsers can render full web pages without a problem and scale them so they fit nicely inside the phone browser’s visible screen area or viewport — the user then can zoom in on areas of interest and pan around on the page using touch, keypad, trackball or other input, depending on the phone model. Viewport syntax Setting the viewport width or in CSS,
Apprendre HTML et CSS // Les polices de caractères Nous allons mainteannt voir comment utiliser une autre typo que les polices systèmes. Pour cela, deux choix s'offrent à nous : Google font La première solution consiste à utiliser une police isue de la bibliothèque de Google : Google Font. Prenons par exemple la typo Roboto accessible ici : Si vous la sélectionnez, google vous donner un bout de code à insérer dans votre balise <head> : Cette ligne de code permet d'incorporer la typo à votre site. Une bonne pratique consiste à déclarer, en plus de notre typo principale, une police de substitution. Si la Roboto ne se charge pas, la Arial prend le relais. La propriété @font-face Une autre méthode consiste à importer manuellement les fichiers de notre police de caractère. intégrer des fichiers de typo à mon CSS Pour intégrer ses propres fichiers, nous allons utiliser la propriété @font-face : La première étape consiste à définir le nom de ma typo avec font-family :
Git and GitHub - Apprendre le développement web Tous les développeurs utiliseront une sorte de système de contrôle des versions (version control system ou VCS en anglais), un outil leur permettant de collaborer avec d'autres développeurs sur un projet sans prendre le risque que l'un d'eux écrase le travail d'un autre, et de revenir à une version précédente de la base de code si un problème est découvert plus tard. Le plus populaires de ces outils (au mois parmi les développeurs) est Git, ainsi que GitHub, un site vous proposant d'héberger vos dépôts de code et plusieurs outils pour travailler avec eux. Ce module vise à vous enseigner ce que vous devez savoir à propos de ces deux outils. Vue d'ensemble Les systèmes de contrôles des versions sont nécessaires pour le développement de logiciel : Les systèmes de contrôle des versions fournissent des outils pour répondre à ces besoins. Vous cherchez à devenir un développeur web front-end ? Commencer Prérequis Pour utiliser Git et GitHub, vous avez besoin : Guides Hello World (de GitHub) Voir aussi
Manipuler l'historique — Formation Comprendre Git | Grafikart Manipuler l'historique peut parfois s'avérer utile pour corriger un commit mal effectué mais aussi pour préparer une branche avant la fusion. amend L'argument --amend permet de rajouter les fichier en staging dans le commit précédent. Ceci permet de corriger un oubli et d'éviter de faire 10 commits pour la même chose. git commit --amend Il est important de ne jamais amend un commit déjà publié au risque de rendre compromettre l'historique de tout le monde. rebase Comme son nom l'indique rebase permet de déplacer une branche et de changer son commit de départ (sa base). Dans le principe c'est très simple, on déplace nos 2 commits. git rebase <nouvelle-base> Permet de changer la base de la branche courante pour la<nouvelle-base>. Pourquoi Rebase ? On peut se demander à quoi peut servir une telle opération. Le problème ici, c'est qu'un merge entrainera un 3-way merge qui va générer un nouveau commit de fusion et qui rendra l'historique plus complexe à lire. Et pour ceux qui préfèrent les images.
Visual Studio Code Visual Studio Code est un éditeur de code source récemment lancé par Microsoft, avec la particularité d'être diffusé sur Github donc en open source. Il est disponible pour Windows mais aussi Linux et Mac OS X et vient concurrencer directement les éditeurs modernes tels que Atom, Brackets et SublimeText. Il comprend donc un certain nombre de fonctionnalités devenues bien pratiques : Coloration syntaxique HTML, CSS/Sass/Less, JavaScript, C#, JSON, XML, etc Aide à l'édition de certains langages comme aperçu des couleurs en CSS Ouverture d'un dossier pour voir tous les fichiers dans une arborescence "Split view" pour éditer jusqu'à 3 fichiers dans la même fenêtre (Side by Side) Accès rapide à tous ces fichiers avec un raccourci clavier (Ctrl+P) Recherche dans fichiers multiples (mais pas encore remplacement) Support de Git natif Debugger intégré pour quelques langages (NodeJS, Mono) Intégration avec des tâches externes (de type Make, Gulp, Ant...)