To bookmark online knowledge resources and trendy new technologies in the field of computer science.
- Technical-Awesome-List
- Table of content
- Content
- 3D
- Animation
- API
- Architecture
- Bundler
- Carte - Maps
- Code IA generate
- Cloud - AWS
- Cursus roadmap for devs
- CSS
- Cheatsheets - Awesome List
- Chocolatey
- Coding guidelines
- Component - web
- Database - Prisma - SQL
- Data Structure
- DevOps
- Design
- Editor - local
- Editor - online
- Editor Tools - online
- Equipment
- Figma
- Format - Prettier Linter
- Full-stack-type
- Git Commit Hooks
- Green-IT
- IA
- Icon - Image - Font - Emoji
- Inteview
- Lang JS
- Lang - md
- Lang - Go
- Lang - Python
- Lang - R
- Lang - sh
- Lang - Terraform
- Lang - TS
- Lang - MD
- Meme GIF
- Network
- News
- OpenData
- Paradigm
- Patterns
- Permissions
- Programming Functionnal
- Programming Reactive
- Security
- SSR SPA SSG
- Stack
- Standards Protocols Procedures
- State
- Testing
- Tuto - usefull blog
- Type programming
- Tools
- Tools - online - css color font style
- Tools - online - format decode
- UML
- Unix
- mrdoob / three.js
- pmndrs / react-three-fiber
- iTwin / itwinjs-core
- cognitedata / reveal
- isjeffcom / CUBE.gl
- isjeffcom / CUBE.gl-examples
- Java Database Connectivity — Wikipédia
- For fast and secure sites | Jamstack
- Find Open Source By Searching, Browsing and Combining 571,476 Topics Across 59 Categories And 9,265,342 Projects On Github
- Les 4 types d'architectures les plus populaires
- Documentation - Leaflet - a JavaScript library for interactive maps
- Maps, geocoding, and navigation APIs & SDKs | Mapbox
- mapbox-gl-js
- mapblibre-gl-js
- OpenLayers
- deck.gl - WebGL2 powered visualization framework
- GeoJSON
- RFC | The GeoJSON Format
- GeoJSON Visualizer
- GeoJSONLint
- jsonFormatter
- Ogre : convert to and from GeoJSON
- awesome-geojson
- Introduction to the Cloud, a self-guided course. | DigitalOcean
- How To Manage Infrastructure with Terraform | DigitalOcean
- Introduction to Amazon EC2 - Elastic Cloud Server & Hosting with AWS
- Introduction to AWS IAM - Identity and Access Management on AWS - YouTube
- Introduction to Amazon Simple Storage Service (S3) - Cloud Storage on AWS - YouTube
- Trendy Skills
- espadrine/espadrine.github.com: Random data (formatted and raw) about me.
- Olivier Lacan
- kamranahmedse/developer-roadmap: Roadmap to becoming a web developer in 2021
- How to Learn Web Development in 2021 - a Web Developer Roadmap
- Full Stack Developer's Roadmap - DEV Community
- about nownownow.com
- BEM — Block Element Modifier
- Package comparison - CSS-in-JS
- ITCSS - ITCSS: Scalable and Maintainable CSS Architecture
- Web Design in 4 minutes
- CSS in 44min
- CSS Reference | Visual Guide
- HTML Reference | Visual Guide
- MarkSheet
- PostCSS - a tool for transforming CSS with JavaScript
- Sass: Syntactically Awesome Style Sheets
- styled-components
- Getting started | Less.js
- Sass: Sass Basics
- vercel/styled-jsx: Full CSS support for JSX without compromises
- Expressive, dynamic, robust CSS — expressive, robust, feature-rich CSS preprocessor
- Tailwind CSS - Rapidly build modern websites without ever leaving your HTML.
- CSS Color Palette Example | No Time Dad
- Complementary Color Picker | Giggster Guide
- 917 CSS Gradients | SheCodes
- CSS Color Palettes | SheCodes
- Color hunt
- CSS-Tricks - Tips, Tricks, and Techniques on using Cascading Style Sheets.
- A Complete Guide to Custom Properties | CSS-Tricks - CSS-Tricks
- A Complete Guide to Data Attributes | CSS-Tricks - CSS-Tricks
- A Couple of Use Cases for Calc() | CSS-Tricks - CSS-Tricks
- Une analyse approfondie de CSS-in-JS | Astuces CSS - Astuces CSS
- Properties | CSS-Tricks - CSS-Tricks
- :focus-within | CSS-Tricks - CSS-Tricks
- BEM 101 | CSS-Tricks - CSS-Tricks
- Creating Color Themes With Custom Properties, HSL, and a Little calc() | CSS-Tricks - CSS-Tricks
- Guides Archive - CSS-Tricks Archive - CSS-Tricks
- Font Size Idea: px at the Root, rem for Components, em for Text Elements | CSS-Tricks - CSS-Tricks
- A Complete Guide to Flexbox | CSS-Tricks
- Understanding the Web Content Accessibility Guidelines - Accessibilité | MDN
- Understanding the Web Content Accessibility Guidelines - Accessibility | MDN
- CSS selectors - CSS: Cascading Style Sheets | MDN
- Valeurs et unités CSS - Apprendre le développement web | MDN
- sindresorhus/awesome: Awesome lists about all kinds of interesting topics
- 2022 Front-end Cheatsheets | SheCodes
- typescript-cheatsheets/react: Cheatsheets for experienced React developers getting started with TypeScript
- keyboard-shortcuts-windows.pdf
- Airbnb React/JSX Style Guide
- The Twelve-Factor App
- The Grug Brained Developer
- 10 React Antipatterns to Avoid
- Uncle Bob Martin
- VueJs Style Guide
- Awesome-IT | Patterns
- Material Design 3
- Homepage - Material Design
- Mantine
- Rebass
- Tamagui — React Native + Web UI kit
- Chakra UI - A simple, modular and accessible component library that gives you the building blocks you need to build your React applications. - Chakra UI
- Framer: Design beautiful websites in minutes
- Bootstrap · The most popular HTML, CSS, and JS library in the world.
- Bulma: Free, open source, and modern CSS framework based on Flexbox
- React-Bootstrap · React-Bootstrap Documentation
- 7 ways to deal with CSS - YouTube
- Getting started | Mantine
- Components
- urql Documentation
- Introduction to Apollo Client - Client (React) - Apollo GraphQL Docs
- Knex.js - A SQL Query Builder for Javascript
- TypeORM - Amazing ORM for TypeScript and JavaScript (ES7, ES6, ES5). Supports MySQL, PostgreSQL, MariaDB, SQLite, MS SQL Server, Oracle, WebSQL databases. Works in NodeJS, Browser, Ionic, Cordova and Electron platforms.
- GoJS Sample Diagrams for JavaScript and HTML, by Northwoods Software
- Intro, Data Modeling, Databases | Prisma's Data Guide
- Prisma - Next-generation Node.js and TypeScript ORM for Databases
- Cours : TIAS2U17 Base de données S2
- SQL Server Date Functions Overview
- PL/SQL - IF-THEN-ELSIF Statement - Tutorialspoint
- PL/SQL pour les développeurs | Oracle France
- Guide PL/SQL
- Le langage PL/SQL — Documentation Cours de bases de données 2017-2018 V1.0
- Using Triggers
- Oracle / PLSQL: Execute a function that is defined in a package
- GitHub Pages | Websites for you and your projects, hosted directly from your GitHub repository. Just edit, push, and your changes are live.
- Develop. Preview. Ship. For the best frontend teams – Vercel
- Making our design system a useful tool for teams - Home Office Digital, Data and Technology
- 10-principes-psychologie-utile-ux-designer
- gov uk design-assets
- Readium Website
- Home - The A11Y Project
- Wendy Mackay - Informatique et sciences numériques (chaire annuelle 2021-2022) - Collège de France
- The 21 Main UX Laws Every Designer Must Follow + Examples
- 5 Essential Laws for UX Designers | by uxplanet.org | UX Planet
- UI cheat sheet: buttons. My favourite design element is the… | by Tess Gadd | UX Collective
- 7 Basic Rules for Button Design. by Nick Babich | by Nick Babich | UX Planet
- The ultimate guide to search UX. Like it or not, a Search UX is an… | by Yuyan Duan | UX Collective
- Button Design: Types of UX Buttons and Best Practices
- Inside Design Blog | Thoughts on users, experience, and design
- What is Response Animation Idle Load or RAIL | by PopArt Studio | Apr, 2022 | Medium
- UX And HTML5: Let’s Help Users Fill In Your Mobile Form (Part 1)
- Brad Frost
- Material Design | Color system
- Code Spell Checker - Visual Studio Marketplace
- TSLint - Visual Studio Marketplace
- Visual Studio Code Tips and Tricks
- Quokka.js - Visual Studio Marketplace
- Paste JSON as Code - Visual Studio Marketplace
- Tasks in Visual Studio Code
- Auto Rename Tag - Visual Studio Marketplace
- Better Comments - Visual Studio Marketplace
- Add jsdoc comments - Visual Studio Marketplace
- GitLens — Git supercharged - Visual Studio Marketplace
- GitHub Repositories - Visual Studio Marketplace
- VS Code tasks guide
- VS Code Typescript Build Task
- VS Code snippets
- Visual Studio Code Key Bindings
- CodeSandbox: Online Code Editor and IDE for Rapid Web Development
- Runtime at scale for everyone | LabStack
- JSFiddle - Code Playground
- JavaScript online editor and programming playground | Code | LabStack
- Best HTML Entities to TEXT Converter or Decoder Online tool
- Instantly parse JSON in any language | quicktype
- Free Unsplash Figma Plugin | Figma Elements
- Free uiGradients Figma Plugin | Figma Elements
- Free Isometric Figma Plugin | Figma Elements
- Free Chart Figma Plugin | Figma Elements
- Angular Material UI component library
- GitHub - Naedri/full-stack-type: Full Stack Type Safety with Angular, Nest, Nx, and Prisma
- Building a REST API with NestJS and Prisma
- Prisma | NestJS - A progressive Node.js framework
- prisma-examples/typescript/rest-nestjs at latest · prisma/prisma-examples · GitHub
- Applying Full Stack Type Safety with Angular, Nest, Nx & Prisma
- Angular Nx Tutorial - Step 1: Create Application | Nx
- Deploy Nest.JS on ZEIT Now with Github Actions | by JM Santos | ITNEXT
- Nest Plugin | Nx
- Book APIs (Free Tutorials, SDK Documentation & Pricing) | RapidAPI
- Developer Center / APIs / Books API | Open Library
- ElephantSQL
- Let’s Create A Nest, Nx, GraphQL, Prisma Single Data Model Definition | by Kristan 'Krispy' Uccello | JavaScript in Plain English
- La Fresque du Numérique
- The Shift Project
- GreenIT.fr
- MOOC Numérique Responsable | INR
- Pour un réveil écologique
- Agence de la transition écologique
- Le GDS EcoInfo
- Angular Commit Format Reference Sheet
- Conventional Commits
- Shields.io: Quality metadata badges for open source projects
- reinforcement-learning | Implementation
- RL-meetup-Reinforcement | Learning
- reinforcement-and-deep-learning | Course
- Dribbble - Discover the World’s Top Designers & Creative Professionals
- unDraw - Open source illustrations for any idea
- Beautiful Free Images & Pictures | Unsplash
- Free Icons, Clipart Illustrations, Photos, and Music
- Ionicons: Premium Open Source Icon Pack for Ionic Framework
- IMT-FIL2-IHM-Mockups – Figma
- Naedri/company-simulation: Web-based business simulation
- WebApp – Figma
- Rapport - Fichiers - Zaclys Nextcloud
- Naedri/ARCHI-weather-airport-server: A Go project to save data from multiple weather sensors using a MQTT broker into a Redis database accessible by an Echo Rest API.
- Naedri/ARCHI-weather-airport-client: A simple nextjs app to view data from a redis database dynamically fullfilled by weather sensors.
- The State of JS 2021: Resources
- Prepare for technical interview questions
- CodeCrafters | Advanced programming challenges
- Classes - JavaScript | MDN
- The
util.promisify()Function in Node.js - Mastering JS - Google Java Style Guide
- Google JavaScript Style Guide
- How To Code in Node.js | DigitalOcean
- Use Cases for JavaScript's IIFEs — Marius Schulz
- Disassembling JavaScript's IIFE Syntax — Marius Schulz
- javascript - What's the difference between using "let" and "var"? - Stack Overflow
- javascript - Syntax for an async arrow function - Stack Overflow
- How To Code in JavaScript | DigitalOcean
- vercel/examples: Enjoy our curated collection of examples and solutions. Use these patterns to build your own robust and scalable applications.
- RxJS - Subject
- tc39 - Specifying JavaScript
- Cours | Valentin Brosseau
- Algorithms and data structures implemented in JavaScript with explanations and links to further readings
- Affecter par décomposition - passée en argument - JavaScript | MDN
- Syntaxe de décomposition - JavaScript | MDN
- Affecter par décomposition - nom de propriétés - JavaScript | MDN
- Affecter par décomposition - imbriquée - JavaScript | MDN
- Spreading, Resting, and Renaming Properties in TypeScript
- ApexCharts.js - Open Source JavaScript Charts for your website
- beautiful-react-diagrams | A tiny collection of lightweight React components for building diagrams with ease
- Overview | React Charts | TanStack
- plotty
- D3
- Observable
- Un petit cours accéléré de compilation à la volée (JIT) - Bidouilleux d'Web
- Un petit cours accéléré d'assembleur - Bidouilleux d'Web
- Une introduction cartoonesque à WebAssembly - Bidouilleux d'Web
- A cartoon intro to WebAssembly Archives - Mozilla Hacks - the Web developer blog
- Apprendre les bases du développement web | Grafikart
- Linked List Data Structure
- Understanding Map and Set Objects in JavaScript | DigitalOcean
- sorting - How to sort a map by value in JavaScript? - Stack Overflow
- For vs forEach() vs for/in vs for/of in JavaScript | www.thecodebarbarian.com
- Reach UI
- Remix - Build Better Websites
- Remix is a NEW JavaScript framework you MUST try - YouTube
- Angular - Getting started with Angular
- Create a Next.js App | Learn Next.js
- Bien démarrer – React
- NestJS - A progressive Node.js framework
- Setting up a NestJS project with Docker for Back-End development - DEV Community
- Introduction · Bootstrap v5.0
- ES modules: A cartoon deep-dive - Mozilla Hacks - the Web developer blog
- UMD (Universal Module Definition)
- RequireJS | A JAVASCRIPT MODULE LOADER | Why AMD ?
- Bundler
- TUTO Python : Introduction à la programmation Python - YouTube
- Apprendre les bases de Python en 1h30min! - YouTube
- Python #1 - introduction - YouTube
- Les opérateurs Python - Pierre Giraud
- Les structures conditionnelles if, if...else et if...elif...else en Python - Pierre Giraud
- Créer des conditions Python complexes - Pierre Giraud
- Momotoculteur/ReconnaissanceImage: Tutoriel pour permettre de créer un classificateur d'images entre 5 fleurs, en utilisant Tensorflow et Keras, avec des algorithmes de deep learning en utilisant des réseaux à convolutions.
- Reconnaissance d'images - Deeply Learning
- Python 3 - Les fondamentaux du langage (3e édition) - Typologie des langages de programmation | Editions ENI
- Learn the tidyverse - Tidyverse
- analyse-R
- Teaching - Jingyi Jessica Li
- Gestion des données avec R
- Aide mémoire R
- Abcd’R - Astuces et scripts R
- R-bloggers | R news and tutorials contributed by (750) R bloggers
- Enseignements - silico.biotoul.fr
- Courses - Datanovia
- The R Graph Gallery – Inspiration and Help with R Graphics
- Cours Programmation R
- How To Code in TypeScript | DigitalOcean
- How to access a property of an object using the bracket notation in TypeScript strict mode - Stack Overflow
- TS exercices
- What Are .d.ts files and How to use them in TypeScript?
- Marius Schulz - blog - TS Evolution
- Borislav Hadzhiev - blog - TS Tuto
- How to extend a Type in TypeScript
- Override the Type of an Interface property in TypeScript
- Fix - Type 'string' is not assignable to type in TypeScript
- Markdown Guide
- GitHub Flavored Markdown Spec
- Insert Page Breaks into your Documents - Markdown Monster Documentation
- Markdown with revealJS
- HedgeDoc
- Free pad : faire-ecole
- Pay pad : HackMD
- linux - Why is my ethernet interface called enp0s10 instead of eth0? - Unix & Linux Stack Exchange
- Understanding the Loopback Interface - TechLibrary - Juniper Networks
- interface eth en eno et wlan en wlp3s0 / Accès internet et réseaux / Forum Ubuntu-fr.org
- Changez vos serveurs DNS sous Linux | NordVPN Customer Support
- A cartoon intro to DNS over HTTPS - Mozilla Hacks - the Web developer blog
- Vue d’ensemble du protocole de serveur de langage - Visual Studio (Windows) | Microsoft Docs
- Les Websockets : définition et implémentation dans une application Angular et Java Springboot | Axopen
- GitHub - webtorrent/webtorrent-desktop: Streaming torrent app for Mac, Windows, and Linux
- WebSocket | Firefox
- WebSocket
- Mullvad.net
- NordVPN
- IP/DNS Detect - What is your IP, what is your DNS, what informations you send to websites.
- DNS leak test
- IPv6 Leak Tests
- Résultats – Observatoire open data des territoires
- Documents Opendata France – OpenDataFrance
- OpenDataFrance – Association qui regroupe et soutient les collectivités territoriales françaises dans leur démarche d'ouverture de leurs données
- OpenDataFrance - Carte de l'observatoire open data
- Design Patterns
- JS Patterns
- Advanced React Patterns
- Angular Component Patterns
- TypeScript/React Component Patterns
- Web Component Patterns
- Node.js Design Patterns
- Clean Code JavaScript
- Clean Code Angular
- RxJs Reactive Patterns
- linux - How to change permissions for a folder and its subfolders/files in one step? - Stack Overflow
- Utiliser chmod et chown sur Linux facilement
- Learning Functional Programming with JavaScript - Anjana Vakil - JSUnconf - YouTube
- Why React Hooks? - YouTube
- TP3 - Recherche efficace - Parallélisme et communication asynchrone
- The introduction to Reactive Programming you've been missing
- CWE/SANS TOP 25 Most Dangerous Software Errors
- CWE | Common Weakness Enumeration
- OWASP | Open Web Application Security Project
- NVD | National Vulnerability Database
- CVSS | Common Vulnerability Scoring System
- ANSII | Agence nationale de la sécurité des systèmes d'information
- Décidez entre client-side et server-side rendering - Optimisez le référencement de votre site (SEO) en améliorant ses performances techniques - OpenClassrooms
- C'EST QUOI NEXT JS ? Et à quoi ça sert ? - YouTube
- SPA vs SSR vs SSG | Simon's Blog
- What is a static site generator? | Cloudflare
- Client-Side VS Server-Side Rendering - Data Fetching with Next.js - YouTube
- Tutoriel vidéo React : Next.js | Grafikart
- RFC | Requests For Comments
- ISO | International Organization for Standardization
- IETF | Internet Engineering Task Force
- IRTF | Internet Research Task Force
- ANSI | American National Standards Institute
- W3C | World Wide Web Consortium
- GitHub - ReactiveX/rxjs: A reactive programming library for JavaScript
- GitHub - ngrx/platform: Reactive State for Angular
- GitHub - ngxs/store - State Management for Angular
Video:
- Difference between RxJS and NgRx?
- RxJS Quick Start with Practical Examples
- NGXS - Angular State Management
- Angular ngrx Redux Quick Start Tutorial
Example:
- Github - rsm-angular : Angular SPA for MovieSearches implemented with Zustand
- Création d’une application ANGULAR avec NGRX (PATTERN REDUX) | Medium
- NgRx + Facades: Better State Management | Medium
- View Facades + RxJS! | Medium
- Push-based Architectures with RxJS - article
- Push-based Architectures with RxJS - video
- GitHub - reduxjs/react-redux: Official React bindings for Redux
- GitHub - pmndrs/zustand: State management in React
Video:
Example:
- SeleniumLibrary
- Robot Framework
- BDD Testing & Collaboration Tools for Teams | Cucumber
- JavaScript End to End Testing Framework | cypress.io testing tools
- Modularité et typage
- TypeScript: Documentation - Narrowing
- What does the
iskeyword do in typescript? - Stack Overflow - TypeScript: Documentation - Everyday Types
- Bundlephobia | Size of npm dependencies
- Cloudcraft – Draw AWS diagrams
- Excalidraw
- Figma
- GoogleChromeLabs-ProjectVisBug
- The API Design Platform and API Client - Insomnia
- Rive - Editor
- NPMCompare.com - Search and Compare npm packages
- npm trends: Compare NPM package downloads
- Compodoc - The missing documentation tool for your Angular application
- nvbn/thefuck: Magnificent app which corrects your previous console command.
- 10 very promising Open Source Projects you haven’t heard of - YouTube
- 21+ Browser Dev Tools & Tips You Need To Know - YouTube
- 10 Tools & Services Every Ionic Developer Should Know - YouTube
- Hoppscotch - Open source API development ecosystem
- VisBug
- Gitpod - Always ready to code
- GitHub Codespaces à l’aide de Visual Studio ou d’un navigateur
- Eclipse Che | The Kubernetes-Native IDE for Developer Teams
- WebStorm : le plus intelligent des IDE JavaScript par JetBrains
- Jenkins
- Travis CI - Test and Deploy Your Code with Confidence
- Eclipse Hudson | projects.eclipse.org
- Features • GitHub Actions
- SonarCloud Scan · Actions · GitHub Marketplace
- Codacy | The fastest static analysis tool from setup to first analysis | Codacy
- Codecov - The Leading Code Coverage Solution
- company-simulation - Adrien JALLAIS
- Trello
- Laptop Figma Mockups | Figma Elements
- Adobe XD | Outil d'UI/UX design et de collaboration performant
- Laptop Figma Mockups | Figma Elements
- CSS property: display: flex | Can I use... Support tables for HTML5, CSS3, etc
- Font Flipper - Find Free Fonts
- Color Hunt
- Color Paletton
- complementary-colors
- Convert Css to React Style JSON by staxmanade
- JSX inline style to CSS
- regex101: build, test, and debug regex
- netlify: flow to TS or JS object
- URL Decode Online | URLDecoder
- JSON ABC - Sort JSON Alphabetically
- URL Encode
- Free Online Photography and Retouching Tools/Resources | Giggster Guide
- CyberChef
- SHA256 : Hash sha256 en ligne
- HTML Encoder/Decoder Online | 10015 Tools
- JSON Web Tokens - jwt.io
- Lucidchart | UML Sequence Diagram Tutorial
- IBM | The UML 2 class diagram
- IBM | The component diagram
- Yuml | Class Diagram Samples
- Microsoft | UML Class Diagrams: Reference
- Microsoft | UML Class Diagrams: Guidelines
- Linux Directory Structure and Important Files Paths Explained
- Ifconfig Command - Explained in Detail | All about Linux
- Adoptez l’arborescence des systèmes Linux - Administrez un système Linux - OpenClassrooms
- 7 Simple Ways to Free Up Space on Ubuntu and Linux Mint - It's FOSS
- Appendix F Hotkeys shortcuts — Lubuntu Manual 20.10 documentation
- Chapter 3.2.14 Shortcut Keys — Lubuntu Manual 20.10 documentation
- comparatif_lubuntu_xubuntu
- keyboard - How do I write french accents in Ubuntu 20.04 - Ask Ubuntu
- How to resize windows using hot keys to fill 50% of the screen? - Lubuntu Support - Lubuntu Discourse
- How I can create a shortcut to maximize/minimize windows in Lubuntu? - Ask Ubuntu
- Lubuntu/Windows - Community Help Wiki
- Tips and tricks | Lubuntu
- [Openbox] Hacks and Configs Thread! / Applications & Desktop Environments / Arch Linux Forums
- Filter Blue Light with F.lux Alternatives for Ubuntu, Linux Mint OS - SecurityBind
- Different wallpapers for different desktops? - Lubuntu Support - Lubuntu Discourse
- Fully dark theme by default on Lubuntu - #3 by Wugubee - Lubuntu Support - Lubuntu Discourse
- Lubuntu 20.04 Making LXQT look AMAZING! Easy Dark Themes! - YouTube