Introduction au développement web responsive avec HTML et CSS
Un cours proposé par Javier Usobiaga FerrerConcepteur Web
Un cours proposé par Javier Usobiaga Ferrer, Concepteur Web
Apprenez les bases du développement web front-end
Apportez votre design au navigateur! Dans ce cours, Javier Usobiaga vous apprendra à créer des pages Web avec les outils les plus fondamentaux: HTML et CSS. Vous apprendrez à écrire votre propre code et vous changerez la façon dont vous voyez (et concevez) le Web, en comprenant comment il fonctionne de l'intérieur et comment concevoir un Web réactif pour être plus efficace. Et si le design n'est pas votre truc, ce cours peut être une bonne base pour débuter dans le monde du développement Web Front-end.
Qu'allez-vous apprendre dans ce cours en ligne ?
31 leçons & 13 vidéos téléchargées
Éditeur de code. Créez un projet. Environnement d'édition
3 minutes, 4 secondes
Inspecteur et outils de développement
3 minutes, 23 secondes
Balises et attributs HTML
5 minutes, 53 secondes
Étiquettes de texte
3 minutes, 39 secondes
Images et liens
8 minutes, 52 secondes
Étiquettes de bloc
2 minutes, 32 secondes
Que comprend ce cours ?
Ce cours part d'une connaissance nulle du HTML et du CSS. Il comprend les balises HTML fondamentales et les propriétés CSS typographiques, les outils de mise en page tels que les flottants ou la position, les arrière-plans, les bordures, les coins arrondis, les ombres, les polices Web et les outils de développement réactif fondamentaux tels que les requêtes multimédias.
Quel est le projet du cours ?
Le projet final consiste à créer une page web responsive (le web d'une cafétéria fictive) basée sur un design fourni comme une synthèse des différents sujets que nous verrons tout au long du cours.
Projets d'élèves du cours
À qui s'adresse ce cours en ligne ?
A tous ceux qui souhaitent acquérir des connaissances de base en HTML et CSS, qu'ils soient designers ou non.
Prérequis et matériel nécessaire
Pour ce cours, vous n'avez pas besoin de grandes connaissances techniques ou de conception. Vous aurez besoin d'un ordinateur et d'un éditeur de code gratuit.
Avis
- am_riverafPLUSil y a 27 jours
es demasiada teoría y las prácticas se las tiene que inventar el estudiante, no hay si quiera ejercicios prácticos, para después encontrarte con un proyecto final que no corresponde a lo que se vio en el curso. No sé... me pareció muy malo
- il y a 4 mois
Es muy detallado solo que al final me gustaria un tutorial que uniera todas las piezas del rompecabezas, aunque sea de forma basica, hay tutoriales en youtube gratis mejor estructurados, aun asi tiene muchas cosas que resultan faciles de entender si eres principiante.
- il y a 4 mois
Me costó entenderlo, es un poco denso.
- mtinchg72PLUSil y a 5 mois
Muy muy muy malo videos cortos solo dice cosas muy por encima no se explica nada no indica como instalar el editor y los hojas de css no las explica bien realmente Decepcionado que lastima el dinero que perdi
- il y a 6 mois
fácil de seguir,
Il apprécie également son rôle de professeur de Web Design dans des ateliers et écoles renommés tels qu'Elisava, IDEP.
Usobiaga comprend le Web dans son intégralité, non seulement à quel point il peut être beau sur l'écran de l'ordinateur, mais aussi son utilisation dans différents appareils et circonstances.
Selon ses mots, "je pense que la vitesse à laquelle il se charge ou la réponse à laquelle il répond est aussi important que l'esthétique, et il me semble que dans notre industrie, nous l'oublions souvent".
Contenu
- U1
introduction
- Présentation du cours et du projet
- Le Web: HTML, CSS et JS
- Éditeur de code. Créez un projet. Environnement d'édition
- Inspecteur et outils de développement
- U2
Structure HTML
- Balises et attributs HTML
- Étiquettes de texte
- Images et liens
- Étiquettes de bloc
- Étiquettes de document
- U3
Premiers pas avec CSS
- Lier un fichier CSS et la syntaxe CSS
- Sélecteurs de base
- Styles typographiques
- Spécificité et structure des feuilles de style
- Sélecteurs avancés: les pseudo-classes
- U4
Structures en CSS
- Styles de navigateur et réinitialisation du CSS
- Le modèle de boîte
- Affiche
- Flotteurs
- Position
- U5
Décoration CSS
- Styles pour les listes
- Border, border-radius et box-shadow
- Arrière-plans et images d'arrière-plan
- Webfonts
- U6
Techniques réactives
- Conception réactive et Mobile First
- Structure flexible
- Les requêtes médiatiques
- Navigation réactive
- U7
Ajouter une interaction
- Lien e-mail
- Transitions en CSS
- Lier un fichier JavaScript
- Navigation avec JavaScript ajouté
- PF
Projet final
- Développement web réactif avec HTML et CSS
Ce qu’il faut attendre d’un cours Domestika
Apprenez à votre rythme
Apprenez chez vous, sans horaires fixes et à votre rythme. C’est vous qui décidez de votre programme d’apprentissage.
Apprenez auprès de grands noms du secteur créatif
Apprenez les techniques et les méthodes les plus utiles auprès des meilleurs professionnels du secteur créatif.
Rencontrez des spécialistes reconnus
Dans chaque leçon, votre professeur vous transmettra ses connaissances avec enthousiasme, vous donnera des explications claires et vous fera bénéficier de son expertise.
Certificats
PLUSEn tant que membre Plus, vous recevrez pour chaque cours un certificat personnalisé signé par votre professeur. Partagez-le dans votre portfolio, sur les réseaux sociaux ou partout où vous le souhaitez.
Soyez aux premières loges
Profitez de vidéos de haute qualité pour ne manquer aucun détail. Grâce à un accès illimité, vous pourrez les regarder autant de fois que nécessaire pour perfectionner vos compétences.
Partagez vos connaissances et vos idées
Posez des questions, demandez des avis ou suggérez des solutions. Partagez votre expérience d’apprentissage avec les autres élèves de la communauté qui ont, comme vous, une passion pour la créativité.
Rejoignez une communauté créative internationale
Cette communauté réunit plus de huit millions de personnes des quatre coins du monde, curieuses et passionnées, avec cette même envie de développer et d’exprimer leur créativité.
Assistez à des cours de haute qualité
Domestika sélectionne les professeurs avec soin et produit chaque cours en interne afin de garantir une expérience d’apprentissage en ligne de qualité optimale.
Foire aux questions
Oui, ce cours est conçu pour les débutants et ne demande aucune connaissance préalable en développement web. Vous apprendrez de zéro à structurer et styliser des pages web avec HTML et CSS.
Il vous suffit d’un ordinateur, d’une connexion internet et d’un éditeur de code gratuit comme Brackets ou Sublime Text, qui sont expliqués dans le cours. Aucun savoir préalable n’est nécessaire.
Vous apprendrez à créer des pages web fonctionnelles, à appliquer des styles avec CSS, à réaliser des sites responsive pour mobiles et à ajouter une interactivité basique avec JavaScript. Vous construirez aussi votre propre portfolio web.
Le cours couvre la structure HTML, les balises, les attributs, les styles CSS, le design responsive, l’organisation des fichiers, les outils d’inspection, les différences entre HTML4 et HTML5, ainsi que les techniques modernes de mise en page.
Oui, le cours inclut des techniques de design responsive avec CSS pour que vos pages web s’adaptent à toutes les tailles d’écran et tous les appareils.
Vous apprendrez à créer des fichiers HTML depuis zéro, à les nommer correctement (comme index.html) et à les sauvegarder dans la structure de dossiers recommandée pour les projets web.
Oui, même si le cours recommande Brackets et compare d’autres options comme Sublime Text, vous pouvez utiliser l’éditeur de votre choix tant qu’il supporte les fichiers HTML et CSS.