
17
Mar
- Développement web, Programmation, webmaster
- 169 (Inscrit)
-
Description du cours
Dans ce cours, vous apprendrez à coder une application web avec Php. L’objectif est de coder un clone de Youtube. Célèbre moteur de recherche de vidéos. Pour ce faire, on utilisera le langage Php.
Pré-requis :
- Connaître le code code Html/Css.
- Avoir des notions en php serait un plus.
Vous apprendrez à :
- Développer une application web avec un projet complet
- Utiliser la programmation orientée objet
- Installer un serveur
- Gérer la gestion de téléchargement de vidéos
- Gérer les utilisateurs, les abonnements, les j’aimes, les suggestions
- Créer un moteur de rechercher intégré
- Déployer un site sur internet.
Contenu du cours
-
Installation de l'environnement
-
Présentation
-
Installer un editeur de code
-
Installer un serveur
-
Installation de Wamp server
-
-
Mise en place de la structure
-
Présentation
-
Création du projet
-
Structure Html
-
Création des includes
-
Ajout de style
-
Styler le header
-
Styler la barre de recherche
-
-
Télécharger une vidéo
-
Créer la page upload
-
Compléter le formulaire d’upload
-
Créer la base de données
-
Requête Sql pour le champ Categories
-
Validation du formulaire
-
Créer une classe pour le traitement de la vidéo
-
Traitement de la vidéo : chemin
-
Traitement de la vidéo : Vérifier la taille
-
Traitement de la vidéo : Vérifier le type
-
Traitement de la vidéo : Gestion des erreurs
-
Définir un chemin définitif
-
Insertion de la vidéo dans la bdd
-
Convertir la vidéo en mp4
-
Suppression du fichier temporaire
-
Calcul de la durée de la vidéo
-
Formater la durée
-
Insérer la durée dans la bdd
-
Générer les vignettes
-
Ajout d’un spinner
-
-
Gestion des utilisateurs
-
Création de la page SignUp
-
Insertion du formulaire
-
Nettoyer les données
-
Finir de nettoyer les données
-
Créer une classe Account
-
Valider le nom et prénom
-
Affichage des erreurs
-
Validation du pseudo
-
Validation de l’email
-
Validation du mot de passe
-
Compléter la méthode register
-
Récupération et affichage des valeurs
-
Insertion des données dans la bdd
-
Créer une session pour l’username
-
Créer et valider la page signIn
-
Créer une classe User
-
Récupérer les données dans la bdd
-
-
Page d'affichage d'une vidéo
-
Créer une page watch
-
Créer une classe Video
-
Gestion du nombre de vues
-
Affichage de la vidéo
-
Ajout d’un peu de style css
-
-
Like et dislike
-
Création d’une classe pour les détails de la vidéo
-
Création des boutons
-
Créer une classe pour générer les boutons
-
Peupler la méthode createLikeBtn()
-
Créer des méthodes pour obtenir les likes/dislikes
-
Ajout de js et ajax pour les likes
-
Configurer les données à récupérer en ajax
-
Insertion des likes dans la bdd
-
Annulation du dislike
-
Ajout d’une classe css
-
Retourner les données en json
-
Mise à jour des likes
-
Mise à jour de l’image du bouton Like
-
Gestion des dislikes
-
Styler les boutons
-
Vérifier si l’utilisateur est connecté
-
-
Afficher les détails
-
Configurer le bouton profil
-
Affichage de la date
-
Bouton editer
-
Gestion des abonnés
-
Créer le bouton S’abonner
-
Ajout de style css
-
Fichier js pour mettre à jour les souscriptions
-
Ajax : Passer les données
-
Insertion dans la bdd
-
Mise à jour du bouton S’abonner
-
-
Suggestions
-
Création d’une classe pour l’affichage des vidéos
-
Affichage des éléments
-
Configurer les vignettes
-
Styler les vignettes
-
Affichage des détails
-
Styler les détails
-
-
Page d'accueil
-
Affichage des suggestions sur l’index
-
Affichage des vidéos basé sur les abonnements
-
configuration de la méthode getVideos()
-
Affichage des vidéos Abonnés
-
Ajout de style pour l’index.php
-
-
Gestion de la recherche
-
Créer page search
-
Créer une classe pour gérer les recherches
-
Affichage des résultats
-
Trier les résultats
-
-
Menu
-
Config du menu de gauche
-
Styler le menu de gauche
-
page abonnement
-
page tendances
-
page vidéos abonnement
-
page J’aime
-
page déconnexion
-
-
Profil utilisateur
-
Créer une page profile
-
Créer une classe pour gérer les données
-
Vérifier si le pseudo existe
-
Ajout d’une image de couverture
-
Affichage de l’image
-
Config et affichage de la section header
-
Ajout d’un bouton S’abonner
-
Ajout de style
-
Ajout des onglets
-
Onglet vidéos
-
Onglet about
-
Configuration du nombre de vues et de la date
-
-
Modification paramètres
-
Créer une page settings
-
Créer le formulaire
-
Créer le formulaire pour le mot de passe
-
Récupération des données pour l’affichage
-
Validation des champs
-
Mise à jour des données dans la bdd
-
Mise à jour du mot de passe
-
-
Modification des détails d'une vidéo
-
Créer une page editVideo
-
Créer une classe pour sélectionner une vignette
-
Affichage des vignettes
-
Création d’une méthode javascript
-
Requêtes sql
-
Affichage du formulaire des détails de la vidéo
-
Validation du formulaire
-
Affichage des modifications et style css
-
-
Déploiement
-
Installation Filezilla
-
Déploiement du site
-