Introduction au développement web responsive avec HTML et CSS
Un cours proposé par user195228 surname195228 , Concepteur Web
Apprenez les bases du développement web front-end
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
- 98% avis positifs (2.4K)
- 46 539 élèves
- 31 leçons (2 h 18 min)
- 13 ressources complémentaires (9 fichiers)
- En ligne et à votre rythme
- Disponible sur l'application
- Audio : Espagnol, Anglais
- Espagnol, Anglais, Portugais, Allemand, Français, Italien, Polonais, Néerlandais
- Niveau : Débutant
- Accès illimité pour toujours
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
Un cours proposé par user195228 surname195228
Javier Usobiaga est Web Designer depuis 10 ans et co-fondateur avec Marta Armada du studio Swwweet, spécialisé dans la conception de sites web responsives de la conception initiale au développement front-end.
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.
Dans ses mots «Je pense que la vitesse à laquelle elle se charge ou sa réponse est aussi importante 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 un certificat personnalisé signé par le professeur à la fin du cours. Vous pourrez le partager dans votre portfolio, sur les réseaux sociaux et là où vous voulez.
-
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
Les cours Domestika sont des leçons en ligne qui vous permettent d'apprendre et d'acquérir un certain nombre d'outils et de compétences pour réaliser un projet créatif. Chaque étape du projet combine des vidéos et des textes avec des ressources didactiques complémentaires, le but étant d'apprendre par la pratique. Vous pouvez également partager vos propres projets avec d'autres élèves et le professeur. Domestika, c'est aussi une communauté !
La modalité des cours étant 100 % en ligne, une fois qu'ils sont publiés, ils commencent et finissent quand vous le souhaitez. C'est vous qui fixez le rythme auquel vous suivez les leçons. Vous pouvez revoir ce qui vous intéresse, passer ce que vous savez déjà, poser des questions, obtenir des réponses, partager vos projets et bien plus encore.
Les cours se divisent en plusieurs unités. Chacune d'entre elles comprend des leçons, des textes explicatifs, des exercices d'entraînement et des tâches pour réaliser votre projet étape par étape, ainsi que des ressources et des documents complémentaires à télécharger. Vous aurez également accès à un forum exclusif où vous pourrez interagir avec tous les élèves du cours et le professeur, mais également partager vos travaux et le projet que vous réalisez. Domestika, c'est aussi une communauté !
Vous pouvez valider le cours qui vous a été offert en accédant à la page de validation, où vous pourrez saisir le code cadeau qui vous a été communiqué.
displayname701360
PlusI think it's a well-structured course, very well explained and very interesting for people like me who are starting to create web pages. I'm studying web design online at a public institute for adults and it gets quite complicated with the materials they provide us. It's basic but it allows you to understand what's necessary to then do more complicated projects.
Afficher la traduction
Masquer la traduction
displayname7767371
Suitable content, in accordance with the presentation, well explained and project well established as a goal, I enjoyed laying out the website, I was left wanting more and to delve deeper into the topics.
Afficher la traduction
Masquer la traduction
displayname260414
It is excellent to begin to understand the concepts, and to be able to introduce oneself in this field.
Afficher la traduction
Masquer la traduction
displayname2011189
PlusVery good course and well explained to understand the concepts of html and css
Afficher la traduction
Masquer la traduction
displayname9401555
It's really very good, this course has helped me understand html and css much better.
Afficher la traduction
Masquer la traduction