Nouvelle-Techno.fr
banner
nouvelle-techno.fr
Nouvelle-Techno.fr
@nouvelle-techno.fr
Formateur Freelance en développement de sites web, Développeur Web Fullstack
Chaine : http://youtube.com/@NouvelleTechno
CSS Anchor Positioning API (2025) :

➤ anchor-name pour désigner une ancre
➤ position-anchor pour se baser dessus
➤ anchor(top|bottom|center) pour le placement

➕ Plus de lisibilité
➕ Natif

🎥 Démo ici : youtube.com/shorts/n5iL-...

#CSS #WebDev #Frontend #UIUX
🧲 CSS peut enfin positionner un élément par rapport à un autre (expérimental) !
Depuis des années, positionner un élément par rapport à un autre en CSS (comme un tooltip, un menu ou une info-bulle) était une vraie galère… ➤ Soit on bidouillait avec position: relative et…
youtube.com
November 15, 2025 at 1:01 PM
Tu as une Freebox et tu t’en sers “juste” pour Internet ?

Dans mon nouveau tuto, je la transforme en petit serveur maison pour héberger un bot Discord en discord.js dans une VM Debian 12 🤓

VM, Node.js, config du bot, lancement 24/7 : tout est dans la vidéo.

🎥
Ton bot Discord en ligne 24/7… avec une simple Freebox ! (Debian 12 + discord.js)
Dans ce tuto, on installe et on fait tourner un bot Discord développé avec discord.js… directement dans une VM Debian 12 hébergée sur une Freebox Server 🤯 Au programme : ✅ Création / utilisation…
youtu.be
November 8, 2025 at 1:01 PM
Cette ligne CSS if() remplace ton JS (taille bouton souris/tactile).

⚠️ Chromium 137+ pour l’instant — ajoute un fallback.

▶️ youtube.com/shorts/4_yeI...

#css #webdev #frontend
Cette ligne CSS remplace ton JS 😱 — if()
Oui, CSS peut décider sans JavaScript. En 2 min, je montre if(media(any-pointer)) : souris → 36 px, tactile → 64 px. Snippet minimal, prêt à coller. Astuce: active l’émulation tactile dans les…
youtube.com
November 1, 2025 at 1:02 PM
JavaScript ajoute enfin des méthodes immuables pour manipuler les tableaux sans les muter :

toSorted()
toReversed()
toSpliced()

➕ Finies les mutations imprévues
➕ Idéal pour un style fonctionnel

🎥 Démo courte → youtube.com/shorts/tiv8f...

#JavaScript #WebDev #CleanCode #ES2023
toSorted(), toReversed(), toSpliced()… enfin des méthodes sûres en JS ! 🤯 #webdev #javascript #code
La plupart des développeurs JavaScript utilisent sort(), reverse() ou splice() sans s’en rendre compte… Et pourtant, ces méthodes modifient directement vos tableaux d’origine ⚠️ ➤ Besoin de trier…
youtube.com
October 25, 2025 at 12:03 PM
ECMAScript 2025 ajoute à JavaScript :

Set.prototype.intersection()

union()

difference()

🔥 Fini les manipulations manuelles
🎬 Démo rapide : youtube.com/shorts/N4BOm...

#JavaScript #ES2025 #Frontend #DevTools
JavaScript ajoute (enfin) les vraies méthodes de Set 😍
Manipuler deux ensembles en JavaScript a toujours été un peu pénible : il fallait faire des filter(), des spreads, et un peu de gymnastique mentale. Avec ECMAScript 2025, tout change. Les Set ont…
youtube.com
October 18, 2025 at 12:03 PM
ECMAScript 2025 : JavaScript sait importer un JSON comme un module.

Fini le fetch(), enfin une solution propre.

🎥 Démo : youtube.com/shorts/e-aHb...

#JavaScript #ES2025 #JSON #WebDev
Importer un JSON sans fetch ? JavaScript sait enfin le faire
Vous chargez encore vos fichiers JSON avec fetch() et await ? JavaScript moderne (ECMAScript 2024+) permet désormais d'importer un JSON comme un vrai module, en une seule ligne. ➤ Plus de parsing à…
youtube.com
October 11, 2025 at 12:02 PM
PHP 8.5 apporte deux fonctions utiles : array_first() et array_last().

Fini reset() / end() et les effets de bord.

🎥 Démo : youtube.com/shorts/Fvr8t...

#php #php85 #cleancode #webdev
Vous utilisez encore reset() ? PHP 8.5 a (enfin) mieux.
Vous utilisez encore reset() ou end() pour récupérer le premier ou le dernier élément d’un tableau PHP ? ➜ PHP 8.5 introduit enfin deux fonctions claires et lisibles : array_first() et…
youtube.com
October 4, 2025 at 12:01 PM
filter_var() devient plus strict avec PHP 8.5 grâce au flag FILTER_THROW_ON_FAILURE.

Validation native, exceptions automatiques : une vraie amélioration.

Démonstration rapide ici → youtube.com/shorts/r7zzj...

#php #php85 #cleanCode #webdev
PHP 8.5 améliore filter_var() avec ce flag (et c’est puissant)
Avec PHP 8.5, la fonction filter_var() devient enfin plus stricte. Un nouveau flag — FILTER_THROW_ON_FAILURE — permet de lancer automatiquement une exception si la validation échoue. Plus besoin de…
youtube.com
September 27, 2025 at 12:01 PM
PHP 8.5 introduit |> : un opérateur pour enchaîner les appels de fonctions sans les imbriquer.

Résultat : du code plus lisible, plus logique, plus propre.

🎬 Démo technique en 2 minutes :
youtube.com/shorts/ycxbR...

#php #php85 #backend #webdev #cleancode
PHP 8.5 : Tu vas enfin lire ton code dans le bon sens avec le "Pipe operator" 😎
Fini les fonctions imbriquées illisibles en PHP ! Avec l’opérateur pipe introduit dans PHP 8.5, ton code devient plus clair, plus lisible et plus logique. Dans cette vidéo, je te montre comment…
youtube.com
September 20, 2025 at 12:01 PM
🧭 Démo JavaScript : de la permission à l’adresse avec des APIs françaises. Code léger, bonnes pratiques, exemples concrets.

🎥 youtu.be/CfC9IYxzF04

#JavaScript #WebDev
September 13, 2025 at 12:02 PM
Une modale sans JS ?

Oui, avec la nouvelle API HTML popover 👀

Simple, propre, accessible.

🎬 youtube.com/shorts/BVMJj...

#html #frontend #webdev #cleanui
Vous utilisez encore du JS pour les modales ? HTML a une solution native 😮
Vous utilisez encore JavaScript pour créer des modales ? Il existe désormais une solution 100 % HTML native : l’attribut popover. Cette nouvelle fonctionnalité permet d’ouvrir et de fermer une…
youtube.com
September 6, 2025 at 12:01 PM
Reposted by Nouvelle-Techno.fr
Le système a été ajusté côté design et fonctionne très bien.
September 5, 2025 at 3:31 PM
Un accordéon natif en HTML sans JS ?

details + summary gèrent tout.

🧠 Accessible, simple, stylable.

🎬 youtube.com/shorts/9TsUx...

#html #frontend #webdev #trick
Accordéon sans JS ? Le HTML a une balise pour ça 😮
Le saviez-vous ? HTML propose une solution native pour créer des contenus repliables, sans JavaScript. Il suffit d’utiliser details avec un summary, et tout fonctionne automatiquement. ✅ Natif ✅…
youtube.com
August 30, 2025 at 12:01 PM
Le saviez-vous ?

CSS peut maintenant détecter si un élément contient un autre… et styliser le parent !

Oui, c’est possible avec :has() 🤯

📽️ youtube.com/shorts/iTFiN...

#css #frontend #webdev #moderncss
Ce sélecteur CSS peut cibler un parent selon ses enfants 🤯
Et si CSS pouvait enfin faire ce que seul JavaScript permettait jusqu’ici ? C’est désormais possible grâce au sélecteur :has(), disponible dans tous les navigateurs modernes 🎉 Dans cette vidéo d'1…
youtube.com
August 23, 2025 at 12:01 PM
Les arguments nommés en PHP 8 rendent vos fonctions plus lisibles.

Fini l’ordre strict, fini les valeurs par défaut à ignorer.

📽️ youtube.com/shorts/vmHiQ...

#php #php8 #webdev #backend
Vous écrivez encore vos arguments dans l’ordre ? Plus besoin avec PHP 8 😎
Depuis PHP 8, il est possible d’utiliser des arguments nommés dans les appels de fonctions. Plus besoin de respecter l’ordre, et fini les valeurs par défaut que l’on ne veut pas modifier. Un gain…
youtube.com
August 11, 2025 at 5:08 AM
En PHP 8, oubliez switch.

La nouvelle structure match rend votre code plus clair et plus sûr.

📹 youtube.com/shorts/K_sGG...

#php #php8 #backend #devlife
Arrêtez les switch en PHP, utilisez ça à la place 😱
La structure match est la version moderne de switch en PHP 8. Elle rend le code plus propre, plus sûr, et renvoie une valeur sans avoir besoin de break. Une astuce rapide qui change vos habitudes…
youtube.com
August 2, 2025 at 12:01 PM
Supprimer tous les styles CSS par défaut avec une seule ligne :

all: unset;

Fonctionne parfaitement pour boutons, inputs, etc.

➡️ www.youtube.com/shorts/Bm27g...

#CSS #Frontend #WebDev #CleanCode
July 19, 2025 at 12:02 PM
JavaScript et l’erreur classique :
TypeError: utilisateur.adresse is null

Le ?. (optional chaining) règle ce problème.

2 minutes pour comprendre 👉 youtube.com/shorts/6D0T2...

#javascript #code #devtips #webdev
Le symbole le plus sous-estimé en JavaScript (et pourtant ESSENTIEL) ! #javascript #coding
Vous avez déjà vu cette erreur ?Uncaught TypeError: can't access property "ville", utilisateur.adresse is nullElle survient lorsque l’on tente d’accéder à un...
youtube.com
July 12, 2025 at 12:02 PM
Encore un truc qui casse les cerveaux : [] == ![] // true

Et non, ce n’est pas un bug. C’est du JavaScript.

📹 youtube.com/shorts/lHpTU...

#wftjs #frontenddev #code
Ce bout de code retourne true… et personne ne comprend pourquoi 😱 #JavaScript
🧠 En JavaScript, [] == ![] retourne… true.Et ce n’est pas un bug, c’est la coercition de types qui fait des siennes.➡️ Une explication simple pour ne plus s...
youtube.com
July 5, 2025 at 12:02 PM
Encore des boucles foreach() en PHP ?
Regardez pourquoi array_map() est souvent mieux 👇

🔗 youtube.com/shorts/ZRbIG...

#PHP #dev #cleanCode
Vous faîtes encore des boucles en PHP ? STOP, faites ça à la place !
Vous utilisez encore foreach pour transformer des tableaux en PHP ?Voici une méthode 10x plus propre, plus rapide, et souvent oubliée : array_map() !Découvre...
youtube.com
June 28, 2025 at 12:02 PM
📢 À partir du 28 juin 2025, tout nouveau service numérique devra être accessible.

Je vous explique tout dans ce tuto (obligations, sanctions, plan d’action) → youtu.be/tGVDHS5eHzs

#accessibilite #a11y #europeanaccessibilityact #inclusionnumerique #devweb
🚨 Accessibilité Numérique : Ce qui change dès le 28 juin 2025 (vous n’avez plus le choix !) 🔥
À partir du *28 juin 2025*, une *nouvelle obligation légale* entre en vigueur : tous les nouveaux sites, applis et services numériques devront être accessibl...
youtu.be
June 14, 2025 at 12:02 PM
💻 Astuce rapide pour devs : minifier son JavaScript automatiquement dans PHPStorm avec UglifyJS.
Un gain de temps énorme dans vos projets JS.
📹 youtu.be/6vjtINyqoSY
#JavaScript #DevTips #PHPStorm
Cette configuration PHPStorm va MINIFIER le JS sans rien faire (UglifyJS + File Watcher) 🚀🔥
💡 Vous cherchez à minifier automatiquement vos fichiers JavaScript dès leur enregistrement dans PHPStorm ? Cette vidéo explique pas à pas comment configurer...
youtu.be
May 31, 2025 at 12:01 PM
Vous testez encore vos APIs avec Postman ? 😏

Essayez Bruno : léger, open source, local.
Je vous montre comment gérer du simple REST + du JWT, le tout sans prise de tête.

🎬 Vidéo ici : youtu.be/NSa6AYp8zA8

#devtools #api #jwt #bruno #opensource #restapi
🔥 L’alternative ultime à Postman ? Bruno en action (JWT + API REST)
Vous cherchez une alternative légère et open source à Postman ?🎯 Découvrez Bruno, le client API moderne pensé pour les développeurs : rapide, local, simple…...
youtu.be
May 24, 2025 at 12:02 PM
Vous développez un site en local ?
Partagez-le en 30 secondes avec ngrok 💻✨

Tuto vidéo ultra simple, tout y est :
✅ Inscription
✅ Installation
✅ Démo

🎬 youtu.be/Nvs_4VNl0sE

#dev #web #ngrok #code
🚀 Montrez votre SITE WEB en 1 clic (sans hébergement) grâce à NGROK ! 😱
🔥 Besoin de *partager rapidement* un site web en local *avec un client*, un collègue ou un ami, *sans passer par un hébergeur* ?Cette vidéo explique étape p...
youtu.be
May 17, 2025 at 12:02 PM