Votre guide dans les plaines du far-web

Formation développeur web

« Donne un poisson à un homme, tu le nourris pour un jour. Apprends-lui à pêcher, tu le nourris pour toujours. » Lao Tseu

Développeur web et web mobile

Cette formation vous permet d'avoir le niveau technique minimal pour pouvoir travailler dans le monde du web. Vous devrez découvrir et maitriser les outils standards utilisés dans la réalisation de sites web ou d'applications plus complexes. Vous découvrirez la programmation, la création d'interfaces graphique, la manipulation des données, et l'environnement général d'une application web afin d'être opérationnel dans votre champ de compétences.

Métiers en lien

Compétences à valider pour ce diplôme :

Titre professionnel de niveau 5 (BTS/DUT) de développeur Web et Web mobile

Cours et exercices

Fonctionnement d'Internet

Gratuit

9 sections
  1. Historique
  2. Composition
  3. Architecture
  4. Identification des machines
  5. DNS
  6. Data center
  7. Navigateurs web
  8. Routeurs
  9. Les grands acteurs (w3c, etc)
0 exercices

Architecture client serveur

Gratuit

3 sections
  1. Présentation
  2. Côté client : le front-end
  3. Côté serveur : le back-end
0 exercices

Protocoles

Gratuit

7 sections
  1. Présentation
  2. HTTP
  3. HTTPS
  4. FTP
  5. SMTP / POP (e-mail)
  6. TCP/IP et UDP
  7. SSH
0 exercices

Outils du développeur

Gratuit

7 sections
  1. Généralités
  2. CMS
  3. Librairies
  4. Frameworks
  5. L'éditeur de code
  6. Le terminal
  7. Les GUI
0 exercices

HTML

Gratuit


17 sections
  1. Généralités
  2. Présentation
  3. Syntaxe et conventions
  4. Structuration d'un fichier HTML
  5. Les balises HTML
  6. Encodage du jeu de caractère
  7. Favicon
  8. Balises liées au SEO
  9. Chargement de fichiers CSS et Javascript externes
  10. Titres
  11. Liens hypertexte
  12. Images
  13. Listes
  14. Tableaux
  15. Structuration du contenu
  16. Formulaires
  17. TP
7 exercices
  1. Création d'une sandbox
  2. Création de votre page d'accueil
  3. Découverte des balises de mise en page
  4. Créer une structure basique en HTML
  5. Formulaire de contact
  6. Réaliser votre CV
  7. Mettre votre site en ligne

CSS

Gratuit

Découvrir le fonctionnement de base de CSS : sélecteur, propriétés, valeurs, etc...

15 sections
  1. Généralités
  2. Présentation
  3. Sélecteurs
  4. Propriétés
  5. Valeurs
  6. Liens de parenté
  7. Pseudo-sélecteurs
  8. Espacements
  9. Background
  10. Polices de caractères
  11. Habillage
  12. Mode d'affichage
  13. Positionnement
  14. Flexbox
  15. Travaux pratiques
13 exercices
  1. Modifier les propriétés CSS directement dans l'inspecteur
  2. Sélecteurs, propriétés et valeurs
  3. Arbre généalogique
  4. Pseudo-sélecteurs
  5. Boxoffice
  6. Polices de caractères personnalisées
  7. Article de presse
  8. Mode d'affichage
  9. Positionnement
  10. Flexbox
  11. Retravailler le style de votre page d'accueil et de votre CV
  12. Réaliser un template de blog
  13. Réaliser un template e-commerce

Responsive design

Gratuit

4 sections
  1. Présentation
  2. Viewport
  3. Media queries
  4. Astuce
7 exercices
  1. Constatation du problème
  2. Configurer le viewport
  3. Redimensionnement de blocs
  4. Agence immobilière : flexbox et images
  5. TP - CV responsive
  6. TP - Blog responsive
  7. TP - E-commerce responsive

Le langage SCSS

Payant

10 sections
  1. Généralités
  2. Présentation
  3. Les compilateurs SCSS et leurs réglages
  4. L'imbrication
  5. Les variables
  6. Les opérations
  7. Les mixins
  8. Les fichiers sourcemaps
  9. Fonctionnalités avancées
  10. Exercices
1 exercices
  1. TP - Starwars

Bootstrap 4

Gratuit

13 sections
  1. Généralités
  2. Présentation
  3. Fonctionnement
  4. Installation
  5. Dispositions des éléments
  6. Reboot et styles par défaut
  7. Classes proposées par Bootstrap
  8. Classes utilitaires
  9. Intégration de composants
  10. Composants simples
  11. Composants complexes
  12. Personnalisation
  13. Exercices
6 exercices
  1. Table de prix
  2. Formulaire d'enregistrement
  3. TD - Tableau de bord
  4. TP - Agence immobilière
  5. TP - Messagerie instantanée
  6. TP - Réseau social

Algorithmes

Gratuit

6 sections
  1. Généralités
  2. Des mathémaquoi ?
  3. Création d'un algorithme
  4. Traduction d'un algorithme
  5. Coder un algorithme
  6. Liens utiles
5 exercices
  1. Vérifier les ustensiles
  2. Préparer les crêpes
  3. Exécuter un algorithme
  4. Lancez votre premier programme
  5. Trouvez d'autres algo

Concepts de base

Gratuit

14 sections
  1. Généralités
  2. Syntaxe
  3. Variables et constantes
  4. Typage des variables
  5. Types primitifs
  6. Types composites
  7. Opérateurs
  8. Structures conditionnelles
  9. Structure itératives
  10. Les fonctions utilisateurs
  11. Les fonctions natives
  12. La notion de scope
  13. Les exceptions
  14. Récursivité
0 exercices

Initiation Javascript

Gratuit

Découvrir les bases du langage Javascript avec des cours génériques et des exercices simples.

16 sections
  1. Généralités
  2. Présentation
  3. Javascript et HTML
  4. Syntaxe
  5. La console
  6. Les algorithmes
  7. Variables et constantes
  8. Le typage
  9. Opérateurs
  10. Structures conditionnelles
  11. Structures itératives
  12. Les fonctions
  13. Fonctions natives
  14. Scope
  15. Exceptions
  16. Récursivité
24 exercices
  1. Mini-calculette
  2. Calculer la moyenne d'un élève
  3. Calculer le montant d'une facture
  4. Tranches d'âge
  5. Amélioration mini-calculette
  6. Amélioration moyenne élève
  7. Compteur
  8. Compteur inversé
  9. Somme d'une série de nombre
  10. Compteur avec un incrément différent de un
  11. Amélioration tranches d'âge
  12. Parcourir les éléments d'un tableau
  13. Algorithme min max
  14. Algorithme de filtrage
  15. Information météo
  16. Température ressentie
  17. Traitement d'un texte (fonctions natives)
  18. Afficher le rang des lettres de l'alphabet
  19. Gestion de stock
  20. Algorithme de triage
  21. Edition de facture
  22. a faire !
  23. Compteur récursif (facile)
  24. Parcourir tous les étages d'un immeuble (difficile)

JQuery

Gratuit

11 sections
  1. Généralités
  2. Présentation
  3. Installation
  4. Sélectionner des élements
  5. Manipuler le DOM
  6. Événements
  7. Effets & animations
  8. Plugins
  9. Ajax & JSON
  10. Dérivés
  11. Plugin JS sans Jquery
9 exercices
  1. Prise de notes
  2. Gestionnaire de contacts
  3. Back to top
  4. Menu de navigation
  5. Timeline dans votre CV
  6. Commande restaurant (plugin liste déroulante)
  7. Slider/carousel
  8. Gallerie de photos
  9. Tableau de villes

Javascript et le navigateur : BOM et DOM

Gratuit

14 sections
  1. Présentation
  2. Le BOM : Browser Object Model
  3. Le DOM : Document Object Model
  4. Sélectionner des éléments
  5. Sélecteurs standards
  6. querySelector : sélectionner via la logique CSS
  7. Faire un helper de sélection
  8. Lire les propriétés
  9. Modifier les propriétés
  10. Créer de nouveaux éléments
  11. Ajouter des éléments dans d'autres éléments
  12. Supprimer des éléments
  13. En plus
  14. Exercices
7 exercices
  1. Apprendre à modifier le DOM en JS
  2. Jeu de dès
  3. Liste de courses
  4. Valider les données d'un formulaire de contact
  5. Déplacer les pièces d'un jeu d'échec
  6. Morpion
  7. Système de commentaires

Programmation asynchrone

Gratuit

Découvrir la programmation asynchrone en Javascript avec les timer, les appels Ajax, l'API fetch, les promesses, etc...

11 sections
  1. Généralités
  2. Présentation
  3. Timers et animations
  4. Requêtes HTTP asynchrones
  5. API : Application Programing Interface
  6. Le format JSON
  7. XHR et JQuery
  8. Callback Hell
  9. Promesses
  10. La méthode fetch
  11. async / await
14 exercices
  1. Horloge
  2. Clignotement
  3. Arc en ciel
  4. Créer un effet de fading
  5. Lancer puis stopper une animation
  6. Feu de circulation
  7. Menu horizontal dynamique
  8. Menu déroulant
  9. Transformer une variable en JSON
  10. Transformer une chaîne JSON en variable
  11. Récupérer et afficher des données utilisateurs en AJAX
  12. Plateforme de bloging
  13. Station météo
  14. Cinémathèque

Initiation

Gratuit


16 sections
  1. Généralités
  2. Présentation
  3. PHP et serveur
  4. PHP et HTML
  5. Syntaxe
  6. Variables, constantes, et types
  7. Opérateurs et expressions
  8. Structures conditionnelles
  9. Structure itératives
  10. Les fonctions
  11. Fonctions internes
  12. Templating
  13. Inclusion de fichiers
  14. Configurer PHP : la gestion des erreurs
  15. Opérateurs spécifiques PHP 7
  16. En plus
20 exercices
  1. TD - Affichage en fonction de l'âge
  2. TD - Ustensiles crêpes
  3. Compteur
  4. Somme d'une série de nombres
  5. Compteur inversé
  6. Compteur avec un incrément différent de un
  7. Accéder aux éléments d'un tableau
  8. Moyenne d'une série de notes
  9. Afficher le rang des lettres de l'alphabet
  10. Trouvez l'altitude minimum et maximum d'une chaîne de montagnes
  11. Trier des nombres dans l'ordre croissant
  12. Infos météo
  13. Température ressentie
  14. TD - Dictionnaire
  15. TD - Horloge atomique
  16. Informations sur des villes
  17. CV
  18. Inclure des fichiers statiques
  19. Inclure des fichiers dynamiques
  20. Récup de code de stagiaire

Les super globales

Gratuit

7 sections
  1. Généralités
  2. $_GET : envoyer des données via l'url
  3. $_POST : envoyer des données via un formulaire
  4. $_FILES : envoyer un fichier au serveur
  5. $_SERVER : informations sur l'environnement d'exécution
  6. $_SESSION : le système de session de PHP
  7. Les autres superglobales
15 exercices
  1. Afficher la devise d'une ville
  2. Grille de salaire
  3. Manuel de géographie
  4. Formatage du prénom et du nom
  5. Calculette
  6. Traducteur
  7. Cryptographie
  8. Upload simple
  9. Photo de profil
  10. Petite annonce
  11. Monitoring
  12. Créer un routeur simple
  13. Compteur de pages
  14. Popularité
  15. Coffre-fort

Bases de données relationnelles

Gratuit

13 sections
  1. Généralités
  2. Présentation
  3. Les GUI
  4. Le langage SQL
  5. Installation et configuration
  6. Créer une base de données
  7. Structure d'une table
  8. Les types de champs
  9. Autres propriétés d'un champ
  10. La contrainte UNIQUE
  11. Les clés primaires
  12. Les clés étrangères
  13. Travaux pratiques
3 exercices
  1. Installer un SGBDR (via un environnement packagée)
  2. Mise en place d'une base de données
  3. Clés étrangères : déterminer les relations entre les tables

Base de données et PDO

Gratuit

18 sections
  1. Pré-requis
  2. Présentation
  3. Les trois classes de PDO
  4. Se connecter à une base de données
  5. Exécuter une requête SQL
  6. quote() et injections SQL
  7. Les requêtes préparées
  8. Lier des variables dans une requête
  9. Exploiter les résultats d'une requête
  10. La méthode fetch()
  11. La méthode fetchAll()
  12. Exploiter les résultats des INSERT, DELETE, UPDATE
  13. Débugger avec PDO
  14. Exercices
  15. Système de transaction : back to the future !
  16. Récupérer des données de structure de la DB
7 exercices
  1. Annuaire
  2. Annuaire - améliorations
  3. Mini-plateforme de blogging
  4. Endless menu
  5. Système de votation
  6. Cause I'm API
  7. ajouter exo agence immo (prévu pour MVC ?)

Programmation orientée objet

Gratuit

Ce cours va vous permettre de découvrir et d'approfondir les notions génériques de la programmation orientée objet (POO). Ces notions sont partagées par tous les langages qui sont orientés objets. Concepts principaux : classes et instances de classes, constructeur, méthode, attribut, portée, attributs et méthodes statiques, paramètres, héritages, etc....

12 sections
  1. Présentation de la programmation orientée objet
  2. Les classes et les instances de classes
  3. Les constructeurs
  4. Les attributs et propriétés
  5. Les méthodes
  6. Le mot clé this
  7. Les opérateurs de visibilité
  8. Les accesseurs et mutateurs
  9. Les attributs et méthodes statiques
  10. L'héritage
  11. Exercices
  12. Notes
1 exercices
  1. Micro-ondes

Programmation objet

Payant

20 sections
  1. Visioconférence
  2. Présentation
  3. Classes et instances de classes
  4. Attributs et propriétés
  5. Constructeur
  6. Le mot-clé this
  7. Méthodes
  8. Opérateurs de visibilité
  9. Attributs et méthodes statiques
  10. Accesseurs et mutateurs
  11. Héritage
  12. Méthodes magiques
  13. Autoloading
  14. Fetch_class et Fetch_into
  15. Chaîner des méthodes entre elles
  16. Classes abstraites
  17. Interfaces
  18. Le mot clé final
  19. API de réflection
  20. TP2
1 exercices
  1. TP Todo