Devenir développeur WEB : Cours COMPLET et EXERCICES

45 students enrolled

Devenir développeur WEB : Cours COMPLET et EXERCICES

Une formation complète pour apprendre le développement web (HTML, CSS, JS, PHP, SQL, Wordpress, Bootstrap, jQuery...)

New

45 students enrolled

Created by Anthony Cardinale

Last updated 6/2020

French

Preview this course

Devenir développeur WEB : Cours COMPLET et EXERCICES

$34.99 $49.99 30% off

5 hours left at this price!

30-Day Money-Back Guarantee

8.5 hours on-demand video
7 downloadable resources
Full lifetime access
Access on mobile and TV

Certificate of Completion

Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business

What you'll learn

Programmer avec les principaux langages web
HTML, CSS, Javascript, PHP, SQL
Utiliser les principaux frameworks et CMS
Bootstrap, jQuery, Wordpress
Créer des sites web et projets web
Devenir développeur web

+ – Introduction

1 lecture 05:44

Bienvenue dans ce parcours "devenir développeur web". Vous apprendrez les principaux langages web (html, css, js, php, sql) mais également les principaux outils (jquery, bootstrap, angular, wordpress). Chaque section est accompagnée d'un exercice. Nous développerons donc plusieurs projets (un portfolio, un système de captcha, un jeu du + ou -, une galerie photo, un outil de quizz, une API REST, un site wordpress, un site angular...). Bon courage !

Introduction : Présentation de la formation web, des objectifs et des sections

Preview 05:44

+ – Apprendre le langage HTML : La structure et le contenu d'une page

7 lectures 01:23:42

Dans cette première vidéo nous allons parler des outils que nous allons utiliser pour coder et nous allons découvrir à quoi ressemble la structure d'un fichier HTML.

Structure d'un document HTML

Preview 12:43

La première chose à faire quand on souhaite apprendre HTML, c'est d'afficher du texte à l'écran et de comprendre les balises html 5.

Utilisation des balises HTML et écriture de textes sur une page web

Preview 11:53

Le but du web est de créer des liens entre des pages. Nous allons utiliser la balise "a" afin de créer des liens entre nos pages en html.

Création de liens : Lier des pages entre elles via des liens à cliquer

10:53

Sur les sites internet modernes il y a des images, vidéos ou sons. Nous allons voir comment ajouter des fichiers multimédia sur une page web en html.

Affichage de fichiers multimédias (Vidéos, images, musiques) sur une page web

13:01

Pour organiser une page et son contenu il y a plusieurs façons de faire. Je vais vous présenter les tableaux html qui vous permettront d'organiser votre contenu.

Dessiner des tableaux à l'écran avec la balise <table>

09:49

Les formulaires html sont très importants. Ils permettent aux utilisateurs de saisir des données. Vous pouvez par exemple créer un formulaire de contact, de connexion ou d'inscription avec html.

Création de formulaires HTML pour permettre à l'utilisateur d'entrer des données

15:17

Premier exercice html : création d'un portfolio basique avec une liste de projets.

Exercice / TP : Création d'un portfolio 1 page avec HTML

10:06

+ – Apprendre CSS : Designer notre site internet avec CSS pour le style

5 lectures 01:10:27

Nous allons voir comment lier un fichier css à un document html pour charger le style dans une page web.

Inclure un fichier CSS dans un fichier HTML pour charger le style de la page

Preview 08:42

La première chose à faire avec css est de structurer notre page web.

Ajuster la structure de la page web à l'aide de CSS

18:35

Nous allons apprendre à ajouter de la couleur à notre page et à colorer nos éléments avec css.

Ajouter de la couleur à notre page avec CSS et les propriétés de couleur

19:55

Découvrez comment personnaliser vos textes et paragraphes avec css. Nous verrons aussi comment changer la police d'écriture.

Personnaliser le texte d'une page web avec CSS

14:25

Exercice css : Créer un design pour votre portfolio.

Exercice / TP : Créer le design de notre portfolio en ajoutant du CSS

08:50

+ – Bootstrap : Créer un design moderne et responsive avec le framework Bootstrap

6 lectures 01:17:58

Découverte de bootstrap, le framework web pour créer un design moderne et responsive. Apprenez à ajouter bootstrap à votre site internet.

Inclure Bootstrap dans une page HTML pour charger le framework

11:07

Comprendre la grille de bootstrap.

Le système de grille de Bootstrap : Lignes, colonnes et ajustement automatique

12:42

Designer le contenu de la page web avec bootstrap.

Personnaliser le contenu d'une page facilement avec Bootstrap

15:42

Comment utiliser les composants de bootstrap.

Les composants de Bootstrap (1/2) : Créer des widgets modernes et design

16:08

Créer un design responsive avec les composants de bootstrap.

Les composants de Bootstrap (2/2) : Créer des widgets modernes et design

15:00

Exercice bootstrap : Réaliser le design d'une page web.

Exercice / TP : Designer une page web (galerie photo) avec Bootstrap

07:19

+ – Apprendre javascript et ajouter de l'interactivité à vos pages web

6 lectures 44:55

Découvrez javascript et apprenez à inclure vos scripts js à vos pages html.

Inclure un script JavaScript dans un document HTML et première fonction JS

06:11

Comment utiliser les variables et tableaux javascript.

Les variables et les tableaux avec Javascript

11:53

Comment créer des conditions avec javascript.

Les conditions (if, else if, else) avec javascript

08:32

Comment écrire une fonction javascript.

Votre première fonction avec javascript

05:52

Comment utiliser les boucles js.

Les boucles (for et while) avec JS

07:43

Exercice de javascript : programmer un système de captcha en js pour son site internet.

Exercice / TP : Création d'un système de captcha (anti-robot) avec javascript

04:44

+ – Apprendre jQuery : Faire plus avec moins grâce à jQuery, le framework JS

4 lectures 29:14

Découverte de jQuery et apprendre à inclure jQuery dans une page web html.

Inclure jQuery (script) dans un projet web (HTML)

06:59

Travailler avec les événements en utilisant jQuery.

Gérer les événements (clics, hover...) et modifier dynamiquement la page

07:54

Créer des animations avec jQuery.

Animer des éléments d'une page avec jQuery et les fonctions d'animation

08:42

Exercice jQuery : Créer un petit jeu dans le navigateur.

Exercice / TP : Développer un mini jeu avec jQuery

05:39

+ – Apprendre PHP : Programmation côté serveur

7 lectures 01:06:43

Découverte de PHP, le langage de programmation côté serveur.

Installation des outils (wamp) pour développer avec le langage PHP

09:38

Apprendre à utiliser les variables et les tableaux avec php.

Les variables et les tableaux en PHP

12:54

Comment écrire des conditions avec php.

Programmer des conditions avec PHP

06:08

Utiliser les boucles en php.

Les boucles avec PHP : Répéter une opération plusieurs fois

06:36

Comment définir une fonction avec php et l'appeler pour exécuter cette fonction dans notre code.

Créer et appeler des fonctions avec PHP

15:26

Récupération et traitement des données d'un formulaire html avec php.

Récupérer les données d'un formulaire côté serveur avec PHP

10:54

Exercice php : Créer un outil de quizz / sondage avec php. Notre outil sera une liste de questions à choix multiples. Nous récupérerons les réponses via php.

Exercice / TP : Créer un outil de quizz avec calcul du score final en PHP

05:07

+ – Apprendre SQL et MySQL (PHPMyAdmin) : Interroger une base de données

4 lectures 48:36

Apprendre Wampserver, php my admin, mysql pour travailler avec vos bases de données (sgbd).

Utilisation de PhpMyAdmin (MySQL), création d'une base de données et requête SQL

10:26

Apprendre le SQL et écrire des requêtes SQL simples pour interroger une base de données (BDD).

Comprendre SQL et écrire des requêtes simples (select, create, update, delete)

08:39

Exercice SQL : Créer une API rest avec SQL et PHP.

Exercice / TD : Créer une API REST avec PHP & SQL partie 1/2

18:44

Exercice SQL : Créer un webservice avec SQL et PHP - votre première API.

Exercice / TD : Créer une API REST avec PHP & SQL partie 2/2

10:47

+ – Apprendre Wordpress, le CMS le plus populaire au monde pour créer des sites web

3 lectures 37:30

Apprendre à développer un site sans coder grâce à Wordpress, le CMS le plus populaire du monde pour développer des sites internet sans programmation. Wordpress est accessible à tous, débutants ou experts et représente plus de la moitié des sites en ligne.

Découverte de Wordpress, installation et utilisation de l'administration

11:13

Découvrir Wordpress et son administration pour créer des pages pour votre site.

Créer des pages, modifier le menu principal et écrire un article avec wordpress

11:41

Aller plus loin avec wordpress grâce aux thèmes (designs) et plugins (modules) afin de créer une infinité de possibilités sur votre site wordpress.

Utilisation des Thèmes et Plugins pour créer vite et bien sans coder

14:36

+ – Découverte de Angular, le framework javascript incontournable de Google

3 lectures 38:54

Initiation à NodeJS, Angular et au CLI. Découvrez un framework javascript moderne (Google Angular) et développez vos sites en full JS.

Installation de Angular, CLI, Node JS et affichage d'une première page web

10:51

Les routes et les composants d'Angular. Créer plusieurs pages et les lier grâce au routeur.

Comprendre les routes, les composants et naviguer entre les pages avec Angular

18:05

Découvrez les éléments propres à Angular comme ngFor pour créer des boucles, ngIf pour créer des conditions avec Angular en JS.

Quelques spécificités d'Angular (ngFor, ngIf, ...) pour aller plus loin

09:58

Requirements

Aucune compétence particulière n'est requise
Un ordinateur (Windows, Mac, Linux)

Description

Vous débutez, vous souhaitez devenir développeur web ou vous souhaitez vous perfectionner ? Cette formation est faite pour vous. Ce cours complet vous présentera l'ensemble des technologies utilisées pour créer des sites web :

HTML pour le contenu
CSS pour le design
Javascript pour l’interaction
PHP pour la partie serveur
SQL pour communiquer avec une base de données

Découvrez également des outils et frameworks qui vous permettront de gagner du temps et de créer de superbes applications web :

Bootstrap pour un design responsive (adapté aux mobiles et à tous les écrans)
jQuery pour des effets visuels de dingue
Wordpress pour maîtriser l'outil le plus populaire du monde
Angular le framework JS de Google
...

Tout ce que vous devez connaître se trouve dans cette formation. Vous n'avez pas besoin de connaissances particulières pour vous lancer, nous verrons tout de A à Z.

Des exercices pratiques pour assimiler

Chaque section de ce cours se terminera par un exercice pratique afin d'utiliser nos connaissances et de les mettre en pratique. Cela nous permettra de réaliser des projets concrets et de mieux retenir les notions de cette formation. Nous réaliserons :

Un portfolio
Une galerie photo
Un jeu
Un système de captcha
Une API REST
Des formulaires
Des pages avec wordpress ou angular
...

C'est la formation idéale pour devenir développeur web. Aucun risque, aucune mauvaise surprise, c'est Satisfait ou remboursé 30 jours ! Si ce cours ne correspond pas à vos attentes, je vous rembourse intégralement !

Ce cours prend en compte les dernières versions des langages et outils utilisés. Il s'agit de la formation complète la plus récente que vous pouvez trouver (tout a été enregistré en 2020). Et je mettrai à jour le contenu pour vous présenter les nouveautés. Une fois inscrit, vous aurez accès à vie à l'intégralité du cours ainsi qu'aux futures vidéos.

Je vous propose un contenu complet et condensé. je vais à l'essentiel afin que vous soyez rapidement opérationnels. Je termine toujours par un exercice pratique corrigé pour travailler sur un cas pratique concret.

Who this course is for:

Ceux qui souhaitent devenir développeur web
Les personnes qui veulent créer des sites internet
Ceux qui veulent apprendre les principaux outils de développement web