Bonjour, je suis

LEGLIL Iliesse

Développeur web

à propos Mes projets
profil-img

à propos

about img

Je m'appelle Iliesse LEGLIL, le domaine informatique, notamment le développement, a été mûrement réfléchi. Je suis passionné par la logique, l'analyse et la rigueur de ce métier. J'ai commencé à apprendre de manière autodidacte avant de débuter ma formation, qui m’apporte des connaissances théoriques solides.

Compétences

HTML
CSS
Javascript
NodeJS
SQL
PHP
POO
Python
Django
Figma
2020-2022

BTS SIO SLAM - IPSSI SQY, École d'informatique Web et Digital Marketing

Obtention du BTS SIO option SLAM

2019 - 2019

Formation Dextérité - Renault Usine De Flins

Obtention du certificat sur mesure de dextérité d'une semaine chez Renault.

2018 - 2019

BAC S (Sciences de l’ingénieur) - Lycée Georges Dumézil

Obtention du BAC S option sciences de l’ingénieur

2014 - 2015

Brevet des collèges - Collège André Chénier

Obtention du Brevet des collèges

Octobre 2021 - Juillet 2022

Développeur Web - Agecco - Alternance

Participation à la maintenance et l'évolution d'une application web
Gérer le responsive de l'application (HTML, CSS)
Conception des interfaces digitales (Draw.io, Figma) Animation de l'application (HTML, CSS, JS)
Initialisation de python
Initialisation de django

Mai 2020 à Juillet 2020

Développeur Web Full stack - Paramedic - Stage

Apprentissage de NodeJS
Création d'une application météo (HTML, CSS, NodeJS)
Création d'un chat en ligne (HTML, CSS, NodeJS)

Février 2020 à mai 2020

Développeur Web Junior - Stage

Apprentissage de HTML et CSS
Initialisation au Javascript

Décembre 2019 à juillet 2020

Tôlier (H/F) - Usine Renault - Intérim

Tôlier carrossier au ferrage chez Reanult

Veille Technologique

portfolio item thumb

Présentation

React (aussi appelé React.js ou ReactJS) est une bibliothèque JavaScript libre développée par Facebook depuis 2013. Le but principal de cette bibliothèque est de faciliter la création d'application web monopage, via la création de composants dépendant d'un état et générant une page (ou portion) HTML à chaque changement d'état.

  • Sujet - Présentation de React
  • Analyse - Crée il y a 9 ans, react est une bibliothèque JavaScript qui facilite la création d'application web monopage
  • Source - www.VTech.fr
portfolio item thumb

Historique

React est créé par Jordan Walke, un ingénieur au sein de la société Facebook à la fin de l'année 2011. Pete Hunt, ingénieur travaillant sur Instagram est intéressé par la bibliothèque et assiste Walke afin de retirer les portions dépendantes de Facebook. Ceci permet à React d'être publié sous licence Apache 2.0 le 29 mai 2013. React s'inspire de XHP (en), une bibliothèque également développée par Facebook, permettant l'inclusion de HTML au sein de PHP11,12,13. En octobre 2014, la version 0.12.0 est publiée sous licence BSD modifiée, avec une note associée PATENTS permettant l'utilisation des brevets de Facebook associé à React14. Cependant, la licence BSD est mise à jour en avril 2015, avec la version 0.13.1, pour éviter les confusions15. Le 26 septembre 2017, React 16.0.0 a été publié sous la licence MIT16. Ce changement porte aussi sur la version 15.x avec React 15.6.217.

  • Sujet - L'Historique de React
  • Analyse - Crée par Jordan Walke ingénieur de Facebook à la fin de l'année 2011. Publié sous licence Apache 2.0 le 29 mai 2013. Octobre 2014, Facebook et associé à React. Le 26 septembre 2017, React 16.0.0 devient open source
  • Source - www.VTech.fr
portfolio item thumb

Pourquoi ReactJS ?

J'ai choisi pour veille technologique le frameworks ReactJS car :

  • 1. Les composants sont le futur du développement web
  • 2. ReactJS est très rapide
  • 3. Le Javascript plus simple à écrire
  • 4. La communauté

  • Sujet - Pourquoi ReactJS ?
portfolio item thumb

Les points fort de ReactJS

  • 1. Le contenu est référençable

    C’est LA fonctionnalité qui fait la différence par rapport aux autres frameworks. Grâce à l’utilisation d’un serveur Node, le code va pouvoir être généré côté client ET côté serveur (un peu comme du PHP donc… tout en gardant les avantages du Javascript !) à la différence des autres frameworks JS traditionnels (Backbone.js, AngularJS, Ember.js, etc.) qui de manière native exécutent le code seulement côté client (dans le navigateur). Jusqu’à présent il était obligatoire de faire passer un bot (service gratuit ou payant) pour qu’il crée des fichiers HTML référençables.

  • 2. ReactJS est très rapide

    ReactJS crée son propre DOM virtuel où sont rattachés vos composants. Cette approche vous donne énormément de flexibilité et des performances exceptionnelles, car ReactJS calcule quel changement dans le DOM a besoin d’être fait, et change juste LA PARTIE qui a besoin d’être mise à jour. De cette façon, ReactJS évite des opérations coûteuses dans le DOM.

  • 3. Les composants sont le futur du développement web

    ReactJS à pris le concept de Shadow DOM et du framework PolymerJS et l’a poussé à un niveau supérieur. React.js n’utilise pas Shadow DOM – à la place il vous donne l’habilité de créer vos propre composant que vous pourrez réutiliser plus tard, combiner, et/ou inclure dans le cœur de votre contenu. Cette fonctionnalité à elle seule est un gage de productivité de par la facilité à définir et manipuler vos propres composants.

  • 4. La communauté

    ReactJS a séduit rapidement la communauté des développeurs JS. Et c’est sans parler de React Native qui de son côté permet de publier des applications natives iPhone (et Android prochainement) en écrivant du JavaScript. Cela permet d’économiser des temps de développement considérables.

  • 5. L’intelligibilité

    ReactJS produit du code « propre » (simple à lire), sa lecture permet de déterminer immédiatement quelles sont les fonctionnalités de votre application. Ce qui est essentiel pour la maintenance et l’expansion de votre projet dans le temps.

  • 6. Le Javascript plus simple à écrire

    ReactJS utilise une syntaxe spéciale appelé JSX, qui permet de mixer l’HTML et le Javascript. Ce n’est pas obligatoire – vous pouvez toujours écrire votre app ReactJS en Javascript natif – mais nous vous suggérons très fortement d’essayer cette nouvelle syntaxe car elle vous permet d’écrire vos composants très facilement. Être capable de mettre une touche de HTML dans vos fonctions de rendu sans avoir à concaténer vos chaines, c’est fantastique ! Et après quelque temps cela devient très naturel.

    • Sujet - Les points fort de ReactJS
    • Analyse - En cours...
    • Source - www.VTech.fr
    portfolio item thumb

    Intérêt de React face aux autres frameworks

    Quels sont les intérêt de React face aux autres frameworks ?

    • - La compétition est rude dans les frameworks JavaScript, notamment entre Angular (1 et 2), Ember et ReactJS. C’est peu de le dire ! Chaque framework a ses spécificités et le choix d’un d’entre eux est très compliqué. L’intérêt de React réside tout d’abord dans son approche composant, complètement différente des autres, et qui, au lieu de laisser notre JavaScript modifier le DOM, écrit du HTML dans ses composants JavaScript en interne. On obtient alors un code plus compréhensible. Bien sûr, tout cela est très subjectif et il faut voir avec sa sensibilité personnelle et les contraintes que l’on a ! React s’intègre parfaitement avec les nouveautés de ECMAScript 6, dont la création de classe ou les “arrow methods”. Un autre point positif est l’existence de React Native, permettant de créer des applications mobiles à la manière de Cordova/Ionic pour Angular. De plus, React a été créé en se concentrant sur les performances, utilisant un DOM virtuel pour rafraîchir uniquement les composants qui ont été modifiés et non toute la page (il reste cependant plus lent que du JavaScript pur). Concernant les webcomponents (avec le framework Polymer par exemple), ceux-ci ont un but différent de React. En effet, React va principalement chercher à synchroniser les données et le DOM. Alors que les webcomponents vont être principalement créés pour encapsuler des composants. Les deux approches sont finalement complémentaires et on peut donc utiliser Polymer avec React.

    • Sujet - Intérêt de React face aux autres frameworks
    portfolio item thumb

    Newsletter

    Je me suis abonnée à Newsletter pour que les infos me parvienne

    • Sujet - React Newsletter

    Situations Professionnelles

    portfolio item thumb

    Stage

    J'ai eu l'opportunité d'effectué durant ma 1e année de BTS SIO un stage de 2 mois chez Paramedic. Paramedic est une plateforme de gestion et d’optimisation des transports sanitaires, de la prise en charge à la facturation. Durant le stage j'ai pu :

    • • Création d'un chat en ligne (HTML, CSS, NodeJS) :
    • Grâce à l’utilisation des websockets j’ai créé une application (un chat) pour les administrateurs du site paramedic. Voir la : Documentation_Fonctionelle.pdf

    • • Création d'une application météo (HTML, CSS, NodeJS) :
    • En utilisant l'API d'open weather map j'ai créé une application météo pour les membres de Paramedic. Cette application donne en fonction de votre geocolisation :
      - La température qu'il fait (en degrés).
      - Le temps qu'il fait à travers une petite description suivie par un icon Svg animé.
      - Le temps qu'il fait tous les trois heures.
      Enfin en entrant un pays ou une ville elle vous donne la température qu'il fait (en degrés) avec une description du temps actuel. Voir la : Documentation_Fonctionelle.pdf

    • • Création d'une API REST (HTML, CSS, NodeJS) :
    • Une API REST (également appelée API RESTful) est une interface de programmation d'application (API ou API web) qui respecte les contraintes du style d'architecture REST et permet d'interagir avec les services web RESTful. Le but de cette exercice a etait de voir comment fonctionné une API REST et comment faire un CRUD

    portfolio item thumb

    Alternance

    Le sujet de mon alternance etait la maintenance et l'evolution d'une application web. Durant l'alternance j'ai pu :

    • • Mise en place du design du site selon les schemas présentés ( HTML, CSS, JavaScript):
    • À travers des maquettes proposée pour chaque page du site sur confluence par notre designeuse j'ai mis en place en place le design du site. Documentation_confidentielle.pdf

    • • Mise en fonctionnement d'un formulaire de contact ( Python , Django ):
    • En installant Selenium sur phyton j'ai veillé à ce que le formulaire de contact du site fonctionne correctement Documentation_confidentielle.pdf

    • • Creation de deux animations responsive ( CSS ):
    • En utilisant les animations en css nous avons créé une animation responsive en page d'accueil sur le site Documentation_confidentielle.pdf

    • • Conversion des fichiers .css en .scss:
    • Pour avoir une écriture mieux organisée, plus lisible, moins répétitive afin de booster les performances du site nous avons convertit les fichiers .css en scss du site. Documentation_confidentielle.pdf

    • • Création d'une calculatrice ( HTML, CSS, JavaScript):
    • Afin d'apprendre la programmation orientée en Javascript j'ai créé une calculatrice en Javascript orientée objet Documentation_confidentielle.pdf

    • • Mise en commun des styles des composants du site (scss):
    • Afin d'améliorer le code source des styles des composants de l'application j'ai dû restructurer le code par petites étapes afin de d'optimiser le code à long terme et pour favoriser sa lisibilité et sa clarté pour les autres programmeurs. Documentation_confidentielle.pdf

    • • Veiller à l'accessibilité d'un site:
    • Grâce à une notice d'accessibilité HTML et CSS j'ai veillé à l'accessibilité du site web Tous mes livres. Documentation_confidentielle.pdf

    • Sujet Alternance

    Projet Web & Projet Application C#

    portfolio item thumb

    Projet Web

    Le site web BTS Assist est hébergé sur les serveurs de l’entreprise OVH. Le site est « responsive ». L’utilisateur peut s’inscrire, se connecter, gérer son profil, consulter des cours simplifiés et faire des exercices d’un BTS (des exercices et des cours de tests sont déjà créés pour le BTS SIO). L’utilisateur a aussi la possibilité de réagir aux articles publiés par les professeurs. Un accès spécifique pour les professeurs a été créé avec la possibilité d’ajouter un cours, un exercice et gérer ses articles du fil d’actualité.

    portfolio item thumb

    Projet Application C#

    L’application BTS Assist dispose d’un panel de gestion des données. Il est tout d’abord possible de se connecter.
    L’admin aura donc la possibilité de :
    • Supprimer et attribuer des rôles aux utilisateurs.
    • Supprimer des articles et ou commentaires.
    • Supprimer des cours et/ou des commentaire.
    • Gérer les BTS ainsi que leurs options.
    • Ajouter ou supprimer des matières.
    • Supprimer des notes.

    • Nom - BTS Assist
    • Création - En cours...
    • Mise à jour - 22 Avril 2022
    • Technologies utilisées - C#
    • Le lien du dépot git - depôt_git.fr
    • Fiche E5 - www.fiche_E5.pdf

    Mes Projets Récents

    portfolio item thumb

    Tp Page de Connexion

    Création d'une page d'inscription et de connexion responsive avec animation.

    • Création - Janvier 2021
    • Mise à jour - 20 Juin 2021
    • Technologies utilisées - Html, Css
    • Rôle - Frontend
    • Lien - www.il-connexion.fr
    portfolio item thumb

    Tp Restaurant

    Création des pages responsive : El jeggos, Boulangerie, Pâtiserie

    • Création - Fevrier 2021
    • Mise à jour - 20 Juin 2021
    • Technologies utilisées - Html, Css
    • Rôle - Frontend
    • Lien - www.il-el-jeggos.fr
    portfolio item thumb

    Portfolio

    Création de mon premier portfolio responsive durant mes heures de temps libre

    • Création - Mars 2021
    • Mise à jour - 20 Juin 2021
    • Technologies utilisées - Html, Css, Js
    • Rôle - Frontend
    • Lien - www.il-porfolio.fr
    portfolio item thumb

    Tp Todo List

    Création d'une todo list responsive

    • Création - Avril 2021
    • Mise à jour - 20 Juin 2021
    • Technologies utilisées - Html, Css, Js
    • Rôle - Frontend
    • Lien - www.il-todo.fr
    portfolio item thumb

    Tp Tic Tac Toe

    Création du jeu du morpion responsive

    • Création - Mai 2021
    • Mise à jour - 20 Juin 2021
    • Technologies utilisées - Html, Css, Js
    • Rôle - Frontend
    • Lien - www.il-morpion.fr
    portfolio item thumb

    Calculatrice

    Création d'une calculatrice avec animation

    • Création - Mai 2021
    • Mise à jour - 20 Juin 2021
    • Technologies utilisées - Html, Css, Js
    • Rôle - Frontend
    • Lien - www.il-calculatrice.fr
    portfolio item thumb

    Application Météo

    Création d'une application météo qui donne la température de la semaine toutes les trois heures en fonction de notre géocalisation et la température quotidienne grâce a l'API d'openweathermap

    • Création - Juin 2021
    • Mise à jour - 20 Juin 2021
    • Technologies utilisées - Html, Css, Js
    • Rôle - Frontend
    • Lien - www.il-meteo.fr

    Contactez-moi

    Email

    il.leglil.iliesse@gmail.com

    Cliquez ici pour envoyer un email.

    Numéro de téléphone

    07 83 62 68 44

    Suivez moi

    pp-thumbnail