fr
fr
Frederic
Not open to job opportunities
Other
Paris
Freelance, Permanent contract
100% Remote work
Technologies
About
Frederic
Dev Javascript Angular Node.js | ⬢ Software architect 👉
OtherParis
developer avatar
Description

Passionné de le code et ses possibilités infinies. Après plusieurs années en tant que développeur back-end PHP, je m'oriente vers le développement front-end web et mobile, sur l'écosytème Javascript, et particulièrement sur Angular depuis 2016.

A ce jour, J'ai participé au développement de plusieurs dizaines d'applications, et j'ai formé +1000 apprenants au sein de plusieurs entreprises et écoles du numérique reconnues.

Languages : Javascript, PHP, Lua, Solidity
Environnements : Node.Js, Nginx, Apache
Frameworks : Angular, Ionic, ExpressJs, Laravel, HardHat, RobloxStudio
DB : MySql, Postgre, MongoDb
Test : Jasmine, Karma, jest
Devops : docker, Makefile, Envoy, Ansible
Agile : Trello, Jira

Soft skills : sensibilité produit orienté UX, aisance à communiquer, pédagogie, problem solver, adaptabilité à l'environnement

Après plusieurs années en tant que développeur back-end je m'oriente vers le développement front-end web et mobile, sur l'écosytème Javascript.

A ce jour, J'ai participé au développement de plusieurs dizaines d'applications, et j'ai formé environ 700 apprenants au sein de plusieurs entreprises et écoles du numérique reconnues.

Langues : Français, Anglais

Professional experiences
15 years of experience as Other (or similar)10 years of experience in other fields
Formateur Javascript / Angular
EPITA: Ecole d'Ingénieurs en Informatique - ParisJan 2023 - Sep 2023 · 8 months
Founder & CTO @FactureHero.com / Angular - Laravel - Node.js
FactureHero.com - ParisApr 2018 - Aug 2023 · 5 years 4 months

Fondateur et développeur de FactureHero, solution de facturation online pour
les Freelances.

  • Front-end : Javasript, TypeScript, Angular , UXDesign, Responsive, Adaptive
    app
  • Back-end : DĂ©veloppement de l'API REST sur le framework Laravel
  • Micro-service : dĂ©veloppement de micro-services sur nodeJS / Express /
    MongoDB
  • Gestion de projet : Agile, SCRUM
Formateur Angular 16
BNP Paribas - ParisApr 2023 - Jun 2023 · 2 months

Public : ingénieurs/développeurs
Formation Angular - Créer des interfaces web dynamiques avec le framework
Angular (Google)

  • HTML/CSS
  • Javacript ES6-8 orientĂ© objet
  • Angular
    Objectif : acquérir des connaissances solides sur l'utilisation avancée du
    framework ainsi que les bonnes pratiques, Ă  travers une approche projet.
Lead developper Angular - Ionic - Node.js
EASYSMARTLOCK - ParisJan 2020 - May 2023 · 3 years 4 months

EasySmartLock automatise la location courte durée.
Conception et développement d'une application mobile qui automatise le
process du check-in lors d'une réservation voyageur. L'application manage
des serrures connectées, génère et envoie automatiquement un code d'accès
par SMS au client.

  • Conception de l'architecture globale et des specifications
  • Back-end : design et dĂ©veloppement de l'API REST sur nodeJs / express
  • Front-end mobile : Ionic 5
  • Front-end admin : design et dĂ©veloppement de l'application sur Angular 10 -
    UI : Material
  • Services : API externes beds24, airbnb, booking, et twilio (service sms) et
    welock pour les serrures connectées
Formateur Angular 13- créer des applications web
BNP Paribas Personal Finance - ParisMay 2022 - Jun 2022 · 1 month

Public : ingénieurs/développeurs du groupe
Formation Angular - créer des interfaces web dynamiques avec le framework
Angular (Google)
Objectif : acquérir des connaissances solides sur l'utilisation avancée du
framework ainsi que les bonnes pratiques, Ă  travers une approche projet.

Formateur Angular 10 - créer des interfaces web dynamiques
EPITA: Ecole d'Ingénieur en InformatiqueSep 2020 - Sep 2021 · 1 year

Paris et périphérie
Public : ingénieurs/développeurs du groupe BNPP
Formation Angular - créer des interfaces web dynamiques avec le framework
de Google
Objectif : acquérir des connaissances solides sur l'utilisation avancée du
framework ainsi que les bonnes pratiques, Ă  travers une approche projet.

  • Installation, architecture d'une application, et premier component
  • Les concepts essentiels (module, component, data-binding, event,
    interpolation, directive, pipe)
  • Passer de l'information entre components parent/enfant
  • CrĂ©er de la navigation via le routing
  • Communiquer avec le monde extĂ©rieur avec HttpClient
  • RxJS / notions d'Observable / Les Subjects / les operateurs RxJS
  • Notion de state management - mettre en place une gestion d'Ă©tat Ă  l'aide de
    RxJS
  • Aller plus loin avec les requĂŞtes : mettre en place des interceptors
  • Coder un interceptor pour gĂ©rer l'authentification stateless Ă  une API
  • Aller plus loin avec le routing : les Guards
  • Le LazyLoding de modules - refactoriser l'architecture en multi-modules
  • Bonus : Importer des components de librairies externes : utiliser
    MaterialAngular
    WebForce3
mobile "
Formateur référent / Formation certifiante "Développeur front-end web- - ParisJan 2020 - Mar 2020 · 2 months

Formateur référent front-end et membre du Jury.

  • IntĂ©gration d'un projet Ă©tudiant "fil rouge" dans la formation
  • Tutorat pour les apprenants pour rĂ©aliser leur projet
    PRECISION :
    J'ai animé cette formation en 100% téléprésenciel via l'outil Zoom avec une
    session de 11 apprenants.
    Formateur Javascript
  • les bases de la programmation
  • interagir avec et la page web et gĂ©rer les actions utilisateurs
  • les class et programmation orientĂ©e objet
  • les outils de l'Ă©cosystème Javascript
    Formateur Angular 9
  • Angular et son positionnement sur le marchĂ© du dĂ©veloppement
    d'application web
  • DĂ©couverte du framework
  • les concepts
  • mise en pratique crĂ©ation d'une application type "Contacts App"
  • Aller plus loin : notion de gestion d'Ă©tat et mise en pratique via RxJs
  • DĂ©ployer une application Angular
    Formateur Ionic 4
  • Ionic, le dĂ©veloppement hybride, et les autres solutions
  • DĂ©couverte et utilisation des components Ionic
  • Les concepts
  • la libraire Cordova
  • Communiquer avec le monde extĂ©rieur via le module HttpClient
  • Mise en pratique : CrĂ©ation d'une application mobile type "AlloCinĂ©"
  • DĂ©ployer une application mobile PWA (pregressive Web App)
    => https://ionic-education-movies-app.netlify.app/
    Membre du JURY pour la présentation de projet de fin de formation Front-end
    des apprenants.
Formateur Ionic 4
Ecole IPSSI / Groupe IP-FormationAug 2019 - Aug 2019 ·

Paris 12, ĂŽle-de-France, France
Formation ionic 4 Ă  destination des Master1.

  • les fondamentaux d Angular 7/8 : les composants web, le data-binding, les
    directives, les pipes, les services, HttpClient, les Subjects, gérer l'état d une
    application front-end.
  • ionic 4 : Le changement de paradigme et dĂ©couverte des components UI Ă 
    travers la création d'application simple.
  • ionic 4 : Cordova / Ionic Native et utiliser le hardware du mobile. Difference
    entre Cordova et Capacitor.
  • Ionic 4 : Visualiser l application sur un device avec Devapp
  • Ionic 4 : compiler une app PWA
Formateur Javascript - TypeScript - Angular 7 - Ionic 4
WebForce3 - ParisJan 2019 - Apr 2019 · 3 months

Formateur ANGULAR 7 & IONIC 4

  • DĂ©couverte du Framework Angular, son usage et ses concepts
  • AvancĂ©e dans le grands principes du framework Ă  travers la conception
    d'une application CRUD
  • CrĂ©ation d'une web app "Contacts List"
    => http://frederic-lossignol.com/webapp-contactslist.gif
  • Ionic 4 : CrĂ©er une application mobile en utilisant les fonctionnalitĂ©s et
    le templating Ionic, puis utiliser ionic native pour accéder au hardware du
    téléphone.
    => https://frederic-lossignol.com/app-ionic-corrections.gif
    Formateur JAVASCRIPT
  • les bases de la programmation abordĂ©es via le langage Javascript
    (variables, types, conditions, boucles, fonctions et fonctions natives du
    langage)
  • Javascript orientĂ© objet

JS ES5 les fonctions constructeurs et le prototye
JS ES6 les class et la POO

  • Fabriquer de l'interaction - gestion des Ă©vĂ©nements, sĂ©lection avancĂ©e,
Conseil et formateur référent Javascript
manipulation du DOM - ParisMar 2019 - Mar 2019 ·
  • Elaboration du programme de formation Javascript / React / NodeJS d'une
    durée de 9 mois :
    Au sein de l'équipe WebForce3, j'ai élaboré le programme de formation
    Javascript / React pour la candidature de l'école en réponse à l'appel à projet
    de OUI SNCF. Il s'agissait de répondre au besoin de recrutement de 10
    développeurs en vue d'intégrer l'entreprise.
  • PrĂ©sentation orale du programme de formation auprès des dĂ©cideurs et de
Formateur HTML / CSS Responsive Design
l'équipe technique OUI SNCF - ParisMar 2019 - Mar 2019 ·

Encadrement de projet HTML5 CSS3 au sein de la formation DĂ©veloppeur

Formateur Javascript - Angular 7 - Ionic 4
Web. - ParisOct 2018 - Dec 2018 · 2 months

Formateur ANGULAR 7

  • DĂ©couverte du Framework, son usage et ses concepts
  • AvancĂ©e dans le grands principes du framework Ă  travers la conception
    d'une application CRUD
  • CrĂ©ation d'une web app "Contacts List"
    => http://frederic-lossignol.com/webapp-contactslist.gif
    Formateur IONIC 4
  • Ionic 4 : CrĂ©er une application mobile en utilisant les fonctionnalitĂ©s et
    le templating Ionic, puis utiliser ionic native pour accéder au hardware du
    téléphone.
    => https://frederic-lossignol.com/app-ionic-corrections.gif
    Formateur JAVASCRIPT
  • les bases de la programmation abordĂ©es via le langage Javascript
    (variables, types, conditions, boucles, fonctions et fonctions natives du
    langage)
  • Javascript orientĂ© objet

JS ES5 les fonctions constructeurs et le prototye
JS ES6 les class

  • Fabriquer de l'interaction - gestion des Ă©vĂ©nements, sĂ©lection avancĂ©e,
    manipulation du DOM
Formateur Javascript - Angular5
WebForce3 - ParisSep 2017 - May 2018 · 8 months

Formateur ANGULAR 5

  • DĂ©couverte du Framework, son usage et ses concepts
  • AvancĂ©e dans le grands principes du framework Ă  travers la conception
    d'une application CRUD
  • CrĂ©ation d'une web app "Contacts List"
    => http://frederic-lossignol.com/webapp-contactslist.gif
  • Workshop : CrĂ©er une web app "Velib" avec Angular 2
    => http://test-client.fr/viensenvelib/
    Formateur JAVASCRIPT
  • les bases de la programmation abordĂ©es via le langage Javascript
    (variables, types, conditions, boucles, fonctions et fonctions natives du
    langage)
  • Javascript orientĂ© objet

JS ES5 les fonctions constructeurs et le prototye
JS ES6 les class

  • Fabriquer de l'interaction - gestion des Ă©vĂ©nements, sĂ©lection avancĂ©e,
    manipulation du DOM
Formateur Javascript - jQuery
AJC Formation - ParisDec 2017 - Dec 2017 ·

Formation Javascript avancé et jQuery à destination des développeurs d'un
grand institut de sondage online. Au programme :

  • JS ES5 / ES6 : les diffĂ©rences (encapsulation des donnĂ©es avec let, typage,
    arrow-fonctions, class, compilation
  • Utiliser jQuery pour simplifier l'Ă©criture de nos scripts (sĂ©lection et sĂ©lection
    avancée, méthodes de manipulation du DOM, gestion des évènements,
    requĂŞtes asynchrones
  • Mettre en pratique ce que l'on a appris dans un projet de sondage online en
    bâtissant de l'interactivité.
Formateur Javascript et Angular2
WebForce3 - Pierrefitte-sur-SeineMar 2017 - Apr 2017 · 1 month

Formation JAVASCRIPT

  • les bases de la programmation abordĂ©es via le langage Javascript
    (variables, types, conditions, boucles, fonctions et fonctions natives du
    langage)
  • Javascript orientĂ© objet -J S ES5 et ES6)
  • Fabriquer de l'interaction - gestion des Ă©vĂ©nements, sĂ©lection avancĂ©e,
    manipulation du DOM
    Formation ANGULAR 5
  • DĂ©couverte du Framework, son usage et ses concepts
  • AvancĂ©e dans le grands principes du framework Ă  travers la conception
    d'une application CRUD
  • CrĂ©ation d'une web app "Contacts List"
    => http://frederic-lossignol.com/webapp-contactslist.gif
  • Workshop : CrĂ©er une web app "Velib" avec Angular 2
    => http://test-client.fr/viensenvelib/
Lead Web Developer
Civiliz - ParisNov 2016 - Feb 2017 · 3 months

La plateforme Civiliz permet la gestion d'avis de clients recueillis dans des
lieux physiques.
La mission intègre :

  • la rĂ©alisation de versions spĂ©cifiques des applications Civiliz de recueil d'avis
    Clients.
  • Les configurations Clients personnalisĂ©es et le dĂ©ploiement sur les serveurs
    Civiliz.
    Compétences utilisées pour cette mission :
    Back-end : PHP-MySQL - Framework CakePHP
    Front-end : Javascript - Backbone JS
    Intégration : HTML-CSS
    Versionning : GIT
    DĂ©ploiement : Capistrano
Formateur PHP-MySql - Programmation orientée objet
AJC FormationNov 2016 - Dec 2016 · 1 month

6 rue Rougemont -75 009 Paris
Formation au développement web avec le langage PHP et MySql
POO et MVC.
Dans cette formation, l'objectif était de donner aux élèves les clés de
compréhension du langage PHP, sa syntaxe, ses particularités, et
d'appréhender la POO et ses concepts. Nous avons également mis en
pratique le Design pattern MVC Ă  travers 2 projets.
NOTIONS

  • Architecture Client-Serveur
  • RequĂŞtes Http (protocole, querystring, analyse de la rĂ©ponse serveur)
    Installation de l'environnement
  • Apache, PHP, phpMyAdmin (Xampp et VM)
    PHP
  • Syntaxe et syntaxe alternative dans les vue
  • Les conditions (if, if else, if elseif else, switch)
  • Les boucles (for, while, do while, foreach)
  • Les functions
    MYSQL
  • RequĂŞtes SELECT simples Ă  complexes
  • RequĂŞtes CREATE, UPDATE, DELETE
    PHPMyAdmin
  • GĂ©rĂ©r une BDD (crĂ©ation, import, export, requĂŞtes)
    CONCEPTS :
  • Programmation : orientĂ©e objet
    (Class, instances, héritage, encapsulation, polymorphisme, abstraction)
  • MVC : savoir organiser son code selon le Design Pattern MVC (Model-View-
    Controller)
    PROJETS :
  • Application CRUD type Carnet d'adresse (lecture, ajout, suppression).
  • Factorisation de l'application Carnet d'adresse en MVC.
Formateur Angular JS
- Class User en programmation orientée objet.Oct 2016 - Oct 2016 ·

6 rue Rougemont, Paris
Formation DĂ©veloppement front-end avec Angular JS
Dans cette formation Angular JS, l'objectif Ă©tait de donner Ă  un public "Chef de
projet", les clés de compréhension du Framework de développement front-end
AngularJS, par la pratique et le coding.
Les concepts d'Angular JS :

  • La structure MVC
  • Le double data-binding
  • Les directives natives
  • Les modules / Encapsuler son code dans un module
  • L'injection de dĂ©pendances
  • Coder la logique dans les controllers
  • Les vues, et le templating de vue
  • L'abstraction de l'accès aux data via les services
  • Le service $http
    Pratique :
  • Coder une webApp de type CRUD
    (lecture, ajout, suppression, modification )
  • Projet "Application Velibeo" Ă  partir de l'API JC-DECAUX, crĂ©er une
    application qui donne en temps réel la position des stations Vélib et la
    disponibilité des vélibs.
    Lien : http://test.client.fr/viensenvelib
Formateur Angular2
WebForce3 - Le Perray-en-Yvelines, FranceOct 2016 - Oct 2016 ·

Formation au framework de développement front-end ANGULAR2.

  • Les components / CrĂ©er notre premier composant
  • Les directives structurĂ©es
  • Les pipes natifs / CrĂ©er nos pipes
  • La gestion des formulaires / ngModel - pattern Template Driven Form - le
    Formbuilder
  • Les services
  • Le service Http / Les observables - Les promises
  • Le routing
    Création de 2 applications :
  • Application CRUD gestion de contacts
Formateur PHP - Design Pattern MVC et Frameworks
- Application avec le web service JC Decaux VelibSep 2016 - Sep 2016 ·

82, avenue Denfert-Rochereau, 75014 Paris
Dans cette formation PHP Avancé - MVC et Frameworks.

  • Les notions de la structure Model-View-Controller.
  • Les Frameworks PHP du marchĂ©.
  • 2 cas pratiques d'application
  • Coder un système de routing
  • L'abstraction de l'accès aux data - Le model
  • La logique - Le controller
  • Les vues, et le templating de vue
  • Coder notre propre système MVC
  • Projet "AlloCine Like" Ă  partir d'un Framework PHP
Formateur développement web
WebForce3 - Le Perray-en-Yvelines, FranceJun 2016 - Jun 2016 ·

Formation développment back-end PHP/MySql
Formation Web Force 3 - 1ère session au Perray-en-Yvelines(78)
Objectifs du module :

  • Comprendre l'architecture Client / Serveur / Database
  • Analyser les requĂŞtes HTTP
  • Savoir mettre en place un serveur local (Xampp et Wamp)
  • ConnaĂ®tre les bases de la programmation PHP (variables, types, tableaux,
    conditions, boucles, fonctions)
  • Savoir manipuler les tableaux et les chaĂ®ne de caractères
  • Savoir dĂ©couper son code en sĂ©parant logique / vues
  • CrĂ©er des fonctions
  • Savoir faire des requĂŞtes SQL CRUD simples et complexes
  • Utiliser la classe PDO de php
  • ConnaĂ®tre les faille de sĂ©curitĂ© de type injection SQL et XSS
  • Projets : coder un site dynamique type Allocine + portfolio
  • Les offres d'hĂ©bergement et mettre un site online avec un client FTP
Formateur UX Design
Fondation INFA - Nogent-sur-MarneMay 2016 - May 2016 ·

Formation UX Design aux élèves de la formation "Développeurs front-end".
Objectifs :

  • Comprendre le design de l'expĂ©rience utilisateur et les enjeux pour les
    Entreprises
  • Mettre en place un process UX par Ă©tape en mode projet
  • Produire des livrables (mockups filaires, questionnaires aux utilisateurs,
    prototypes utlisables)
  • ConnaĂ®tre et utiliser les outils (Balsamiq, Invision)
  • Initiation HTML/CSS et Bootstrap pour le prototypage d'interface web
Formateur développement web
ESCEN - Ecole Supérieure de Commerce et d'Economie NumériqueApr 2016 - May 2016 · 1 month

Formation en développement web à destination des élèves Master1 de
l'ESCEN.
Objectifs :

  • Savoir intĂ©grer une maquette en HTML/CSS
  • ConnaĂ®tre les logiques du code procĂ©dural et fonctionnel en PHP
  • ModĂ©liser une base de donnĂ©es en fonction d'un projet
  • ConnaĂ®tre l'Ă©tat du marchĂ© du dĂ©veloppement en France, et les technologies
    utilisées pour le développement web et mobile
Formateur developpement web
3W AcademyJan 2016 - Apr 2016 · 3 months

J'interviens actuellement sur la formation phare de la 3W Academy afin de
former les élèves au métier de développeur web et les préparer au mieux à la
demande du marché.
Mes spécialités au sein de cette formation sont :

  • les bases de la programmation
  • Javascript, jQuery et les webServices
  • PHP et la programmation orientĂ©e objet
  • Les bases de donnĂ©es avec MySql et PhpMyAdmin
  • Initiation aux frameworks PHP
Formateur en développement web et mobile
LiveMentorOct 2015 - Feb 2016 · 4 months

Après 7 années d'expérience dans le domaine du Développement web et
mobile, j'ai décidé de transmettre à mon tour ce que j'ai appris et d'aider les
futurs développeurs et chef de projet web.
J'enseigne sur LiveMentor sous la forme de cours particulier en ligne, orientés
action et projet.
Je m'attache à bien cerner les attentes des élèves et maximiser leur niveau
d'apprentissage.
Public : Chef de projet, DĂ©veloppeurs, Ă©tudiants du web, agences, Ă©coles du
web
Matières enseignées :

  • Front-end : HTML/CSS, jQuery, Angular JS, Photoshop
  • Back-end : PHP, Mysql, CakePhp, Laravel
  • DĂ©veloppement mobile : Ionic, Cordova
  • CMS : Wordpress, Drupal
    Learnlab.fr
ligne
Fondateur de Learnlab.fr | Solutions web et mobile pour l'éducation enOct 2013 - Dec 2015 · 2 years 2 months

Learnlab.fr est une solution web qui permet de créer et gérer une plateforme
de formations en ligne facilement.
Ce projet en développement permet déjà d'intégrer 3 types de contenus :
Vidéos, Articles et des Quizs. L'application intègre une couche de gamification
pour rendre les formations plus agréables et permettra à terme à l'éditeur de
délivrer des certifications à l'apprenant.

Co-fondateur et Dir. Stratégie Digitale
Defensepoussins.frApr 2013 - Nov 2015 · 2 years 7 months

Co-Fondateur du Mouvement des Poussins Autoentrepreneur
Site web : www.defensepoussins.fr
J'ai notamment développé le site Web www.defensepoussins.fr ainsi que
toute la stratégie Web et social media dans l'objectif de créer une boucle virale
positive sur le web et ainsi recruter rapidement les signataires à la pétition puis
des inscrits au Blog/Media des Autoentrepreneurs.
RĂ©sultats obtenus :
+140 000 Inscrits Ă  la Mailing List

  • 23 000 Fans sur Facebook
  • 3700 Followers sur Twitter
  • 700 AbonnĂ©s sur Youtube
Schools
2 years of higher education
universite paris 10
BTS audiovisuel1997
Technologies
Skills
Interested by...Clean architecture, GraphQL, Machine Learning
Languages
  • Anglais
  • Français
Tests
Angular - October 2, 2023Top 10% with a score of 2402 points