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

photo d'un ordinateur et d'un smartphone

Liste des projets réalisés

24,Oct

2018

photo premier site

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

photo deuxième site

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

photo troisième site

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

photo quatrième site

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

photo cinquième site

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

photo premier site

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

photo premier site

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

Taille de la police d'écriture

Changer la couleur du fond d'ecran

Compétences aquises

×

Découper, assembler et programmer les pages
Intégrer les contenus et les effets graphiques
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
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
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
Stocker et récupérer les informations dans la base de données en langage SQL
Utiliser les langages de développement web dans un projet personnel
Assurer la conformité de votre application avec les langages PHP, JavaScript, HTML5 et CSS

Compétences aquises

×

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

Compétences aquises

×

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
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
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é
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
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

×

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
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
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
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

×

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)
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
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
É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

×

Moteur de recherche
Code validé au validateur html et css
Intégration d'un son en lecture play/pause
horloge en svg
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
Intégration du moteur de recherche google directemment sur le site
Réaliser en responsive design
Iframe Euronews

Compétences aquises

×

Système solaire
Code validé au validateur html et css
Intégration d'un son au clique
Site réalisé en jquery
Intégration animateCss
Réaliser en responsive design
Iframe youtube

--!>