fbpx

Le cycle technique complet (Niv.4)

Une formation mêlant aspects théoriques, mises en pratique et une expérience d’apprentissage innovante.
DÉVELOPPEMENT WEB & MOBILE
L’objectif de ce cycle est d’initier et ainsi de permettre aux apprenants de découvrir, comprendre puis maîtriser l’ensemble langages de programmation informatique. L’exploration des différentes fonctionnalités du HTML et du CSS, aux langages web de base (PHP) mais aussi à WordPress, le CMS le plus populaire au monde utilisé par des millions d’utilisateurs à travers le monde.
POURQUOI S’INSCRIRE ?

Vous préparer à l’avenir numérique

Depuis plusieurs années, les institutions, les entreprises, le secteur associatif de l’informatique affirment que l’apprentissage de la programmation constituera à l’avenir un rôle clé. Dans ce contexte, le mouvement est régulièrement présenté comme une réponse aux problématiques du marché du travail au XXIe siècle. Plus qu’une tendance, on peut désormais bel et bien parler d’un mouvement global. Qu’on soit d’accord avec ce mouvement ou pas, l’enseignement du code, dans un contexte de transition inédit, est porteur d’espoir dans l’imaginaire collectif. Dans une perspective plus large et résolument optimiste l’apprentissage permet, à ceux maîtrisant les bases, des sources de revenus complémentaires inédites ainsi que des possibilités de travail autonome, au regard de la demande de compétences en programmation dans une variété d’industries, y compris dans les industries culturelles et créatives.
La création de ce cycle vise à vous initier à la programmation informatique mais aussi et surtout à la résolution de problèmes techniques mais aussi également aux méthodes de collaboration. En nous basant sur le besoin d’analyse d’un problème et d’y trouver des réponses, nous avons donc mis en place une méthode complète d’initiation permettant aux apprenants de maîtriser les bases de façon théorique et pratique. Au programme : des ateliers, des échanges, des rencontres et des pratiques opérationnelles immédiatement activables.
PROGRAMME

JOUR 1.1 — INITIATION AU CODE (HTML & CSS)

La journée de formation est divisée en deux temps :

 

Matin (théorie) :

La matinée est consacrée à la découverte des notions clés de l’UX Design, d’ergonomie mais également aux principes de psychologie utiles pour la conception de produit ou service. La matinée est également réservée à la compréhension des enjeux et des buts de l’UX Design et plus globalement de l’UX Strategy. Il est également enseigné les méthodes de recherche utilisateurs, d’empathie et de prototypage permettant de passer à une idée à un produit ou un service.

 

Après-midi (pratique) :
L’après-midi est consacrée à la mise en pratique des notions étudiées la matinée, les apprenants sont initiés à la création de maquettes, à la création de wireframes et de prototypes à l’aide de logiciels de conception et de prototypage. Les apprenants sont également initiés aux méthodes de brainstorming et de recherche utilisateurs sous la forme d’ateliers.

 

1. Découverte de l’univers du code

Introduction au cours HTML et CSS

  • Introduction au HTML et CSS
  • Définition et usage du HTML et CSS
  • Évolution de l’informatique et des langages web
  • Travailler sur un environnement local VS travailler sur un environnement de production
  • Utiliser un éditeur de texte

 

Initiation : les bases du HTML

  • Éléments, balises, attributs HTML
  • Structure minimale d’une page HTML valide W3C
  • Enregistrer et afficher une page HTML
  • Indenter et commenter en HTML
  • Espaces, retours à la ligne en HTML
  • Définition de l’importance des niveaux des contenus en HTML
  • Créer des listes et des liens en HTML
  • Envoie de mails et téléchargement de fichiers en HTML
  • Compatibilité, support & validation HTML & CSS

 

Initiation : les bases du CSS

  • Sélecteurs & propriétés CSS
  • Où rédige t-on son code CSS ?
  • Commentaires et indentation en CSS
  • Sélecteurs CSS simples et combinateurs
  • Attributs HTML, class, id & sélecteurs CSS associés
  • Ordre d’application (cascade) et héritage des règles en CSS
  • Les éléments HTML, div, span (conteneurs génériques)
  • Les niveaux ou “types” d’éléments HTML block & inline

 

Mettre en forme les textes en CSS

  • Propriété CSS font-family et l’usage de Google Web fonts
  • Les propriétés CSS liées à la police
  • Les propriétés CSS liées au texte
  • Gestion de la taille des interlignes & des espaces dans les textes en CSS
  • Gestion des couleurs et d’opacité des textes

 

Les modèles de boîtes

  • Le modèle des boîtes
  • largeur (width) et hauteur (height) des boîtes de contenus des éléments HTML
  • Gestion des marges internes (padding)
  • Gestion des bordures en CSS
  • Gestion des marges externes (margin)
  • Propriété CSS box-sizing
  • Créer des bordures arrondies en CSS

 

Positionnement et affichage des éléments

  • La propriété CSS display
  • La propriété CSS position
  • La propriété CSS float
  • Gestion des conflits entre display, position & float

JOUR 1.2 — INITIATION AU CODE (HTML & CSS)

1. Découverte de l’univers du code

Création de tableaux HTML

  • Introduction au HTML et CSS
  • Structurer un tableau HTML
  • Mise en forme d’un tableau HTML

 

Insertion de médias en HTML

  • Insertion d’images dans des pages HTML
  • Insertion de musique avec l’élément HTML audio
  • Insertion de vidéos avec l’élément HTML vidéo
  • L’élément iFrame

 

Fonds, dégradés et ombres CSS

  • Gestion des couleurs de fond des éléments HTML
  • Ajout d’images en fond des éléments HTML
  • Création de dégradés linéaires en CSS
  • Création de dégradés radiaux en CSS

 

Sélecteurs CSS complexes

  • Sélecteurs CSS d’attributs
  • Pseudo-classes CSS
  • Pseudo-éléments CSS

 

Formulaires HTML

  • Présentation des formulaires HTML
  • Éléments du formulaire
  • Attributs des formulaires & sécurité

 

Transitions, animations & transformations CSS

  • Création de transitions en CSS
  • Création d’animations en CSS

 

Atelier pratique

  • Création d’un menu horizontal sticky en HTML & CSS /création d’un menu déroulant en HTML & CSS / Créer un diaporama en HTML & CSS

JOUR 1.3 — INITIATION AU CODE (HTML & CSS)

1. Découverte de l’univers du code

Modèles de boîtes flexibles ou flexbox CSS

  • Introduction au modèle des boîtes flexibles ou flexbox
  • Gestion des directions des éléments flexibles ou flex items
  • Gestion des alignements des éléments flexibles
  • Gestion de la taille et de la flexibilité des éléments flexibles
  • Usecase et limite du flexbox

 

Responsive Design CSS

  • Introduction au responsive design
  • La balise meta viewport
  • Créer un design responsive avec les media queries
  • Les images responsive

 

Sémantique et éléments HTML structurants

  • Sémantique et éléments structurants du HTML

 

Sémantique et éléments HTML structurants

  • Introduction au modèle des grilles CSS
  • Créer une grille et définir des pistes de grille
  • Positionnement d’éléments dans une grille
  • Alignement et espacement d’éléments dans une grille

 

Evolution et futur du CSS

  • Le CSS, un quasi langage de programmation dynamique
  • Les fonctions CSS
  • Les propriétés personnalisées ou variables CSS
  • Les règles arobase CSS
  • Imbrication & héritage étendu

 

Conclusion

  • Conclusion du module HTML et CSS

 

Atelier pratique

  • Création d’un menu HTML & CSS en utilisant flexbox
  • Création d’un menu déroulant responsive en HTML & CSS
  • Création d’un site CV responsive en HTML/CSS
  • Création d’une page à 3 colonnes contenant des éléments flexibles

JOUR 2.1 — INITIATION AU LANGAGE DE PROGRAMMATION (PHP)

1. Découverte de l’univers des langages dynamiques

Introduction : définitions & rôles

  • Introduction : définitions & rôles du PHP et du MySQL
  • Client & serveur : définitions & interactions
  • Mise en place d’un environnement de travail
  • Créer, enregistrer, exécuter un script PHP
  • Affichage d’un résultat en PHP avec une instruction echo ou print

 

Découverte : les variables en PHP

  • Introduction aux variables PHP
  • Les types de données en PHP
  • Opérateurs et concaténation en PHP

 

Structures de contrôle en PHP

  • Présentation des conditions & opérateurs de comparaison
  • Les conditions : if, if…else et if…elseif…else
  • Création de conditions robustes avec opérateurs logiques
  • Écriture de conditions condensées avec opérateurs ternaires et fusion NULL
  • L’instruction Switch en PHP
  • Les boucles PHP et les opérateurs incrémentation et de décrémentation
  • Inclusion de fichiers dans un autre en PHP avec include et require

 

Découverte : les fonctions en PHP

  • Introduction aux fonction PHP
  • Contrôler le passage des arguments
  • Contrôler les valeurs de retour d’une fonction donnée
  • La portée des variables en PHP
  • Constantes et constantes magiques en PHP

 

Les variables tableaux en PHP

  • Les variables tableaux en PHP
  • Présentation des tableaux et des tableaux numérotés en PHP
  • Les tableaux associatifs en PHP
  • Les tableaux multidimensionnels en PHP

 

Manipulation de dates en PHP

  • Le timestamp UNIX et la date en PHP
  • Obtenir et formater une date
  • Comparaison de dates et test de validité d’une date en PHP

 

Les variables superglobales en PHP

  • Les variables superglobales PHP
  • Création & gestion de cookies en PHP
  • Définir et utiliser les sessions en PHP

 

Atelier pratique

  • Affichage de données (chaîne de caractères, variables contenant un entier, un texte différent en fonction qu’une condition soit vraie ou fausse,)

JOUR 2.2 — INITIATION AU LANGAGE DE PROGRAMMATION (PHP)

1. Découverte de l’univers des langages dynamiques

Manipulation de fichiers en PHP

  • Introduction à la manipulation de fichiers en PHP
  • Ouvrir, lire et fermer un fichier en PHP
  • Créer et écrire dans un fichier en PHP
  • Autres opérations sur les fichiers en PHP

 

Utilisation d’expressions régulières ou rationnelles en PHP

  • Introduction aux expressions régulières ou expressions rationnelles
  • Les fonctions PCRE PHP
  • Les classes de caractères des regex
  • Les métacaractères des regex PHP
  • Les options des expressions régulières disponibles en PHP

 

Programmation orientée objet (POO) PHP: Concepts de base

  • Introduction à la POO PHP : classes instances et objets
  • Propriété et méthodes en PHP orienté objet
  • Les méthodes PHP constructeur et destructeur
  • Encapsulation et visibilité des propriétés et méthodes PHP
  • Classes étendues et héritage en PHP orienté objet
  • Surcharge d’éléments et opérateurs de résolution de portée en PHP
  • Les constantes de classe en PHP objet
  • Les propriétés et méthodes statiques en PHP objet
  • Les méthodes & classes abstraites en PHP objet
  • Les interfaces en PHP orienté objet
  • Les méthodes magiques en orienté objet PHP

 

Programmation orientée objet PHP : notions avancées

  • Le chaînage de méthodes en PHP
  • Closures et classes anonymes en PHP objet
  • Auto-chargement des classes en PHP
  • La résolution statique à la volée ou late static bindings en PHP
  • Utilisation de traits en orienté objet PHP
  • Interface iterator & parcours d’objets en PHP
  • Passage d’objets en PHP : identifiants & références
  • Clonage d’objets & méthode magique PHP __clone()
  • Comparaison d’objets PHP

 

Espaces de noms, filtres & gestion des erreurs en PHP

  • Les espaces de noms PHP
  • Présentation des filtres PHP
  • Filtres de validation, de nettoyage et drapeaux de l’extension PHP Filter
  • Utilisation pratique des filtres en PHP
  • Définition et gestion des erreurs en PHP
  • Déclenchement, capture et gestion des exceptions PHP : try, throw, catch

 

Introduction aux bases de données, au SQL et à MySQL

  • Introduction aux bases de données, au SQL et au MySQL
  • Structure d’une base de données MySQL et découverte de PHPMyAdmin
  • Se connecter à une base de données MySQL en PHP
  • Créer une base de données MySQL et une table dans la base

 

Manipulation de données dans des bases MySQL avec PDO

  • Insérer des données dans une table MySQL
  • Les requêtes MySQL préparées avec PDO PHP
  • Modifier les données d’une table MySQL ou sa structure
  • Supprimer des données, une table ou une base de données MySQL
  • Sélection simple de données dans une table MySQL en PHP
  • Utiliser des critères de sélection pour sélectionner des données dans une table MySQL
  • Utiliser les fonctions d’agrégation et les fonctions scalaires SQL

 

Jointures, union & sous-requêtes

  • Présentation des jointures SQL
  • Création de jointures SQL
  • L’opérateur SQL UNION
  • Les opérateurs de sous requête SQL

 

Gestion des formulaires HTML avec PHP

  • Rappels sur les formulaires HTML
  • Récupérer et manipuler les données des formulaires HTML en PHP
  • Sécurisation et validation des formulaires en PHP

 

Conclusion du module PHP & MySQL

  • Conclusion du module PHP et MySQL

 

Atelier pratique

  • Formulaire simple
  • Formulaire d’enregistrement
  • Formulaire de recherche
  • Formulaire de chargement de fichiers

JOUR 3.1 — INITIATION À L'ÉCOSYSTÈME WORDPRESS

1. Découverte de l’univers WordPress

Installer et administrer WordPress facilement

  • Installation d’une instance WordPress sur un serveur https
  • Découverte de l’administration & réglages de base
  • Gestion des pages
  • Gestion des articles, catégories et mots-clés (étiquettes)
  • Gestion des utilisateurs, des rôles et des niveaux de droits

 

Création et agencement des contenus

  • Découverte de l’éditeur WordPress
  • Gestion des médias (bibliothèque)
  • Modification des images
  • Les menus
  • Les widgets

 

Personnalisation de l’apparence de son site WordPress

  • Les thèmes WordPress
  • La palette de couleurs
  • Identité visuelle de son site WordPress

 

Ajout de fonctionnalités à son site WordPress

  • Installer et gérer les extensions (plugins WordPress)
  • Les extensions d’images
  • Les extensions formulaires (Contact Form 7 & Ninja Forms)
  • Le référencement naturel (S.E.O) avec l’extension Yoast
  • Les extensions de communication (newsletters, LiveChat…)

 

Atelier pratique

  • Différentes méthodes d’installation
  • Choix et gestion d’un hébergement
  • Utilisation de l’éditeur WordPress
  • Recherche d’images pour son site
  • Recherche d’un thème WordPress (trouver son thème idéal) & des bonnes extensions

JOUR 3.2 — INITIATION À L'ÉCOSYSTÈME WORDPRESS

1. Découverte de l’univers WordPress

Conception de bonnes mises en page

  • Installation de WordPress en local (XAMPP)
  • Initiation à Visual Composer & aux constructeurs de pages
  • Initiation au thème framework
  • Ergonomie dans WordPress
  • Webdesign dans WordPress

 

Sauvegarde et migration de sites

  • Sauvegarde et restauration de sites (avec UpDraftPlus)
  • Maintenir son site WordPress à jour
  • Migrer son site (avec All-In-One WP Migration)

 

Sécuriser son site & finitions

  • La sécurité d’un site WordPress
  • L’optimisation des performances (côté client & côté serveur)
  • Obligations légales
  • RGPD & WordPress
  • Les finitions
  • Check-up avant mise en ligne d’un site WordPress

 

Animer son site WordPress dans la durée

  • Indexation du site & mesure d’audience
  • Blogging, newsletter & réseaux sociaux avec WordPress
  • Faire du E-commerce avec WordPress (présentation de WooCommerce)
  • Le multilingue avec WPML
  • Monétiser son site WordPress

 

Atelier pratique

  • Ancres de navigation
  • Rechercher son constructeur de pages
  • Changer de domaine ou d’hébergeur
  • Passer un site WordPress d’un site HTTP vers HTTPS
Objectifs de la formation :
L’objectif de ce cycle est de permettre aux apprenants de découvrir, comprendre puis maîtriser l’ensemble langages de programmation informatique. Il s’agit ici d’explorer les différentes fonctionnalités du HTML et du CSS et d’accompagner les apprenants à leur utilisation pas à pas. Le HTML et le CSS sont des langages web de base ; ils constitueront l’ossature du cycle dans la mesure où, généralement, leur apprentissage est assez simple à comprendre et sont également incontournables.
Compétences acquises:
Être en mesure de comprendre les enjeux et les fondamentaux du développement web et mobile, être en capacité de pouvoir créer un site statique (HTML & CSS), être en capacité de pouvoir créer un site dynamique (PHP), être en capacité de pouvoir créer un site avec le CMS WordPress, de choisir les extensions adaptées et de le personnaliser grâce à HTML/CSS.
Public cible :
Artistes, artisans, freelances, débutants n’ayant jamais créé de sites internet (avec ou sans CMS), indépendants-débutants ou intermédiaires désirant s’initier au code, réaliser des sites pour des raisons personnelles ou professionnelles, ceux ayant déjà créé des sites avec d’autres technologies, ceux souhaitant repartir sur de bonnes bases pour développer leurs connaissances en création de sites, salariés, porteurs de projets souhaitant gérer leur site de façon autonome.
Durée de la formation :
  • 7 jours
Horaire de la formation :
  • 9h30/12h30 – 14h/18h
Pré-requis :
  • Disposer d’un ordinateur (Windows, Mac, Linux)
  • Savoir naviguer sur Internet à l’aide d’un navigateur
  • S’inscrire à la formation
Modules à la carte :
  • Pas de module à la carte pour ce cycle
Modalités de financements du cycle :
Pour le moment, nos formations ne sont pas encore éligibles à une prise en charge par votre OPCA. Nous menons actuellement les démarches afin de nous enregistrer en tant qu’organisme de formation afin d’être référencé Datadock. Lorsque nos formations serons enregistrées comme étant dispensées par un organisme certifié et référencé Datadock, les différents organismes de subvention de formation (AFDAS, FAFIEC, Agefos, Pôle Emploi…), pourront alors financer toute ou partie de votre dossier. Par ailleurs, sachez que certains OPCA peuvent prendre en charge jusqu’à 100% du coût de la formation. Régulièrement, nous proposons des réductions sur nos formations : 5% avec la carte membre Garage, 15% pour les freelances et TPE, 20% pour les demandeurs d’emplois et étudiants. Vous pouvez également échelonner vos paiements sur demande. Pour toute question, contactez-nous au +33 9 62 53 18 59 ou par email à contact@legarage.paris.
Le Garage 38 Club :
En suivant nos différents cycles de formations, vous entrez dans un écosystème complet et une communauté dédié à l’entrepreneuriat dans le secteur culturel. Après avoir suivi la formation vous devenez membre du Garage38 Club et pouvez bénéficier de nombreux avantages.
INFOS PRATIQUES
Durée : 5 jours
Lieu: 38, rue d’Enghein (75010)
Sessions: Date à venir.

S’abonner à la newsletter

Des offres exclusives, nos programmes, des actus, et du contenu bonus en avant-première !
illu-newsletter-garage-black