Cours
PrestaShop

Newsletter

Devenir Développeur Web

Formation complète pour être Développeur Web

Ou s'abonner pour un accès illimité sans engagement à tout Skilleos pour 19,90€/mois. En savoir plus
chapitre

Chapitres

243

chrono

Durée

37,5h de formation

chrono

Prérequis

Accessible à tous

acces

Accès

24h/24 et 7j/7
PC/Mac, tablette et smartphone

certificat

Certificat

Délivré à la fin de la formation

1for1

1 For 1

Un abo ou un achat sur Skilleos = Un cours offert à un bénéficiaire

John Codeur

John Codeur

Après des études en informatique, John Codeur s'est initié au monde du développement web. Il a lancé sa première start-up en 2007, une entreprise qui l'a formé, forcé a acquérir des connaissances, qui l'a poussé à se surpasser, mais qui n'a malheureusement pas abouti. Il a ensuite travaillé pour diverses entreprises High-Tech le stimulant sur différents projets variés : des simulateurs pour chirurgiens, des applications pour apprendre la géométrie etc...

Grâce à toutes ces expériences, John Codeur s'est forgé une véritable discipline informatique et théorise désormais son savoir. Mais avant d'accomplir toutes ces aventures, il faut préciser une chose : c'est un autodidacte du code ! Lui même l'affirme : "ses études en informatique ne lui ont pas servi dans l'apprentissage du code". Cet univers est accessible a tout le monde. L'apprentissage nécessite cependant méthode, structure et règle à respecter. 

La mission principale de John Codeur à travers sa formation est de démocratiser le monde du code. 

Vous voulez apprendre à coder, créer et développer votre propre site web. Cette formation vous expliquera et vous guidera afin d'acquérir toutes les connaissances nécessaires au développement web.  

Les compétences numériques et les outils d'aujourd'hui nécessitent de plus en plus de compétences techniques. Cette formation retrace toutes les notions nécessaires pour travailler, s'initier, s'améliorer au développement web et à la création d'un site, que ce soit un blog, un site e-commerce, d'information ou bien uniquement un site axé branding. 

Contenu du cours

  • Formation de Développeur Web complète de 37,5h pour 232 chapitres
  • Tous les différents langages et codes informatiques principaux abordés :
  • HTML / CSS / Javascript / Jquery / Bootstrap / MySQL / Php
  • Fichiers sources télécharges pour une mise en pratique optimale 
  • Des créations web que vous pourrez copier et réutiliser pour vos concepts 
  • L'élaboration et l'organisation d'un projet web
  • Initiation au code d'un jeu avec SNAKE 

À la fin du cours, vous serez capable de :

  • Manier les différents langages HTML / CSS / Javascript
  • Gérer l'hébergement de votre site web
  • Utiliser les différents outils nécessaires à la création d'un site
  • Maitriser un CMS (Wordpress) pour la création d'un blog
  • Faire de votre site, une expérience responsive et interactive
  • Créer un site e-commerce
  • Intégrer des animations au sein de votre page web
  • Intégrer des pages responsive et design


Chapitres

INTRODUCTION AU DEVELOPPEMENT WEB ET MISE EN PLACE
1
icone
04:07
Comment réussir sa formation online ?
2
icone
03:27
Comment fonctionne un site Web ?
3
icone
02:57
Qu'est ce que le développement Front-End ?
4
icone
02:16
Qu'est ce que le développement Back-End ?
5
icone
01:35
Installation du Navigateur Web
6
icone
02:35
Installation de l'éditeur de code
7
icone
02:17
Afficher les extensions de fichier
8
icone
00:38
Petit conseil avant de commencer
SECTION 2 : APPRENDRE HTML ET CSS ET CREER UN SITE WEB
9
icone
01:45
Introduction
10
icone
03:37
Les bases d'HTML : Syntaxe
11
icone
01:58
Les bases d'HTML : Structure d'une page
12
icone
04:38
Les bases d'HTML : Paragraphes et Titres
13
icone
02:45
Les bases d'HTML : Tags spéciaux
14
icone
06:38
Les bases d'HTML : Liens
15
icone
06:33
Les bases d'HTML : Images
16
icone
03:29
Les bases d'HTML : Listes
17
icone
06:53
Les bases d'HTML : Attribut style
18
icone
04:57
Les bases d'HTML : Divs
19
icone
10:26
Les bases d'HTML : Formulaires
20
icone
Quizz - HTML
21
icone
04:46
Les bases de CSS : Différentes façons d’écrire du CSS
22
icone
02:54
Les bases de CSS : Syntaxe
23
icone
05:39
Les bases de CSS : Couleurs
24
icone
02:06
Les bases de CSS : Unités de mesure
25
icone
04:16
Les bases de CSS : Polices
26
icone
14:17
Les bases de CSS : Sélecteurs
27
icone
03:20
Les bases de CSS : Propriété Display
28
icone
13:52
Les bases de CSS : Modèle de la boîte
29
icone
05:04
Les bases de CSS : Propriété Float
30
icone
11:14
Les bases de CSS : Propriété Position
31
icone
Quizz - CSS
32
icone
03:59
Projet : Mise en place
33
icone
03:45
Projet : Architecture du site
34
icone
22:53
Projet : Partie Header
35
icone
11:43
Projet : Partie Main Image
36
icone
14:12
Projet : Partie Steps
37
icone
23:58
Projet : Partie Possibilities
38
icone
17:01
Projet : Partie Contact
39
icone
05:15
Projet : Partie Footer
40
icone
04:43
Bonus : Utiliser Google Chrome pour inspecter et modifier HTML et CSS
SECTION 3 : APPRENDRE JAVASCRIPT ET CREER UN JEU EN LIGNE
41
icone
01:09
Introduction
42
icone
03:33
Les bases de Javascript : Console
43
icone
05:07
Les bases de Javascript : Où écrit-on le Javascript
44
icone
01:52
Les bases de Javascript : Syntaxe et Variables
45
icone
10:13
Les bases de Javascript : Numbers and Strings (Nombres et Chaînes de caractères)
46
icone
08:20
Les bases de Javascript : Operators (Opérateurs)
47
icone
03:43
Les bases de Javascript : Commentaires
48
icone
10:25
Les bases de Javascript : Booleans and Comparisons (Booléens et Comparaisons)
49
icone
14:07
Les bases de Javascript : Conditions
50
icone
10:24
Les bases de Javascript : Loops (Boucles)
51
icone
04:32
Les bases de Javascript : Fonctions
52
icone
03:32
Les bases de Javascript : Scope
53
icone
11:08
Les bases de Javascript : Arrays (Tableaux)
54
icone
10:58
Les bases de Javascript : Objects (Objets)
55
icone
06:20
Les bases de Javascript : Prototypes
56
icone
Quizz - Javascript
57
icone
08:06
Projet : Création du Canvas
58
icone
08:02
Projet : Rafraîchir le Canvas
59
icone
19:37
Projet : Création du serpent
60
icone
17:08
Projet : Diriger le serpent
61
icone
08:17
Projet : Ajouter la pomme
62
icone
22:23
Projet : Le serpent s'est il pris un mur
63
icone
22:00
Projet : Le serpent a t'il mangé la pomme
64
icone
08:48
Projet : Score et Game Over
65
icone
07:55
Projet : Réorganiser le code
66
icone
12:47
Projet : Donner un peu de style à notre jeu
SECTION 4 : APPRENDRE JQUERY ET CREER UNE PAGE WEB INTERACTIVE
67
icone
01:16
Introduction
68
icone
06:51
Les bases de jQuery : Qu'est- ce que jQuery et comment l'utiliser
69
icone
07:31
Les bases de jQuery : Selectors (Sélecteurs)
70
icone
12:54
Les bases de jQuery : Events (Événements)
71
icone
09:50
Les bases de jQuery : Effects (Effets)
72
icone
17:29
Les bases de jQuery : Animations
73
icone
13:19
Les bases de jQuery : jQuery et HTML
74
icone
13:04
Les bases de jQuery : jQuery et CSS
75
icone
12:23
Les bases de jQuery : jQuery et l'arborescence des éléments
76
icone
04:32
Les bases de jQuery : Découverte rapide d'AJAX
77
icone
Quizz - JQUERY
78
icone
18:18
Projet : Création des éléments - Partie 1
79
icone
12:31
Projet : Création des éléments - Partie 2
80
icone
04:43
Projet : Changer les polices
81
icone
06:48
Projet : Mise en place du décor
82
icone
19:17
Projet : Animation d'ouverture
83
icone
17:18
Projet : Ouverture et Fermeture
84
icone
04:09
Projet : Ouverture de départ
85
icone
09:40
Projet : Rajoutons les boutons
86
icone
10:30
Projet : Activons les boutons
SECTION 5 : APPRENDRE BOOTSTRAP ET CREER UN CV EN LIGNE RESPONSIVE
87
icone
01:20
Introduction
88
icone
04:46
Les bases de Bootstrap : Qu'est-ce que Bootstrap et comment l'utiliser ?
89
icone
04:02
Les bases de Bootstrap : Container
90
icone
08:45
Les bases de Bootstrap : Grid System - Partie 1
91
icone
15:31
Les bases de Bootstrap : Grid System - Partie 2
92
icone
06:42
Les bases de Bootstrap : Typography
93
icone
13:23
Les bases de Bootstrap : Forms
94
icone
08:57
Les bases de Bootstrap : Buttons + Buttons Group
95
icone
03:59
Les bases de Bootstrap : Images
96
icone
04:37
Les bases de Bootstrap : Glyphicons
97
icone
Quizz - BOOTSTRAP 1
98
icone
07:45
Les bases de Bootstrap : Dropdowns
99
icone
10:16
Les bases de Bootstrap : Progress Bars
100
icone
07:03
Les bases de Bootstrap : Tooltips
101
icone
09:49
Les bases de Bootstrap : Modals
102
icone
15:04
Les bases de Bootstrap : Navbar
103
icone
07:02
Les bases de Bootstrap : Scrollspy
104
icone
12:11
Les bases de Bootstrap : Carousel
105
icone
Quizz - BOOTSTRAP 2
106
icone
08:46
Projet : Création des éléments
107
icone
18:45
Projet : Première Section
108
icone
14:55
Projet : Compétences
109
icone
13:13
Projet : Expérience Professionelle - Partie 1
110
icone
17:53
Projet : Expérience Professionelle - Partie 2
111
icone
07:58
Projet : Expérience Professionelle - Partie 3
112
icone
12:44
Projet : Education
113
icone
10:51
Projet : Portfolio
114
icone
16:21
Projet : Recommandations
115
icone
05:49
Projet : Footer
116
icone
14:27
Projet : Menu
117
icone
07:30
Projet : Scrollspy et Animations
SECTION 6: HEBERGEMENT, NOMS DE DOMAINE ET METTRE UN SITE EN LIGNE
118
icone
01:04
Introduction
119
icone
02:47
Mise en place du pack d'hébergement : Que contient le Pack ?
120
icone
08:09
Mise en place du pack d'hébergement : Comment le configurer ?
121
icone
08:06
Mise en place du pack d'hébergement : Accéder au cPanel
122
icone
07:25
FTP et Filezilla : Installation et connexion au serveur
123
icone
05:45
FTP et Filezilla : Mise en ligne de votre premier site
124
icone
04:24
Noms de domaine : Sous domaines
125
icone
06:17
Noms de domaine : Domaines supplémentaires
126
icone
02:40
Noms de domaine : Alias
127
icone
03:57
Noms de domaine : Redirections
128
icone
06:17
Emails personnalisés : Créer un email personnalisé
129
icone
03:05
Emails personnalisés : Redirection d'e-mails
130
icone
Quizz - Hébergement
131
icone
06:07
Projet : Mettons votre CV en domaine principal
132
icone
05:39
Projet : Mettons en ligne tous vos projets
133
icone
08:13
Projet : Mettons à jour votre portfolio avec vos projets
SECTION 7: APPRENDRE PHP ET CREER UN FORMULAIRE DE CONTACT
134
icone
01:21
Introduction
135
icone
09:17
Les bases de PHP : Installation d'un serveur local
136
icone
13:46
Les bases de PHP : Syntaxe
137
icone
07:20
Les bases de PHP : Variables
138
icone
10:24
Les bases de PHP : Scopes
139
icone
09:12
Les bases de PHP : Types de variables
140
icone
08:22
Les bases de PHP : Strings (Chaînes de caractères)
141
icone
04:01
Les bases de PHP : Constants (Constantes)
142
icone
20:29
Les bases de PHP : Operators (Opérateurs) - Partie 1
143
icone
11:03
Les bases de PHP : Operators (Opérateurs) - Partie 2
144
icone
11:29
Les bases de PHP : Conditions
145
icone
08:28
Les bases de PHP : Loops (Boucles)
146
icone
14:58
Les bases de PHP : Functions (Fonctions)
147
icone
Quizz - PHP 1
148
icone
16:22
Les bases de PHP : Arrays (Tableaux)
149
icone
19:02
Les bases de PHP : Objects (Objets)
150
icone
14:34
Les bases de PHP : Include et Require
151
icone
05:59
Les bases de PHP : Super Globales
152
icone
07:14
Les bases de PHP : GET
153
icone
06:15
Les bases de PHP : POST
154
icone
06:00
Les bases de PHP : Sessions
155
icone
07:57
Les bases de PHP : Cookies
156
icone
Quizz - PHP 2
157
icone
17:12
Projet : Mise en place du décor (HTML)
158
icone
06:47
Projet : Mise en place du décor (CSS)
159
icone
13:09
Projet : Construction du formulaire (HTML)
160
icone
11:47
Projet : Construction du formulaire (CSS)
161
icone
14:45
Projet : Récupération des données
162
icone
10:54
Projet : Sécurité du Formulaire
163
icone
12:54
Projet : Validation des données - Partie 1
164
icone
14:58
Projet : Validation des données - Partie 2
165
icone
08:24
Projet : Message de remerciements
166
icone
15:23
Projet : Envoi du mail
167
icone
14:23
Projet : Amélioration avec AJAX - Partie 1
168
icone
22:41
Projet : Amélioration avec AJAX - Partie 2
169
icone
18:51
Projet : Intégration au CV
SECTION 8: APPRENDRE (PHP ET) MYSQL ET CREER UN SITE WEB DYNAMIQUE
170
icone
01:27
Introduction
171
icone
03:44
Introduction : Un peu d'explication
172
icone
08:19
Introduction : Accéder à phpMyAdmin
173
icone
17:09
Introduction : Découverte des bases de données
174
icone
08:30
Introduction : Un exemple réel de base de donées
175
icone
06:12
Les bases de SQL: CREATE
176
icone
07:54
Les bases de SQL : SELECT
177
icone
05:14
Les bases de SQL : INSERT
178
icone
03:42
Les bases de SQL : UPDATE
179
icone
02:37
Les bases de SQL : DELETE
180
icone
08:51
Les bases de SQL : WHERE
181
icone
06:56
Les bases de SQL : ALIAS
182
icone
10:56
Les bases de SQL : JOIN
183
icone
09:35
Les bases de SQL : DATE
184
icone
09:49
Les bases de SQL : FUNCTIONS
185
icone
09:55
Les bases de SQL : GROUP BY et HAVING
186
icone
Quizz - MySQL
187
icone
04:05
PHP et MySQL : PDO ou MySQLi
188
icone
20:57
PHP et MySQL : Connexion à une base de données
189
icone
13:39
PHP et MySQL : Fonction query
190
icone
05:06
PHP et MySQL : Fonctions prepare et execute
191
icone
19:49
Projet : Création du site statique (HTML)
192
icone
16:50
Projet : Création du site statique (CSS)
193
icone
13:58
Projet : Création de la base de données
194
icone
16:10
Projet : Connexion à la base de données
195
icone
17:19
Projet : Création de l'Admin
196
icone
16:17
Projet : Admin - Liste des items
197
icone
20:31
Projet : Admin - Afficher un item
198
icone
20:56
Projet : Admin - Ajouter un item - Partie 1
199
icone
20:49
Projet : Admin - Ajouter un item - Partie 2
200
icone
16:37
Projet : Admin - Modifier un item - Partie 1
201
icone
19:18
Projet : Admin - Modifier un item - Partie 2
202
icone
12:49
Projet : Admin - Supprimer un item
203
icone
18:56
Projet : Rendre le site dynamique
SECTION 9: APPRENDRE WORDPRESS – CREER UN BLOG ET UN SITE E-COMMERCE
204
icone
02:00
Introduction
205
icone
05:56
Découverte et Installation : Qu'est-ce que WordPress ?
206
icone
04:36
Découverte et Installation : Différences entre wordpress.com et wordpress.org
207
icone
10:40
Découverte et Installation : Créer un blog WordPress en 10 minutes
208
icone
17:42
Découverte et Installation : Installer WordPress manuellement (optionnel)
209
icone
04:44
Découverte et Installation : Découverte rapide de la partie Admin
210
icone
09:55
Les bases de WordPress : Posts (Articles)
211
icone
11:46
Les bases de WordPress : Catégories et Tags (Etiquettes)
212
icone
15:44
Les bases de WordPress : Editeur de texte
213
icone
10:19
Les bases de WordPress : Images
214
icone
13:57
Les bases de WordPress : Intégrer des éléments externes (Youtube, Facebook,...)
215
icone
09:46
Les bases de WordPress : Menus
216
icone
09:54
Les bases de WordPress : Pages
217
icone
09:15
Les bases de WordPress : Utilisateurs
218
icone
07:42
Les bases de WordPress : Commentaires
219
icone
06:13
Widgets, Thèmes et Plugins : Widgets
220
icone
13:43
Widgets, Thèmes et Plugins : Thèmes gratuits
221
icone
13:15
Widgets, Thèmes et Plugins : Personnaliser un thème
222
icone
14:35
Widgets, Thèmes et Plugins : Thèmes payants
223
icone
14:04
Widgets, Thèmes et Plugins : Plugins
224
icone
Quizz - Wordpress
225
icone
06:21
Plugin Yoast SEO : Tableau de Bord
226
icone
16:39
Plugin Yoast SEO : Titres et Métas
227
icone
08:38
Plugin Yoast SEO : Réseaux Sociaux
228
icone
06:23
Plugin Yoast SEO : Sitemaps
229
icone
08:03
Plugin Yoast SEO : Autres réglages
230
icone
19:49
Plugin Yoast SEO : Pages et Posts spécifiques
231
icone
19:45
Plugin SumoMe : Boutons de partage sur les réseaux sociaux
232
icone
19:59
Plugin WooCommerce : Création de nos premiers produits
233
icone
05:48
Plugin WooCommerce : Création d'un produit variable
234
icone
12:38
Plugin WooCommerce : Réglages généraux
235
icone
14:01
Un peu de code pour mieux personnaliser : CSS et thème enfant
236
icone
04:48
Un peu de code pour mieux personnaliser : Afficher le Call To Action
237
icone
05:18
Un peu de code pour mieux personnaliser : Modifier le footer
SECTION 10: FAISONS LE BILAN ET PARLONS FUTUR…
238
icone
08:55
On fait le bilan calmement : Votre site Web perso
239
icone
05:06
On fait le bilan calmement : Ça y est, vous êtes développeur Web !
240
icone
06:29
Parlons futur : Développeur Web en Freelance
241
icone
04:57
Parlons futur : Développeur Web en entreprise
242
icone
04:34
Parlons futur : Développeur Web et entreprendre
243
icone
04:34
Parlons futur : Développeur Web et entreprendre

Devenir Développeur Web

Vous voulez apprendre à coder, créer et développer votre propre site web. Cette formation vous expliquera et vous guidera afin d'acquérir toutes les connaissances nécessaires au développement web.  

Plus de détails

149.90 €

close if for show price

Les compétences numériques et les outils d'aujourd'hui nécessitent de plus en plus de compétences techniques. Cette formation retrace toutes les notions nécessaires pour travailler, s'initier, s'améliorer au développement web et à la création d'un site, que ce soit un blog, un site e-commerce, d'information ou bien uniquement un site axé branding. 

  • langues fr
  • id_freeTest 583