- Retour
-
Expertise
Techno et techniques.
En un coup dœil
- HTML5/CSS3
- JavaScript/Vue.js
- Responsive Web Design
- Web Standard & Performance Quality
- Node.js
- Gestion de projet/d'équipe
- Analyse et esprit critique
Mon CV
La liste exhaustive de mots-clés ci-dessous détaille les technologies mises en œuvre sur mes projets tout au long de ma carrière. Pour les compétences les plus récentes et importantes, vous pouvez consulter mon CV en version web (bruno.lesieur.name).
Client-side
HTML5 / xHTML - Sémantique
- Rendu dynamique : Vue.js, Markdown, EJS, Pug, Smarty, ASP.NET, Razor
- Interopérabilité : DocType, classes CSS conditionnelles, jeu de caractères, commentaires conditionnels IE, hack CSS, polyfills, CORS,
- Référencement : balises sémantiques, Microdata, RFDa, sitemap, flux XML, liens canoniques, géolocalisation
- iFrame : cross-domain, autosize
- SVG / Canvas : police d'écriture, animation, moteur physique, manipulation et rendu de données
CSS3 / CSS2.1 - Design
- Guide de style : typographie, colorimétrie, iconographie, grilles, médias, interactions
- Positionnements : block, inline, float/flow-root, relatif, absolute, fixed, sticky, table, flex, grid
- Sélecteurs : +/~, ::before / ::after, :first-child / :last-child, :nth-child, :focus / :hover / :active / :visited, :lang()
- Polices embarquées : @font-face (.eot / .ttf / .woff(2) / .svg), Glyphicons, Font Awesome
- Animation : SVG, CSS Sprite, Base64, propriété transform, transition, animation, @keyframes
- Portabilité : Responsive Web Design, Media Queries, Meta Viewport, propriété box-sizing, CSS conditionnelles, calc(), @supports, @page, print
- Philosophies : CSS-driven —BEM— (site originaux / sites vitrines / sites performants, standard W3C), HTML-driven —OOCSS— (Édition de contenu, Back-office / Application web, framework CSS), TABLE-driven —HTML4— (habillage email, style inline / vieux attributs)
JavaScript - interactivité
- Interface riche : ES6+, TypeScript, Vue.js, AngularJS, support HTML5 (vieux navigateurs), localStorage, manipulation CSS / DOM, animation, expressions régulières, fallback / polyfill, scripts / plugins, prototype, publics, privates
- Actions asynchrones : Promise, async/await, defer, XMLHttpRequest2 (AJAX), Fetch API, Socket.IO (WebSockets), JSON / XML, callback
- Cross-domain : cookie / session, postMessage Transport / hash Transport / window.name Transport, JSONP, XMLHttpRequest2, XDoc, Contrat P3P
- Documentation : Node.js module, JSDoc et JSDoc tags, Observable
Référencement / Performances
- SEO : Vue-Server-Renderer, Vue-Router, ré-écriture d'URL, redirections serveur, AJAX / escaped_fragment, pushState / replaceState, réseaux sociaux
- Compression : gzip / deflate, file minified / obfuscated, CSS sprite, Base64, image compression (Lossy / Lossless)
- Chargement : prioriser ressources (ordre de placement, ordre d'appel), différer ressources (attribut defer, yepnope.js), paralléliser ressources (async, defer, async.js), éviter phénomène de FOUC
- Outils : SonarQube, Validator HTML W3C, Validator CSS, Lighthouse, Page Speed Insight, GTMetrix, Google Analytics, jsHint / jsLint, StrongLoop
Server-side
Node.js
- Usage : npm module, package.json, require / import / exports, NodeAtlas, Nuxt, Express, middleware, EJS, Socket.IO, JSDoc, async, commander, JSON, mongoose, Puppeteer
- Architecture MVC2 : Model / View / Controller / Rewriting, NodeAtlas
- NoSql : MongoDB, Redis
- IDE : Sublime Text 3, Cloud9, VS Code, Cursor
SQL
- Usage : clé primaire, index, clés étrangères (Update / Delete, Cascade / Restrict / No Action), jointure (Inner / Outer left / right), recherche (Like / Regexp), procédures stockées, déclencheurs
- Variantes : MySQL, SQL Server
- IDE : phpMyAdmin, SQL Server Management Studio
PHP
- Usage : POO, Namespace, webconfig.xml, .htaccess
- Architecture MVC2 : Model / View / Controller / Rewriting, Laravel, Slim, CodeIgniter, API REST(full), REST(full)
- IDE : Sublime Text 3, Visual Code, NetBeans, Eclipse
ASP / Razor / C#
- Usage : LifeCycle, ViewState, POO, LINQ, héritage, polymorphisme, interface, générique, Scriptlet, web.config, UpdatePanel
- Architecture 3 Tiers avec URLRewriting : User Interface /BussinessObject /DataAccess, .NET
- Architecture MVC2 : Model / View / Controller / Rewriting, .NET MVC
- IDE : Visual Studio + Web Essentials
Framework / Librairie / API / CMS
- CSS : Reset / Normalize, Bootstrap / KNACSS / SemanticUI, Less, Stylus, CSS Variables
- JavaScript : Vue.js, Vuetify, Vanilla JS, jQuery, Modernizr, jQuery UI, async.js, Axios, AngularJS, Responsive.js, Relocate.js, Intro.js, Impress.js, D3.js, matter.js, CKEditor, Knex.js, Objection.js
- ASP.NET C#.NET : LINQ
- PHP : Laravel, Slim, MediaWiki, WordPress, CraftCMS, Drupal, Joomla!, PHPBB3
Web server
- Google Cloud Platform : Run, Functions, Build, App Engine, Compute Engine, SQL, Storage, Artifact Registry, Tasks, Scheduler, Memorystore, Logging, Monitoring
- Node.js : node-atlas, pm2, forever, hexo, bouncy, strong-pm, gulp, stylus
- NGINX : MAMP (Pro), Linux
- Apache : MAMP (Pro), WAMP, mod_rewrite, mod_proxy_wstunnel, Virtual Directory, changement de port
- IIS6 et 7 : Pool, Integrated / Classic Mode, Rewrite Module, Virtual Directory, Application
- IIS8 et Node.js : iisnode, WebSockets, Application Request Routing
- Versionning / mise en prod : Git, GitHub, Bitbucket, Filezilla, SVN, Interface OVH / Infomaniak
- Virtualisation / Hébergement : Docker, Digital Ocean, Google Cloud, OVH, Infomaniak, Gandi
Outils - conception, debug, workflow
- Code : Sublim Text, Chrome / Firefox / IE / Opera / Safari (Developer Tools / Firebug / Firebug Lite)
- CI/CD : Docker, Bitbucket Pipelines, ESLint/Prettier, Cypress, Vitest, Mocha/Chai
- Conception : Canva, Figma, Moqups, Balsamiq, NodeAtlas
- Media : Photoshop CS, Paint .NET, Audition CS, Audacity
- Gestion : Asana, Timelyapp, Zoho Invoice, Trello, Harvest, LiquidPlaner
- Disposition clavier : bépo, azerty