Déroulement

1- Création d’une maquette

Création d’une maquette

Dans cette partie, on va vous expliquer le fonctionnement d’adobe XD pour pouvoir réaliser vos propres maquettes et celle de vos clients.

Cette partie et la plus importante pour la réalisation de votre site internet, car vous devez avoir un très beau visuel avec l’ensemble des critères pour respecter le cahier de charge.

2- Convertir la maquette

Création d’une maquette

L’HTML et CSS, grâce à ces deux langages, on va convertir notre maquette à une page qu’on peut visualiser directement avec notre navigateur.

On va ajouter un peu de JavaScript pour amener des animations dans nos pages et un contrôle total dans nos formulaires.

Le problème qu’on va rencontrer maintenant que le contenu des pages ne change pas.

3- Ajouter un langage de programmation

Ajouter un langague de programmation

Le langage de programmation PHP va nous permettre d'ajouter une logique à votre site internet, pour convertir un site statique à un site dynamique.

  • Vérification des identifications
  • Récupérer les données de la base de donnée
  • Afficher les données récupérer

Objectifs

  • Créer des pages web à partir d’une maquette réalisée sous Photoshop ou Adobe XD.
  • Décrire la structuration d'une page HTML 5.
  • Réaliser des sites statiques responsive et moderne.
  • Référencement naturel (SEO).
  • Développer des applications web dynamiques
  • Apprendre l'algorithmique
  • Connaître la syntaxe et les bonnes pratiques du langage PHP
  • Intégrer du PHP dans une page HTML
  • Afficher l'ensemble des commandes qui se trouve dans votre base de données
  • Gérer et sécuriser les données récupérées à partir d'un formulaire
  • Utilisation des cookies et les sessions pour sauvegarder les profils connectés
  • Utiliser l'orienté objet (POO) dans la programmation
  • Vous montrez les bonnes pratiques.

Méthodes mobilisées

Les cours et la correction des exercices seront enregistrés, pour que vous puissiez retravailler et vous entrainer hors cours.

Un accès privé à l'ensemble du programme (cours + exercice + correction + vidéos).

Contenu du cours

Chapitre 1 – Introduction et outils

Présentation du développement web avec la notion client serveur

A quoi sert le HTML et le CSS

Mise en place de l’environnement (Installation des logiciels)

Chapitre 2 – Les bases du HTML

Structure d’une page HTML

Les balises et l’ensemble des attributs

Utilisation des métadonnées

Liens hypertextes et images

Tableaux et les liste

Les formulaires

Bootstrap

Chapitre 3 – Les bases du CSS

Lier vos page HTML avec les fichiers CSS

Les sélecteurs, les classes et Id

Mise en forme du texte

Modification des styles de texte, d’arrière-plan

Intégrer des animations dans votre page

Responsive

Chapitre 4 – Les boîtes flexibles avec les Flex

Introduction aux boîtes flexibles

Les containers flexibles, les propriétés wrap et flow

L’alignement et la propriété stretch

Chapitre 5 – Référencement naturel (SEO)

Chapitre 6 – Introduction et outils

Présentation de la programmation

Mise en place de l’environnement (Installation des logiciels)

Chapitre 7 – Les bases du langage

Algorithmique

Déclaration des variables

Les opérateurs

Initialisation

Instructions de contrôle

Les tableaux

Boucles et itérations

Gestions des erreurs avec les exceptions

Les fonctions

Chapitre 8 – La programmation Objet

Comment ça fonctionne

Création d’une classe

Création des instances

L’encapsulation des données

L’héritage

Le polymorphisme

Chapitre 9 – Accès aux SGBD avec JDBC

Connexion à une base de données

Exécution d’une requête et itération sur les résultats avec les interfaces de connexion PDO

Chapitre 10 – Site ecommerce

Créer la maquette du site

Utiliser AJAX pour gérer l'identification

Créer un espace administrateur et client

Gérer les produits dans l'espace adminstrateur

Également inclus

La formation inclut l’utilisation du SCSS, qui va permettre de faciliter l’écriture des fichiers CSS avec l’intégration des variables, mixins, fonctions, imbrication etc …

Mise à jour le 18/03/2023

Public concerné

Webmasters, concepteurs web, développeurs, chefs de projets techniques

Pré-requis

Maîtrise de l'outil informatique.

Modalités d’évaluation

Les procédures d'évaluation peuvent prendre différentes formes telles que des QCM, des cas pratiques, des travaux ou des tests réguliers. Ces évaluations permettent de déterminer si vous avez acquis les connaissances et compétences nécessaires, qui sont les objectifs principaux de la formation.

Accessibilité aux personnes en situation de handicap

Toutes nos formations sont accessibles aux personnes avec une situation de handicap, à condition de pouvoir utiliser l'outil informatique.

Si nous ne parvenons pas à prendre en compte votre handicap, nous vous orienterons alors vers des organismes compétents.

À savoir sur nos formations

100% à distance

Accès illimité au cours

Cours personnalisables

Flexibilité

Être contacté

Vous souhaitez obtenir des informations supplémentaires ? Veuillez indiquer votre numéro de téléphone, et nous vous recontacterons dans les plus brefs délais afin de répondre au mieux à vos besoins.
Besoin d'aide ?