www . Francois - Dancre . fr

François Dancre

Photo

À propos

Etudiant en informatique

Je m'appelle François Dancre, un étudiant de 21 ans actuellement inscrit en Bachelor Développeur Web chez My Digital School Annecy. Mon intérêt marqué pour le développement web m'a conduit à explorer les multiples facettes de la création en ligne.

Contribution GitHub

My Digital School

2025 - Aujourd'hui

Bachelor Développeur Web

My Digital School, Annecy

Formation en développement web moderne, front-end et back-end, projets pratiques et professionnalisation.

BTS SIO SLAM

2023 - 2025

BTS Services Informatiques aux Organisations

Option Solutions Logicielles et Applications Métiers (SLAM)

Lycée Saint Michel, 74600 Annecy

Stage - FolloYou

Janvier - Février 2025

Stagiaire Développeur Web

Utopia Informatique

Développement d'une application web pour gérer les clients et devis des entreprises utilisant Batigest.

Stage - Attelages

Mai - Juin 2024

Développeur WordPress

Aura Marketing

Création d'un site web pour une association dédiée à l'équitation, permettant la gestion des articles, dates de concours et photos.

Baccalauréat

2022 - 2023

Baccalauréat

Lycée Louis Lachenal, 74019 Argonay

HTML

Structure et sémantique

CSS

Design responsive

JavaScript

Frameworks et animations

PHP

Application web

Python

Scripts et exercices en cours

MySQL

Modélisation de base de données

Symfony

Framework PHP robuste et flexible

WordPress

Création de site web

React

Components

C# / C++

Exercices en cours

VS Code

Environnement de développement

Git

Contrôle de version

SQL Server

Introduction aux bases de données relationnelles

Voir le certificat

Conception de BDD

Conception et implémentation de bases de données

Voir le certificat

JavaScript Fondamentaux

Bases et fondamentaux du langage JavaScript

Voir le certificat

JavaScript Intermédiaire

Concepts intermédiaires en JavaScript

Voir le certificat

JavaScript Avancé

Fonctionnalités avancées et développement moderne

Voir le certificat

Programmation

Principes fondamentaux de programmation

Voir le certificat

Cybersécurité

Introduction à la cybersécurité

Voir le certificat

PIX

Compétences numériques

Voir le certificat

FolloYou

Attelage.org

Frameworks de Développement Émergents

Ma veille technologique se concentre sur les frameworks de développement émergents qui transforment l'écosystème du développement web et logiciel.

Svelte

2019

Compilateur plutôt qu'un framework traditionnel, Svelte déplace le travail du navigateur vers le build.

Front-end Léger Réactif

// Exemple Svelte
<script>
  let count = 0;
  const increment = () => count += 1;
</script>

<button on:click={increment}>
  Clicks: {count}
</button>

Deno

2020

Runtime JavaScript/TypeScript sécurisé par défaut, créé par le fondateur de Node.js.

Runtime TypeScript Sécurité

// Exemple Deno
import { serve } from "https://deno.land/std/http/server.ts";

const server = serve({ port: 8000 });
console.log("Serveur lancé sur http://localhost:8000/");

for await (const req of server) {
  req.respond({ body: "Hello World\n" });
}

Flutter

2018

Framework UI de Google pour créer des applications natives multi-plateformes depuis une seule base de code.

Mobile Multi-plateforme Dart

// Exemple Flutter
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('Flutter Demo')),
        body: Center(child: Text('Hello World')),
      ),
    );
  }
}

Next.js

2021

Framework React avec rendu côté serveur et génération de sites statiques offrant des performances optimales.

React SSR Vercel

// Exemple Next.js
// pages/index.js
export default function Home() {
  return (
    <div>
      <h1>Welcome to Next.js!</h1>
    </div>
  )
}

export async function getStaticProps() {
  return {
    props: { /* données */ },
  }
}

Astro

2022

Framework web moderne axé sur le contenu qui livre moins de JavaScript tout en offrant une expérience développeur exceptionnelle.

Content-focused Islandable Multi-framework

// Exemple Astro
---
// Frontmatter pour la logique de composant
const title = "Hello Astro";
---
<html>
  <head><title>{title}</title></head>
  <body>
    <h1>{title}</h1>
  </body>
</html>

Bun

2023

Runtime JavaScript tout-en-un ultra-rapide avec bundler, transpileur, gestionnaire de packages et runner de tests intégrés.

Runtime Performance JavaScript/TypeScript

// Exemple Bun
// server.js
export default {
  port: 3000,
  fetch(request) {
    return new Response("Hello from Bun!");
  },
};

// Démarrer avec: bun server.js

SolidJS

2018

Framework déclaratif qui compile les expressions réactives en micro-tâches ciblées sans DOM virtuel, offrant des performances supérieures.

Réactivité fine Sans VDOM Ultra-performant

// Exemple SolidJS
import { createSignal } from "solid-js";

function Counter() {
  const [count, setCount] = createSignal(0);
  
  return (
    <button onClick={() => setCount(count() + 1)}>
      Clicks: {count()}
    </button>
  );
}

Qwik

2022

Framework "resumable" qui élimine l'hydratation en chargeant uniquement le JavaScript nécessaire lors de l'interaction, pour une performance initiale inégalée.

Resumable Lazy-loading Builder.io

// Exemple Qwik
import { component$, useSignal } from '@builder.io/qwik';

export default component$(() => {
  const count = useSignal(0);
  
  return (
    <button onClick$={() => count.value++}>
      Clicks: {count.value}
    </button>
  );
});

Comparaisons de Frameworks

Ma veille me permet d'analyser et de comparer les forces et faiblesses des différentes solutions technologiques.

Runtimes JavaScript

Critère	Node.js	Deno	Bun
Performance	Bonne	Meilleure	Excellente
Sécurité	Standard	Sécurisé par défaut	Standard
Écosystème	Très mature	En croissance	Naissant
TypeScript	Avec transpilation	Natif	Natif

Frameworks UI

Critère	React	Svelte	Vue	SolidJS
Bundle size	Lourd	Très léger	Modéré	Très léger
Performances	Bonnes	Excellentes	Très bonnes	Excellentes
Adoption	Massive	Croissante	Importante	Émergente
Paradigme	Virtuel DOM	Compilation	Hybride	Réactivité fine

Meta-frameworks

Critère	Next.js	SvelteKit	Astro	Qwik
Base	React	Svelte	Multi-frameworks	Qwik
Rendu	SSR, SSG, CSR	SSR, SSG, CSR	SSG, Îles	SSR, Resumable
JavaScript client	Complet	Modéré	Minimal	Progressif
Focus	Applications	Applications	Sites de contenu	Performance

Sources et méthodes de veille

Impact sur mon apprentissage

Cette veille me permet d'anticiper les évolutions du marché et d'adapter mon apprentissage aux technologies les plus prometteuses. Comprendre les nouvelles approches de développement enrichit ma capacité à concevoir des solutions innovantes.

Contactez-moi

Formulaire de contact

Nom

Sujet

Message

Photo

À propos

Etudiant en informatique

Contribution GitHub

My Digital School

Bachelor Développeur Web

BTS SIO SLAM

BTS Services Informatiques aux Organisations

Stage - FolloYou

Stagiaire Développeur Web

Stage - Attelages

Développeur WordPress

Baccalauréat

Baccalauréat

HTML

CSS

JavaScript

PHP

Python

MySQL

Symfony

WordPress

React

C# / C++

VS Code

Git

SQL Server

Conception de BDD

JavaScript Fondamentaux

JavaScript Intermédiaire

JavaScript Avancé

Programmation

Cybersécurité

PIX

FolloYou

Attelage.org

Frameworks de Développement Émergents

Svelte

Deno

Flutter

Next.js

Astro

Bun

SolidJS

Qwik

Comparaisons de Frameworks

Runtimes JavaScript

Frameworks UI

Meta-frameworks

Sources et méthodes de veille

GitHub Trending

State of JS

JavaScript Weekly

Fireship

Impact sur mon apprentissage

Contactez-moi

Formulaire de contact