Web Design

Programme de Formation Web Design & Développement Web
www.smartdev.tn
Programme de Formation Web Design &
Développement Web
Web Design
1) Graphisme Pour le web
a) A la découverte de Photoshop
 Création d’une maquette PSD
 Découpage d’une maquette
b) A la découverte de Illustrator
 Création de logo vectoriel
 traçage de logo
c) Quiz
d) Workshop
2) Techniques de développement
a) Langage HTML5
 Structure d'une page HTML5
 Maitriser les bases de html5
 les Balises et leurs attributs
 Intégrer des visuels à votre page (Des images, Des vidéos et des Player…)
 Quiz
b) La mise en forme avec CSS3
 Mettre en place CSS3
 Les classes personnalisées, les pseudo-classes, les balises et les id.
 Le positionnement en CSS3
 Gestion des images : taille, position, opacité.
 Quiz

Programme de Formation Web Design & Développement Web
www.smartdev.tn
c) Les FRAMEWORKS FRONT-END
 Les Frameworks FRONT-END les plus populaires
 Développement rapide avec le FRAMEWORK BOOTSTRAP
 Utilisation de la console JavaScript des navigateurs
d) Workshop
3) Animer mon site internet pour le rendre attractif
a) JavaScript & jQuery UI
 Intégration des animations et des effets avec jQuery UI (Menu & Navigation, Slideshow &
Scroller, Lightbox, Image Effects)
b) Les MEDIAS QUERIES et le RESPONSIVE DESIGN CSS3
 Structurer un document afin que son design s’adapte aux terminaux mobiles (Tablette,
Portable, Ordinateur de bureau, etc.) en utilisant un Framework CSS responsive prêt à
l’emploi.
 Donner un style personnalisé à vos éléments CSS
 Adapter le style de la page web en fonction du périphérique détecté via les MEDIAS
QUERIES
c) Quiz
4) Rappel des Bases
5) Allez plus loin
 File Export : Exportation des données à partir d'une table (COPY, CSV, Excel, PDF, Print)
6) Workshop

Programme de Formation Web Design & Développement Web
www.smartdev.tn
Développement Web
1) Découverte du PHP
1.1. Qu’est ce que PHP
1.2. Préparer son ordinateur
2) Les bases de PHP
2.1. Les bases du langage
2.2. Les variables
2.3. Les fonctions
2.4. Les conditions
2.5. Les variables POST et GET
2.6. Les tableaux
2.7. Les boucles
2.8. Les includes PHP
2.9. Sessions et Cookies
3) Les bonnes pratiques en PHP
4) Créer une base de données avec MySQL
4.1. Introduction aux bases de données
4.2. Création des tables en mode SQL / Mode création
4.3. Implémentation des contraintes
4.4. Modification d’une table
4.5. Insertion de données
4.6. Sélection de données
4.7. Elargir les possibilités de la clause WHERE
4.8. Suppression et modification de données
4.9. Clés primaires et étrangères
4.10. Jointures
4.11. Options des clés étrangères (RESTRICT, No ACTION, SET NULL, CASCADE )
4.12. Fonctions scalaires, d’agrégation et regroupement
4.13. Workshop

Programme de Formation Web Design & Développement Web
www.smartdev.tn
5) Simples opérations CRUD PHP avec MySQL
5.1. Connexion à la base de données
5.2. CREATE : Insérez de nouveaux enregistrements avec PDO
5.3. READ : Lire les données de base de données avec PDO
5.4. UPDATE : Mettre à jour les données de base de données avec PDO
5.5. DELETE : Supprimer les enregistrements de base de données avec PDO
5.6. Workshop
6) Simplifiez vos développements JavaScript avec jQuery
6.1. Les bases de de jQuery
6.2. Les bases de la gestion événementielle
6.3. Les animations et les les effets en jQuery
6.4. jQuery HTML
6.5. Les textes et les images
6.6. Formulaires et Tableau
6.7. Valider un formulaire avec jQuery
6.8. jQuery et AJAX
6.9. Workshop
7) Meilleur plugin jQuery pour valider les champs de formulaire
(FormValidation) : BOOTSTRAP, FOUNDATION, PURE,
SEMANTIC UI, UIKIT
7.1. Les bases de FormValidation
7.2. Validators (between, color, creditCard, date, different, digits, emailAddress, file,
phone, regexp, uri, zipCode, notEmpty,promise…)
7.3. Utilization avancée de FormValidation (Adding dynamic field, Validating Google
reCAPTCHA, Changing tooltip position…)
7.4. Workshop

Programme de Formation Web Design & Développement Web
www.smartdev.tn
8) Simples opérations CRUD PHP avec jQuery Ajax MySQL sans
rafraîchir la page
8.1. Bien organiser mon projet
8.2. Créez la table de base de données
8.3. Connexion, déconnexion et inscription en utilisant AJAX en PHP
8.4. Créer ou insérer des données en utilisant AJAX en PHP
8.5. Lire les données en utilisant AJAX en PHP
8.6. Mettre à jour les données en utilisant AJAX en PHP
8.7. Supprimer les données en utilisant AJAX en PHP
8.8. Pagination des données en utilisant AJAX en PHP