HTML : depuis le TOUT début !
4.2 (26 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
393 students enrolled
Wishlisted Wishlist

Please confirm that you want to add HTML : depuis le TOUT début ! to your Wishlist.

Add to Wishlist

HTML : depuis le TOUT début !

JS, PHP, Symfony, Wordpress, Angular, Bootstrap, Ionic... LA super formation pour devenir un développeur confirmé !
4.2 (26 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
393 students enrolled
Last updated 7/2017
French
Price: $45
30-Day Money-Back Guarantee
Includes:
  • 5 hours on-demand video
  • 1 Supplemental Resource
  • 1 Coding exercise
  • Full lifetime access
  • Access on mobile and TV
  • Assignments
  • Certificate of Completion
What Will I Learn?
  • Réaliser un site web adaptatif (en responsive design).
  • Objectif final de la formation : devenir un développeur web confirmé.
  • Langages enseignés actuellement : HTML, CSS.
  • Langages enseignés dans les vidéos futures : JavaScript, SVG, PHP, SQL, Script Bash, Java, Ruby...
  • Frameworks enseignés dans les vidéos futures :
  • * JS → NodeJS (ExpressJS, SoketIO, Meteor...), Angular, VueJS...
  • * PHP → Symfony, Laravel, Silex, SwiftMailer...
  • * CSS → Bootstrap, Skeleton, Blueprint...
  • * HTML (moteur de template) → Twig, Haml
  • CMS enseigné dans les vidéos futures : Wordpress (installation, configuration, administration, programmation).
  • Vous apprendrez à connaître tous ces outils afin d'avoir à disposition un large choix, en fonction de vos futurs projets web ou mobile.
View Curriculum
Requirements
  • Aucun prérequis pour démarrer la formation.
  • Lorsque nous aborderons les frameworks JS et PHP, il faudra bien sûr avoir de bonnes bases dans ces langages.
Description

Vous connaissez le HTML ? Ou au moins en avez-vous entendu parler ? Je pense que oui. En fait, il s'agit de la substantifique moelle de tout site internet. Autrement dit, sans le HTML, pas de site internet ! Quelque soit le langage utilisé en complément (Java, Php, Ruby, Javascript...), le HTML reste indispensable à connaître et maîtriser. Mais attention : nous n'allons pas QUE apprendre le HTML dans cette méga formation, loin de là ! Lisez la suite pour en savoir plus...

Je vous propose ici de le découvrir pas à pas, DEPUIS LE TOUT DÉBUT. Les grands débutants sont donc les bienvenus !


Ci-dessous j'explique certains points importants, mais avant je tenais à vous annoncer quelque chose : je suis sur le point de terminer la version 1 d'une application pour smartphone qui servira de support à cette formation. Son accès sera GRATUIT pour tous les participants ! (Lisez bien les annonces pour savoir quand elle sera disponible). 


SURVOL DE CE QUE NOUS APPRENDRONS DANS CETTE FORMATION

Mais ce n'est pas tout : même si le titre ne cite que le HTML, c'est juste un symbole. En effet, la formation se voudra être la plus complète possible pour former des développeurs web accomplis. Nous apprendrons donc en plus du HTML, les incontournables CSS et JavaScript, et d'autres langages comme le PHP ou le SQL pour la gestion de base de données. Les frameworks ne passeront pas à la trappe, loin de là : Angular, Symfony, Bootstrap, jQuery, Electron, Ionic... Nous apprendrons également Wordpress, un CMS populaire qui a fait ses preuves : installation, configuration et administration, création ou intégration de template, de plugin, etc. Et plein d'autres outils qui feront de vous un développeur parfaitement à l'aise (gestion de version, installation et configuration d'Apache, ligne de commande, les Web Components, Sass, TypeScript...).

Après cette formation vous serez capable de concevoir un projet web de A à Z en choisissant les outils les plus adaptés à votre projet !


PHILOSOPHIE

Certains seront étonnés que je m'arrête sur des détails qui leur semble rudimentaires. Il ne faut pas m'en vouloir : mon but est de rendre cette formation la plus accessible possible et je tiens compte des personnes qui ont une expérience très limités sur ordinateur. Ne m'en voulez donc pas si j'insiste sur ces points en les expliquant de diverses manières. ;)

Mon but n'est pas non plus de faire un cours magistrale mais plutôt de vous apprendre par l'expérience. Évidemment, il y aura forcément des moments théoriques mais pour la plupart, ces moments viendront compléter/affirmer ce que vous avez déjà appris par l'expérience.


AVERTISSEMENT IMPORTANT

Il s'agit là d'une super formation : elle est construite au fur et à mesure dans le temps et je ne peux pas dire à l'avance combien de vidéos il faudra pour étudier tous les outils précédemment cités correctement car le volume de connaissances à acquérir est très importants. Ceux qui s'inscrive aujourd'hui profiteront donc des vidéos déjà en lignes à un tarif préférentiel puisqu'ils n'auront payer que ces vidéos. Ils bénéficieront donc gratuitement  de l'ensemble des vidéos futures !

En effet ce tarif augmentera progressivement à chaque ajout de groupe de vidéos. Jusqu'à 1h30, elle était totalement gratuite. Aujourd'hui (juin 2017) elle est à 40 €. Plus la formation grossira, plus le tarif augmentera proportionnellement à la charge de travail qu'elle représente.

Je vous souhaite un très bon apprentissage !

Michael

Who is the target audience?
  • Grands débutants : sections 1 et 2.
  • Débutants et faux débutants : section 3.
  • Tous les niveaux : la formation est construite au fur et à mesure jusqu'à atteindre le niveau avancé.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
39 Lectures
04:45:59
+
HTML : Préliminaires
5 Lectures 33:39

Dans cette vidéo, nous créerons un dossier qui abritera notre projet tout au long de la formation. Quelques premières notions seront aborder pour démarrer cet apprentissage avec les bonnes pratiques.

Preview 10:59

Dans cette vidéo, nous découvrirons une des caractéristiques principales du langage HTML.

Comprendre les balises
07:54

Dans cette vidéo, nous survolerons ce que signifie la notion de parent/enfant en programmation. Certes, le HTML n'est pas un langage de programmation mais ces notions existent tout de même et ne vous serons pas inutiles lorsque vous apprendrez d'autres langages.

L'imbrication des balises
04:58

Dans cette vidéo, nous verrons comment construire une page html valide et conforme aux normes établies par le w3c.

Structure minimale obligatoire d'une page HTML
06:34

Cette vidéo permettra de comprendre rapidement combien il est important d'utiliser un éditeur de texte spécialisé lorsque l'on développe. En effet, ce dernier nous fera gagner un temps non négligeable durant l'élaboration du projet. Je vous encourage à utiliser le même éditeur que moi au départ, car au fur et à mesure qu'on avancera je vous apprendrai quelques astuces bien utiles pour gagner du temps.

L'éditeur de code : très important !
03:14

Quiz 1
7 questions
+
HTML/CSS : Bases d'un site internet
6 Lectures 31:01
Titre de l'onglet et jeu de caractère
02:39

Structure de base d'un site web
05:32

Introduction au Cascading StyleSheet
06:17

Présentation de la méthode inline
04:53

Lier une feuille de style
06:20

​Ecrivez le code HTML d'une page web
1 question

Attention : ne passez pas cette vidéo car elle traite de points importants à retenir et à avoir en tête à chaque conception de projet web. En effet, savoir construire un site ne suffit pas : encore faut-il bien comprendre son cycle de vie pour gérer son efficacité ! Et le choix de la méthode d'insertion du code CSS fait parti de cet enjeu...

Sur l'insertion de code CSS
05:20

Quiz 2
10 questions

Dans cet exercice, je vous demande de formuler à l'aide de vos propres mots ce que vous avez compris de certaines notions que nous avons vues ensemble.
Reformulation personnelle
3 questions
+
TP HTML/CSS : Création d'un site statique
28 Lectures 03:41:19

Ossature du site
12:32

Les listes en HTML
06:10

L'imbrication des listes
04:35

Les tableaux en HTML : présentation
07:40

Mieux comprendre les tableaux
04:48

Balises de type "inline" et "block"
08:59

Le "reset CSS"
04:09

Marges et méthodes d'affectations de valeurs
10:25

Styliser du texte
04:42

Identifiant, classe et positionnement
13:23

Survol de la souris : intro aux pseudo-classes
02:15

Préparer l'emplacement du slideshow
01:05

Rendre une largeur adaptative
04:17

Arrangement du footer
08:09

Le principe de la cascade et la directive "!important"
02:55

Quelques retouches sur le widget "liens externes"
02:13

La propriété font-family et l'import de police
07:04

Mise en place de la navigation
24:55

Création d'un formulaire en HTML
08:22

Réorganiser ses feuilles de styles
11:09

Site Kuler d'Adobe : https://color.adobe.com/fr/

Décider d'une charte graphique
13:52

Noms de couleurs en CSS : http://www.colors.commutercreative.com/

Arrangement page contact : 1er effet "3d"
08:58

Bonus : ouvrir un programme via le menu contextuel (Windows)
07:37


Création et intégration du logo
18:44

Ajouter un fond au site
07:24

Appliquer du flou au fond
06:10

Conclusion du TP / Transition Javascript
00:59
About the Instructor
DWAPS Formation Michael Cornillon
3.9 Average rating
34 Reviews
430 Students
3 Courses
Développeur / Formateur web et mobile

Bonjour à tous !

Je m'appelle Michael, j'habite à Tornac dans le Gard avec ma femme et mes deux filles. Je suis freelance pour DWAPS Formation à Anduze (une entreprise que j'ai lancé il y a plus d'un an à la suite de ma certification comme développeur d'applications pour mobiles).

Je suis passionné par les nouvelles technologies du web et me régale à les enseigner.

Si vous aussi vous aimez apprendre et aller toujours plus loin, rejoignez-moi !

Michael