Apprends à coder
Sur Noucode.re, chaque tutoriel va droit au but : du code que tu comprends, que tu testes, et que tu réutilises dans tes projets. Des tutoriels gratuits pour apprendre à coder à ton rythme
Nos derniers tutoriels pour apprendre à coder
Automatiser les mises à jour wordpress
Dans ce tutoriel, vous allez apprendre à configurer les mises à jour automatiques du cœur, de vos extensions et de vos thèmes en utilisant le fichier wp-config.php et des filtres PHP très simples.
Comment charger une feuille CSS ou un script ?
Dans ce tutoriel, nous allons voir comment charger correctement une feuille CSS et un script JavaScript dans un document HTML, en respectant les standards actuels.
Qu’est ce que le certificat SSL et le HTTPS
Lorsque vous naviguez sur le web, vous remarquez souvent un petit cadenas à côté de l'URL, et l'adresse commence par https://. Mais que signifient réellement ...
Apprendre les conditions en php
Ce tutoriel vous guidera pas à pas pour apprendre les conditions en PHP. Nous aborderons la syntaxe de base, les opérateurs indispensables, ainsi que des ...
Comprendre la balise noscript en html
Dans ce tutoriel, nous allons voir comment fonctionne la balise <noscript>, où la placer dans votre code HTML, et quelles sont les bonnes pratiques pour ...
Comment faire pour apprendre à coder ?
Explorer
Découvrez les différentes thématiques, langages disponibles en cliquant sur les liens disponibles sur la plateforme
Recherchez
Trouver le tutoriel, la notion ou le guide spécifique dont vous avez besoin en vous aidant de la barre de recherche situé tout en haut
Pratiquez
Passer à l'action en écrivant du code et en récuperant nos exemples de code ou en prtiquant directement avec nos sandbox.
Nos tutoriels pour coder sur le web
HTML
Comment charger une feuille CSS ou un script ?
Dans ce tutoriel, nous allons voir comment charger correctement une feuille CSS et un script JavaScript dans un document HTML, en respectant les standards actuels.
Comprendre la balise noscript en html
Dans ce tutoriel, nous allons voir comment fonctionne la balise <noscript>, où la placer dans votre code HTML, et quelles sont les bonnes pratiques pour...
Utiliser les attributs data-* pour des interactions avancées
Pour enrichir vos interfaces web sans alourdir votre code, utiliser les attributs data-* pour des interactions avancées est une technique incontournable en HTML5.
CSS
Créer des effets de texte avancés avec CSS
Le texte est l'élément central de la grande majorité des sites web. Pourtant, il est souvent relégué au second plan visuellement, se contentant d'une simple...
Optimiser les Core Web Vitals de votre site web
L'optimisation des Core Web Vitals n'est plus une option pour les sites web modernes, mais une nécessité technique pour garantir une expérience utilisateur fluide et...
Créer un layout responsive avec CSS Grid
L'un des plus grands défis du développement web moderne est de garantir que l'interface s'adapte parfaitement à toutes les tailles d'écran. Si Flexbox est excellent...
JavaScript
Créer un effet d’apparition au scroll avec Intersection Observer
Aujourd'hui, JavaScript propose une solution native, asynchrone et redoutablement efficace : l'API Intersection Observer. Dans ce tutoriel, nous allons voir comment utiliser Intersection Observer au...
Gerer des JSON en javascript: le guide pratique
Que vous développiez une application front-end interactive, que vous communiquiez avec une API REST ou que vous sauvegardiez des préférences utilisateur dans le navigateur, vous...
Comment faire du débogage en Javascript votre alliée
Dans ce tutoriel, nous allons découvrir comment faire du débogage en Javascript. En exploitant la console et le débogueur pour traquer et corriger vos bugs...
PHP
Apprendre les conditions en php
Ce tutoriel vous guidera pas à pas pour apprendre les conditions en PHP. Nous aborderons la syntaxe de base, les opérateurs indispensables, ainsi que des...
Ajouter du code dans WordPress avec les mu-plugins
Ce tutoriel explore les méthodes professionnelles pour brancher vos fonctions ( code personnalisé) tout en respectant le cycle de vie du CMS.
Optimiser le chargement des classes avec l’Autoload de Composer
Dans l'écosystème PHP moderne, la gestion manuelle des inclusions de fichiers est une pratique révolue. Au cœur de cette révolution se trouve un outil devenu...
WordPress
Automatiser les mises à jour wordpress
Dans ce tutoriel, vous allez apprendre à configurer les mises à jour automatiques du cœur, de vos extensions et de vos thèmes en utilisant le...
Conditional tags: les cinq plus indispensable dans WordPress
Dans ce tutoriel, nous allons découvrir ce que sont ces marqueurs, comment ils fonctionnent, et surtout, explorer en détail les 5 conditional tags les plus...
Le .htaccess renforcer la sécurité de vos sites
La sécurité d'un site WordPress ne se limite pas à l'installation d'extensions dédiées. Bien souvent pour renforcer la sécurité: la meilleur des protections est de...
Questions fréquentes sur l'apprentissage du code
Qu'est-ce que Noucode.re ?
Noucode.re est une plateforme éducative dédiée à l'apprentissage du développement web. Le site est conçu pour les débutants et les personnes souhaitant approfondir leurs connaissances en codage, avec un accent particulier sur la communauté réunionnaise.
Quels types de cours sont disponibles ?
Le site propose des tutoriels détaillés couvrant les bases du développement web, y compris des cours sur HTML, CSS, JavaScript, et PHP. Chaque cours est conçu pour être accessible, avec des explications claires et des exemples pratiques.
Est-ce que les cours sont gratuits ?
Oui, Noucode.re offre tous ses cours gratuitement. Le site vise à démocratiser l'apprentissage du code, permettant à quiconque d'acquérir des compétences en développement web sans frais.
Pour qui sont les cours ?
Les cours sont adaptés à tous, des débutants complets aux utilisateurs plus avancés. Que vous soyez un étudiant, un professionnel cherchant à changer de carrière, ou simplement un curieux du développement web, Noucode.re a du contenu pour vous.
Comment commencer ?
Pour débuter, il suffit de choisir un tutoriel parmi ceux disponibles sur le site. Chaque tutoriel est structuré en étapes claires, avec des instructions précises, des exemples de code, et des exercices pratiques pour renforcer l'apprentissage.
