Petit code entre amis
Coder pour le plaisir. Coder entre amis. Coder et partager.

README

Bienvenue sur mon site perso, dédié au code. J'y présente mes projets, et quelques idées sur le prototypage d'application.

Mon idée du prototypage, c'est l'art présenter l'idée qu'on a eu autour d'une bière avec les potes, en un minimum de temps. Il y aura du html, du css et du javascript, pour s'affranchir des contraintes liées au support. Et coté serveur, du PHP et du NodeJs.

Graphe Branche Description Date
Petit code entre amis Deuxième skin 26-01-2015
Projets Initiation au code 22-01-2015
Projets Affichage des projets 21-01-2015
Petit code entre amis Ajout d'un historique 20-01-2015
Petit code entre amis Creation du site 20-01-2015
Message:
Je ne sais pas siles skins sombres vont plaire à tout le monde... Alors, en voilà une sur fond blanc, inspirée de NetBeans.
Si je devais aprendre à quelqu'un à programmer... Disons, à un collégien, qui n'a pas la moindre idée de ce qu'est une variable ou à une fonction... Et bien ma petite idée, c'est de lui faire faire du javascript pour coder des animations, puis un jeu. Le setup, c'est un fichier javascript avec la fonction mise_a_jour() à remplir, et un fichier html qui ne bouge pas et qui appelle mise_a_jour par un requestAnimationFrame. Et nous voilà parti à la découverte de la programmation, tout en s'amusant !
Au départ, je voulais juste présenter mes astuces, mes idées sur la façon de coder. Mais finalement, ce sera aussi un endroit pour présenter mes projets.
Le format blog est le plus adapté pour présenter l'actualité, Mais ça ne collait pas du tout, dans mon idée de reprendre un graphisme d'IDE.
Ca y'est je me lance ! Je vais essayer de trouver un format pour parler de code. Et histoire de m'amuser encore plus, et pour faire plaisir à mon âme de codeur, je vais reprendre les graphismes d'un environnement de développement.
Fichiers:
capture-historique.png
capture.png
capture2.png
Aperçu:

Initiation au code

Je n'ai pas appris à coder en calculant des moyennes dans un tableur excel. J'ai codé pour créer des mini jeux, puis pour résoudre des problèmes de maths et de physique automatiquement.

De nombreuses initiatives pour apprendre à coder nous place dans un environnement créé pour l'occasion, ça ne me correspond pas dans le sens où ce ne sont pas des conditions réelles de développement.

D'où le javascript pour faire quelques animations à l'écran, et prendre du plaisir en apprenant. Les premières étapes, pourtant simples permettent de découvrir de nombreux concepts: Découvrir ce qu'est une fonction, des paramètres, une variable. Et aussi découvrir le système de coordonnées (x,y) et que l'animation, ce n'est finalement qu'une succession rapide d'images.

    var y = 0;

    function mise_a_jour()
    {
        canvas.fillStyle = 'red';
        canvas.fillRect(50, y, 100, 100);
        y = y+1;

        if (y>500)
        {
            y = 0;
        }
    }

Au programme : variables, tests, boucles, évênements claviers, utiliser un debugguer... La base !

Prototyper un site web

Dans un soucis de retrouver des briques élémentaires, et de ne pas utiliser un CMS de type wordpress, spip ou drupal. Avec un simple setup mixant PHP et Twig, on peut tester une idée en quelques minutes.

Prototyper une application web

L'application web se différencie du site web, par la façon d'utiliser l'espace dans la page, par les intéractions proposées à l'utilisateur. Cet article aborde les points suivants:
- Comment placer les éléments graphiques ?
- Comment les mettre à jour ?
- Comment sauvegarder puis réouvrir les données de l'utilisateur ?

Projets

J'essaie années aprèsannées de perfectionner mes techniques de prototypage. Elles sont sensées permettre à des idées de rendre vie en un minimum de temps.

J'espère que cette rubrique se remplira vite, et qu'on aura l'occasion de s'éclater à créer de nouveaux concepts !

Petit code entre amis

Le design du site 'Petit code entre amis' est pour moi, l'occasion d'écrire mon propre javascript, et mon propre CSS, et du javascript en utilisant seulement JQuery.

J'utilise la méthodologie présentée dans 'creer un site web' c'est à dire: PHP - Twig - JQuery

Et comme j'aime bien garder des traces de l'évolution, voici des screenshots.

-Screenshots-

Make Your 3D Shape

Tout a débuté avec l'envie de faire un cadeau personnalisé imprimé en 3D. L'idée était pour simple, reprendre un logo, gérer plusieurs épaisseurs...

Aujourd'hui, après un an de dev assidu, et de nombreux enseignements, le projet est en pause. Mais je ne désespère de le reprendre un jour ! En tout cas, il m'a permis de me faire mes premières armes en javascript, typescript, nodejs !

Console
08/12/2016