Conception, développement et publication d’un site web
Un cours proposé par user195228 surname195228 , Concepteur Web
Faites le tour complet du processus de création et de publication d’un site en utilisant HTML, CSS et JavaScript
Faites le tour complet du processus de création et de publication d’un site en utilisant HTML, CSS et JavaScript
Dans la conception Web, une bonne interface cherche à plaire et à répondre à la façon dont le cerveau humain agit. Cela signifie que nous avons en chacun de nous un designer, parfois inconscient ou endormi, qui est capable de voir quelque chose qui fonctionne, qui est harmonieux, même s'il ne comprend pas pourquoi. Si vous voulez apprendre les principes de la conception Web et éveiller ce concepteur en vous, vous êtes au bon endroit.
Dans ce cours, vous verrez les deux côtés de la création d'un site Web: d'une part, vous verrez les techniques de base pour planifier un site Web, organiser les informations en wireframes et créer une grammaire visuelle avec typographie, palettes de couleurs, espacement, composition, illustration. Ensuite, vous entrerez dans la construction de cette page en utilisant HTML, CSS et JavaScript, jusqu'au moment de la publication de la page sur Internet.
Votre guide pendant ce processus sera Javier Usobiaga, web designer, fondateur du studio Swwweet et professeur d'autres cours à Domestika tels que
Graphiques vectoriels SVG: illustrer et animer avec du code , Mise en page Web avec CSS Grid, Flexbox et autres techniques modernes , Introduction à la programmation en JavaScript e
Introduction au développement Web réactif avec HTML et CSS , qui peut servir de complément à ce qui est exposé dans ce cours.
Qu'allez-vous apprendre dans ce cours en ligne ?
27 leçons & 33 vidéos téléchargées
- 96% avis positifs (477)
- 22 531 élèves
- 27 leçons (2 h 58 min)
- 33 ressources complémentaires (6 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
Adobe XD
Figma
SketchQuel est le projet du cours ?
Vous allez créer, développer et publier une page Web avec votre portfolio de travail.
Projets d'élèves du cours
À qui s'adresse ce cours en ligne ?
À toutes les personnes qui souhaitent apprendre les principes de la conception Web et qui souhaitent publier leur propre page Web.
Prérequis et matériel nécessaire
Il serait souhaitable d'avoir une connaissance de base de HTML et CSS. Si vous ne les avez pas, il est recommandé de suivre le premier cours de Javier à Domestika: Introduction au développement web réactif avec HTML et CSS.
Vous aurez besoin d'un ordinateur et d'un éditeur de code (Javier en proposera des gratuits). Il peut également être intéressant d'avoir un programme de conception visuelle comme Sketch, Figma ou Adobe XD, bien qu'ils ne soient pas indispensables.
Avis
Un cours proposé par user195228 surname195228
Javier Usobiaga est web designer et développeur FrontEnd, depuis plus de 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.
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
-
Les influences
-
Que ferons-nous pendant le cours?
-
-
U2
Idéation d'un web
-
Objectifs de conception, cadre et références
-
Inventaire de contenu
-
Architecture de l'information
-
-
U3
Aspect visuel
-
Principes et outils
-
Investigation visuelle
-
Composition typographique
-
Palette de couleurs dans une interface
-
Réticule et rythme vertical
-
Illustration et iconographie
-
-
U4
Système de modèle
-
Préparation de l'environnement et des éditeurs de code
-
Structure et fonctionnement des fichiers
-
Pages maîtres et création de nouvelles pages
-
Conditionnel et partiel
-
-
U5
Développement frontend
-
Organisation du code
-
Composition et couleur
-
Système de grille
-
Composants d'interface
-
Compléter l'interface
-
-
U6
Interaction Web
-
Menus interactifs et déroulants
-
Implémentation d'une galerie
-
Terminer l'interaction
-
-
U7
Publier un site Web
-
Gestion des versions de code
-
Services d'édition
-
Ressources additionnelles
-
-
PF
Projet final
-
Conception, développement et publication d'une page web
-
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é.
Adobe XD
Figma
Sketch
displayname13019018
This is an excellent introductory course on web design and development using HTML, CSS and JS. It lays the foundation for the following courses in a simple, clear and practical way. Javier is a very good teacher. The only drawback is that there is little feedback.
Afficher la traduction
Masquer la traduction
displayname14349497
I Enjoyed the Course so much ❤ ❤ ❤ .
It was a very Advanced Course. Specifically, I Thank my Teacher " Javier Usobiaga Ferrer" for bringing us the English Version.
I recommend All, for the Course.
Afficher la traduction
Masquer la traduction
displayname6380685
Excellent course
Afficher la traduction
Masquer la traduction
displayname9360131
What I liked most about this course was that the instructor showed us how to use an html template to start building a website in a very organized way. The instructor provided a lot of useful free resources on the Internet to help us expand in the field of web development. I recommend this course!
Afficher la traduction
Masquer la traduction
displayname14700087
It is a very complete and well explained course 10/10
Afficher la traduction
Masquer la traduction