Laetitia Bernardi,développeuse web ,intégratrice web,info-lumiti informatique la teste de buch

Background Image

Création de sites internet



Diplomée de la 3w academie en tant que Développeuse intégratrice en réalisation d’applications web.

logo 3w

Langages utilisés :
   logo php myadmin                     jquery


Background Image
photo d'un ordinateur et d'un smartphone
  • photo premier site sur smartphone
  • photo deuxième site sur smartphone
  • photo troisème site sur smartphone
  • photo quatrième site sur smartphone
  • photo cinquième site sur smartphone
  • photo sixième site sur smartphone
  • photo septième site sur smartphone
  • photo premier site
  • photo deuxième site
  • photo troisième site
  • photo quatrième site
  • photo cinquième site
  • photo sixième site
  • photo septième site

Liste des projets réalisés

24,Oct
2018

Site d'une salle de cinéma

Pour ce projet, l'application a été développée en utilisant les 5 langages appris lors de ma formation: HTML, CSS, JS, PHP et SQL.(site fictif dans le cadre de la formation)

En savoir plus
13,Sept
2018

Blog pour un écrivain

Développement d'une application de blog simple en PHP et avec une base de données MySQL.(site fictif dans le cadre de la formation)

En savoir plus
11,Avril
2018

Création d'un site en personnalisant un thème WordPress

Creation le site de l'office du tourisme de Strasbourg en personnalisant un thème WordPress.(site fictif dans le cadre de la formation)

En savoir plus
19,Mars
2018

Intégration de la maquette du site d'une agence web

Le site a été réalisé en HTML et CSS (sans framework tel que Bootstrap).(site fictif dans le cadre de la formation)

En savoir plus
22,Juin
2018

Conception d'une carte interactive de location de vélos

Site réalisé en Javascript sans framwork en POO(programmation orienté objet).(site fictif dans le cadre de la formation)

En savoir plus
16,Oct
2019

Moteur de recherche

Utilisation de l'api weatherstack avec intégration manuelle des icones 'temps', traduction manuelle en français. Intégration du moteur de recherche google directemment sur le site . Date et heure . Informations Euronews.

En savoir plus
16,Nov
2019

Système solaire

Utilisation de jquery et de animate css. intégration d'animations en jquery et css

En savoir plus

*Tous les sites sont conçus en responsive design de manière à pouvoir les lire sur tous suports. smartphones, tablettes, tv,pc.

Navigation du diaporama à l'aide de la souris et/ou des flèches " " du clavier.

X

XRègle

Ajouter filtres


Sepia
Gris
Intervertir couleurs
Saturate
Plus clair
Contraste
Aucun filtre

Taille de la police d'écriture




Changer la couleur du fond d'ecran


Gris
Noir
Initial
Jaune
Rouge


Fermer.
Fermer.
Fermer.
Fermer.
Fermer.
Fermer.
Fermer.



Compétences aquises

×
  1. Découper, assembler et programmer les pages
  2. Intégrer les contenus et les effets graphiques
  3. Organiser et manipuler les données
    1. Créer et manipuler une session
    2. Valider des données côté serveur en PHP
    3. Valider des données côté client en JavaScript
    4. Créer de requêtes HTTP en JavaScript avec récupération de données en JSON (Ajax)
    5. Créer une pagination des données
    6. Envoyer des fichiers au serveur
  4. Organiser le code en langage PHP
    1. Charger automatique des classes ou utilisation de l'autoload de Composer
    2. Séparer du code en respectant l'architecture MVC
    3. Utiliser des exceptions pour gérer les erreurs
    4. Utiliser des namespaces pour organiser les classes
    5. Créer des templates HTML avec syntaxe PHP alternative ou Twig
  5. Sécuriser l'application
    1. Supprimer des injections XSS dans les données saisies puis réaffichées
    2. Supprimer des injections SQL avec PDO
    3. Créer de mots de passes sécurisés avec un hachage fiable
    4. Créer un système de login / logout
  6. Stocker et récupérer les informations dans la base de données en langage SQL
  7. Utiliser les langages de développement web dans un projet personnel
  8. Assurer la conformité de votre application avec les langages PHP, JavaScript, HTML5 et CSS

Compétences aquises

×
  1. Le code est construit sur une architecture MVC et développé en orienté objet
  2. Récupérer les données d’une base
  3. Construire une base de données
  4. Analyser les données utilisées par le site ou l’application
  5. Récupérer la saisie d’un formulaire utilisateur en langage PHP
  6. Créer un site Internet, de sa conception à sa livraison
  7. Organiser le code en langage PHP
  8. Insérer ou modifier les données d’une base

Compétences aquises

×
  1. Définir la structure de navigation du site
    1. Le menu est présent et conforme à la demande
    2. L'ensemble des pages demandées - et leur contenu - est présent
    3. Les liens de navigation proposés sont pertinents
    4. Il est possible de revenir à la page d'accueil en cliquant sur le logo
  2. Assurer l'accessibilité du site aux différents types d'utilisateurs
    1. Le code que vous avez écrit respecte les normes w3c HTML et CSS
    2. Le contenu que vous avez créé respecte la norme WCAG 2.0, selon l'outil de validation AChecker
  3. Assurer la cohérence graphique du site
    1. Les différentes pages du site sont cohérentes visuellement
    2. Des classes CSS pertinentes sont définies et utilisées
    3. Les fichiers du thème de base ne sont pas altérés
    4. Aucun builder de thème n'est utilisé
  4. Adapter l'affichage en fonction de la taille de l'écran
    1. Le viewport est configuré dans l'en-tête de la page HTML
    2. (Au moins) Un breakpoint pertinent est défini
    3. Une grille (avec ou sans Framework de type Bootstrap) et/ou des Media Queries sont utilisés
    4. Le contenu s'affiche sur une seule colonne en mobilité et occupe intelligemment l'espace sur un grand écran
    5. Les marges/padding sont adaptés
  5. Appliquer les principes de SEO dans le code HTML
    1. Un plugin de référencement (type Yoast SEO) est installé dans Wordpress
    2. Le plugin valide un bon niveau de référencement

Compétences aquises

×
  1. Définir le contenu d'une page web à partir d'une maquette
    1. L'ensemble du contenu défini par la maquette est présent
    2. Le contenu texte est pertinent et grammaticalement correct
    3. L'aspect visuel correspond à la maquette sur écran d'ordinateur
    4. La maquette est adaptée de manière pertinente sur un terminal mobile
  2. Coder la structure d'une page web en HTML
    1. La page HTML passe la validation w3c HTML sans erreur
    2. Les balises HTML sont définies avec la sémantique HTML 5 pertinente
    3. Les icônes sont crées avec un outil pertinent, type font-awesome
  3. Coder la présentation d'une page web en CSS
    1. Le code CSS passe la validation w3c CSS
    2. Le code CSS est écrit dans un ou plusieurs fichier CSS
    3. Aucun code CSS n'est appliqué via un attribut style dans une balise HTML
    4. La zone avec le menu reste visible, en haut de la page, même lorsque l'on se déplace dans la page
  4. Gérer la responsivité avec les Media Queries
    1. Le viewport est configuré dans l'en-tête de la page HTML (Au moins) Un breakpoint pertinent est défini
    2. Des règles CSS @media et/ou des feuilles de styles dédiées identifiées par un attribut media sont utilisées
    3. Aucun Framework (type Bootstrap) n'est utilisé pour ce projet

Compétences aquises

×
  1. Créer des objets simples en JavaScript, contenant des méthodes et des propriétés
    1. Le code JavaScript est développé en Orienté Objet
    2. Le diaporama est conforme et fonctionnel
    3. Aucun plugin n’est utilisé pour la logique de l’application (Diaporama, Canvas, Carte)
  2. Récupérer des données de formulaires en utilisant le langage JavaScript
    1. Le canvas est fonctionnel
    2. Le nom et prénom utilisent l’API LocalStorage
    3. Les informations de réservations utilisent l’API SessionStorage
    4. Les données de réservation sont affichées en dessous de la carte, s'il y a une réservation en cours
  3. Faire des requêtes HTTP en langage JavaScript
    1. La carte est récupérée dynamiquement depuis un web service cartographique
    2. Les informations sur les stations utilisent l’API Live de JC Decaux
  4. Écrire un code source lisible
    1. Le code est correctement indenté
    2. Les noms de classes, de méthode et de variables sont explicites (indifféremment en français ou en anglais)
    3. Il y a une seule classe par fichier

Compétences aquises

×
  1. Moteur de recherche
  2. Code validé au validateur html et css
  3. Intégration d'un son en lecture play/pause
  4. horloge en svg
  5. Requêtes HTTP en langage JavaScript avec Api weatherstack
    1. Traduction de l'api en français
    2. Météo en fonction de l'adresse Ip de la connexion
    3. Intégration d'icones différentes à l'api
  6. Intégration du moteur de recherche google directemment sur le site
  7. Réaliser en responsive design
  8. Iframe Euronews

Compétences aquises

×
  1. Système solaire
  2. Code validé au validateur html et css
  3. Intégration d'un son au clique
  4. Site réalisé en jquery
  5. Intégration animateCss
  6. Réaliser en responsive design
  7. Iframe youtube
--!>