Page des cours de la DTA :
HTML - CSS
WordPress
JavaScript
PhP
MySQL
Exposé FrontEnd
SoftSkills
OpenData
Raspberry pi - SenseHat
Page de ressource sur le HTML et CSS à la DesignTech Académie
Tutoriels Ecrits :
HTML-CSS :
- ✔️ Faire un compteur en CSS
- ✔️ Faire un systeme denotation avec des étoiles
- ✔️ Le flexbox et le positionnement CSS
- ✔️ Personnaliser les boutons radio et checkbox en CSS
- ✔️ Créer des colonnes de meme hauteur en CSS
- ✔️ Flexbox Ninja : des études de cas sur le positionnement CSS
Les boutons :
- ✔️ Créer un bouton sans image
- ✔️
Les menus :
- ✔️ Créer un menu sticky en HTML-CSS (collé en haut de page)
- ✔️ Créer un menu simple en CSS
- ✔️ Créer un menu horizontal en CSS
- ✔️ Créer un menu déroulant
- ✔️ Créer unmenu accordeon avec Jquery
Les images :
- ✔️ Insérer une image en background
- ✔️ Appliquer un effet vintage en CSS a une photo
- ✔️ Appliquerun effet lomographique
- ✔️
Les cartes :
- ✔️ Créer unecarte en CSS
- ✔️ Créer une carte UI design en CSS3
HTML5-CSS3 :
- ✔️ Guide HTML5-CSS3-JQuery
- ✔️ Les transitions en CSS3 mouseover-mouseout sans JS
- ✔️
- ✔️
Tutoriels Vidéos :
- ✔️ Créer un effet de pression sur un bouton en CSS
- ✔️
- ✔️
Outils :
Wordpress & Arduino
Cette page servait de support pour faire évoluer le travail sur ces sujets au sein de la formation design Tech Académique. Cette page devait permettre de retravailler l'acquisition de compétences techniques dans le cadre d'une démarche de projet pour faire évoluer la cinquième promotion. Elle n'a pas été finalisée car l'arrêt de la formation a été prononcée par les financeursWordpress Arduino DTA :
Mise en place d'un projet en fil rouge qui permettra tout au long de l'année de renforcer la maîtrise de WordPress et de la programmation sous Arduino
Le fil rouge est de réaliser en équipe (4 personnes) un projet à développer sous Arduino qui devra intégrer le développement d'une interface web.
La présentation de la progression de leurs avancées sera réalisé sous Wordpress et qui présentera à minima les éléments suivants :
- ✔ Une page d'accueil décrivant leur projet
- ✔ Un journal de suivi de leurs travaux (qui doit permettre la reproduction du projet par un débutant) en diversifiant si possible les supports (texte, code, photo, vidéo...)
- ✔ Un annuaire de leurs ressources classées et triées par catégorie
- ✔ Les membres de l'équipe (avec leur CV)
Objectifs du projet :
- ✔ Permettre une montée progressive dans l'apprentissage des compétences de Wordpress
- ✔ Permettre une montée progressive dans l'apprentissage des compétences d'Arduino et/ou de Raspberry
- ✔ Renforcer le travail en équipe
- ✔ Eviter le décrochement technique chez les "débutants" comme chez les "experts" en informatique (gestion de projet avec gestion du contenu et développement du code)
- ✔ Renforcer le travail de déploiement de site web (localhost/VPS/production sous Raspberry)
- ✔ Mettre en pratique l’expérience utilisateur à travers des beta tests
Déroulé :
1 séance par semaine sera dédiée au projet
- ✔ séances de TP dirigé Wordpres & Arduino (septembre/octobre/novembre) :
- ✔ séances de TP en autonomie sur le développement de leur projet (décembre/janvier/février)
- ✔ séances de beta test (mars)
- ✔ finalisation et rendu des projets (avril)
Exemples de projet :
Partenaires :
- ✔
- ✔
Redéployer un serveur LAMP sur un raspberry (cartes SD 4/8GB?)
Redéployer le processus d'installation d'un Wordpress
Personnaliser un thème via un thème enfant
Ajouter régulièrement du contenu sur l'avancée su projet, avec une démarche permettant de dupliquer son projet
Dupliquer régulièrement Le Wordpress du Raspberry vers son WP du VPS (/via Duplicate/Filezilla...)
Sécuriser son Wordpress avant de le mettre en production