lab.elastik

Semaine 1

Semaine 2

Semaine 3

Semaine 4

Semaine 5

Semaine 6

Semaine 7

Semaine 8

Semaine 9

Semaine 10

Semaine 11

Semaine 12

LUNDI AM 
9:00-12:00

  • créer Codepen et faire qqs exemples
  • revenir sur le GIT de BS company
  • faire un boilerplate à mettre sur GIT
    • SCSS
    • workspace
    • package.json
    • truc de responsive
    • variables par défaut
      • fonts
      • colors
      • margins/paddings
  • finalisation google map
  • Workshop
  • férié 11/11

Best Tailwind component libraries

6 outils Tailwind stylés

  • malade
  • gulp ?
  • fullpage js
  • consignes EI

LUNDI PM
13:00-17:00

Tips:

  • mettre Restomax sur Git
  • puis passage en revue Restomax chacun
  • Intro GSAP sur BS Company
  • ajax api JSON
  • idem matin
  • férié 11/11
  • Thème app meteo en Tailwind

grève

  • malade
  • revenir sur google maps et infowindow

MARDI PM
9:00-12:00

  • créer codepen et faire intro GSAP
  • intro GSAP dans Restomax

tutos gsap youtube

  • Intro BS
    • install
      • cdn
      • download
      • sass
    • Layout
      • truc responsive qui affiche tailles
  • dark / light mode
  • Bulma
  • Intro GSAP (dans Codepen) https://gsap.com/resources/get-started/ 
  • https://www.frontendmentor.io/challenges/news-homepage-H6SWTa1MFl
  • Brief EI
  • Continuer Company BS et annoncer que sem proch il faudra en faire thème WP
  • Intro scrolltrigger
  • isotope 
  • filtres isotope API JSON
  • GSAP pin colonne gauche et load json les projets portfolio dans colonne droite
  • en hover sur projet, afficher infos projet dans colonne de gauche
  • revenir sur projets workshop
  • terminer google maps info window
  • List suggesttions & accordions https://dev.to/tinymce/5-essential-html-and-css-tricks-to-ditch-javascript-40kh?context=digest 
  • Intégration infos météo dans layout météo via weatherapi.com

grève

MERCREDI AM
9:00-12:00

  • reprendre avec Netlify, mettre en ligne leur projet Restomax
  • Par groupe de 2, reproduire un site (Totorat?)
    • en BS SASS
    • branches GIT
    • mettre en ligne sur Netlify
  • boilerplate SASS Bootstrap
  • Boostrap Company theme
  • dynamisaton filtres isotope api JSON
  • Intro Google maps
  • Révision WP en vue de création d’un thème Tailwind pour WP
  • revenir sur Google maps api et infowindow
  • 404.php

MERCREDI PM
13:00-17:00

  • installation WordPress
    • Wordfence
    • désactiver commentaires et rétroliens
  • Création articles
    • titre, contenu, image mise en avant
    • extrait
    • catégories & tags
  • Menu
    • page
    • catégories
  • Modifications dans thème existant et montrer les limites (tout écrasé lors màj thème)
  • refaire install depuis début
  • contenu article/page
    • vidéos
    • etc.
  • intro thème enfant
  • reproduire site Martine Cosmetics
  • intro elementor
  • constructeur de thème
    • header
  • Page acceuil header + container image de fond et boutons (calc 1100 vh – height header)
  • suite contructeur de thème
    • boucle
    • article unique
  • acceuil –> grille de boucle
  • montrer dégradé sur texte
  • contact
  • popup
  • gallerie photos
  • eval blanche furniture figma
  • workshop
  • videos (avec overlay)
  • accordion
  • CPT
  • ACF
  • eval blanche
  • EVAL
  • corrigé eval
  • responsive
  • référencement SEO –> Yoast
  • Lancement EI

JEUDI AM
8:00-12:00

Structure de cours Perplexity

Introduction à PHP et bases du développement web

  • Introduction au développement web et au rôle de PHP
  • Installation de l’environnement de développement (XAMPP ou similaire)
  • Syntaxe de base PHP : variables, types de données, opérateurs
  • Création de pages PHP simples

Structures de contrôle et fonctions en PHP

  • Structures conditionnelles (if, else, switch)
  • Boucles (for, while, foreach)
  • Création et utilisation de fonctions
  • Inclusion de fichiers (include, require)

Formulaires et gestion des données utilisateur

  • Création de formulaires HTML
  • Récupération et traitement des données de formulaires en PHP
  • Validation des données côté serveur
  • Gestion des sessions et des cookies

Introduction aux bases de données et MySQL

  • Concepts de base des bases de données relationnelles
  • Introduction à MySQL et phpMyAdmin
  • Création de bases de données et de tables
  • Requêtes SQL de base dans PhpMyAdmin (SELECT)

Interaction PHP-MySQL

  • Connexion à une base de données depuis PHP
  • Exécution de requêtes SQL en PHP
  • Affichage des résultats de requêtes
  • Requêtes SQL de base (INSERT, UPDATE, DELETE)

KIKK festival pas cours

workshop

  • Requêtes SQL de base (SELECT JOIN)

Authentification et gestion des utilisateurs

  • Création d’un système d’inscription et de connexion
  • Hachage des mots de passe
  • Gestion des rôles utilisateurs (tuteur/tutoré)
  • Création de pages protégées
  • Gestion des fichiers (upload de photos)
  • serialize / unserialize
  • Corrigé eval
  • envoi mail en php
  • consignes Green Future