Web design créatif : planification et codage de A à Z
A course by DXR ZoneAgence de direction artistique et de programmation créative
A course by DXR Zone, Agence de direction artistique et de programmation créative
Apprenez à concevoir et créer un site internet attrayant en utilisant les codes HTML, CSS et JavaScript
De nos jours, à peu près tout le monde a besoin d'un site Web. Que ce soit pour présenter votre portefeuille ou pour qu'une entreprise atteigne ses clients. Savoir coder est une compétence utile à avoir dans l'ensemble. Rifke Sadleir et Dan Baragwanath, les fondateurs de l'agence de programmation créative DXR Zone, sont là pour vous enseigner les bases du codage à partir de zéro et comment lancer un site Web visuellement saisissant.
Dans ce cours, obtenez une présentation complète de la planification, de la conception, du formatage et du lancement de votre propre site Web. Apprenez à coder en HTML, CSS et JavaScript et apprenez à utiliser les programmes gratuits qui facilitent le codage.
Qu'allez-vous apprendre dans ce cours en ligne ?
18 leçons & 17 vidéos téléchargées
Que ferons-nous dans ce cours ?
4 minutes, 7 secondes
Construire le concept
3 minutes, 21 secondes
Recueillir des références
11 minutes, 33 secondes
Création d'un tableau d'humeur
6 minutes, 53 secondes
Faire un plan du site
4 minutes, 28 secondes
Faire des propositions de conception
17 minutes, 20 secondes
Que comprend ce cours ?
Rencontrez Rifke et Dan, les graphistes et programmeurs derrière DXR Zone, et vos professeurs pour ce cours. Ils partagent leur parcours non conventionnel qui les a amenés à créer leur agence de développement Web créatif et de direction artistique. Découvrez certains de leurs travaux récents et découvrez les artistes et les designers qui les influencent.
Découvrez la préparation nécessaire à la création d'un site Web avant d'écrire du code. Apprenez à construire un concept en décidant de l'objectif et du public cible de votre site Web. Inspirez-vous des références pour visualiser un design et créer un mood board. Ensuite, commencez à planifier le parcours de l'utilisateur sur votre site Web en créant un plan du site et en proposant une proposition de conception à l'aide de Figma.
Ensuite, découvrez comment utiliser Atom, un logiciel pour coder, avant d'apprendre à coder étape par étape. Tout d'abord, apprenez à coder en HTML pour créer la page Web de base. Ensuite, voyez comment coder en CSS pour ajouter des éléments de style et une mise en forme à votre site Web. Reliez le tout en apprenant à coder en JavaScript pour ajouter des composants amusants et interactifs à votre conception Web.
Il est temps de passer en direct ! Rifke et Dan vous apprennent à mettre votre site Web en ligne sur Internet. Découvrez comment tester votre site Web à la recherche de bogues ou d'autres problèmes courants, et découvrez des solutions de dépannage et de débogage utiles. Une fois que votre site Web est testé par les utilisateurs et prêt à être utilisé, vous serez prêt à le partager avec le monde !
What is this course's project?
Planifiez et codez un site Web créatif à partir de zéro à l'aide de HTML, CSS et JavaScript.
Projets d'élèves du cours
Who is this online course for?
Toute personne intéressée par la conception et la création d'un site Web.
Requirements and materials
Aucune expérience préalable n'est requise, même si toute expérience en codage vous donnera une longueur d'avance !
Pour suivre ce cours, tout ce dont vous avez besoin est d'accéder à Atom et Figma, qui sont toutes deux des applications gratuites, et bien sûr, d'accéder à Internet.
Avis
- il y a 5 mois
um cruso bom
- il y a 6 mois
Quiero expresar que el curso de programación es excelente y cuenta con información muy valiosa. La calidad del contenido y la forma en que se presenta son muy útiles para el aprendizaje. Estoy muy satisfecha
- il y a 8 mois
A very hands-on and useful course, even though it is from 2021 and I am writing this review in '25. The instructors guide you through all the steps, from collecting inspiration, over writing HTML, CSS and JavaScript, to actually publishing your website. Atom, the code editor used by the instructors, isn't around anymore, but that is not an issue at all, just use VS Code, it has awesome features anyway that weren't available back in '21. Browser console for debugging etc. all are still the same.
- il y a 8 mois
muy buen curso !!!
- il y a 10 mois
I have tried several web design courses, each with different aims and approaches, but with this course I found an approach that is not too deep into programming but it just gives you resources to get inspired as well as shape your ideas and implement your projects. For me this course is very valuable. Thank you.
DXR Zone propose des services allant de la direction artistique, de la conception numérique au développement full-stack. Leur liste de clients comprend Google, Selfridges, Burberry, The Face, Dazed, adidas, Universal Music, Nike, Somerset House, Converse, Hypebeast, The Magnet Agency, Anyways, Institute of Coding, Depop, Dropbox, University of the Arts London, ICA , The Future Laboratory, Warp Records et Beirut Re-Store.
Contenu
- U1
Introduction
- À propos de nous
- Influences
- Que ferons-nous dans ce cours ?
- U2
Planification et conception
- Construire le concept
- Recueillir des références
- Création d'un tableau d'humeur
- Faire un plan du site
- Faire des propositions de conception
- U3
Construction et codage
- Poser les fondations
- Créer la structure de base en HTML 1
- Créer la structure de base en HTML 2
- Éléments de style en CSS 1
- Éléments de style dans CSS 2
- Ajout d'interactions en Javascript 1
- Ajout d'interactions en Javascript 2
- U4
Passer en direct
- Lancement du site Web
- Tester le site avec les utilisateurs
- Modifications basées sur les tests des utilisateurs
- PF
Projet final
- Web design créatif : planification et codage de A à Z
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.
Certificates
PLUSIf you're a Plus member, get a certificat personnalisé signed by your teacher for every course. Share it on your portfolio, social media, or wherever you like.
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 enseigne les bases du développement web à partir de zéro avec HTML, CSS et JavaScript. Aucune expérience préalable en codage n'est nécessaire.
Vous aurez besoin d'un éditeur de code comme Atom ou VS Code, d'un navigateur web pour tester, et éventuellement d'outils de design comme Figma ou Arena pour la planification et les mood boards. Tous les outils recommandés sont gratuits ou proposent une version gratuite.
Vous apprendrez à développer un concept de site, créer un plan de site, un mood board, coder en HTML/CSS/JavaScript, réaliser des mises en page adaptatives, tester l'expérience utilisateur, lancer votre site avec Netlify, ainsi que des techniques créatives comme le codage expérimental et le design d'interface nostalgique.
Aucun bagage en design n'est requis. Le cours couvre les notions clés du design et vous guide pas à pas pour planifier, prototyper et construire des sites visuellement attractifs.
Vous apprendrez à planifier, concevoir et coder votre propre site portfolio, incluant la création du plan de site, le développement d'un mood board, et la mise en place de fonctionnalités interactives pour mettre en valeur vos projets ou créations.
Oui, vous apprendrez les principes du design responsive et comment adapter vos mises en page à différentes tailles d'écran, pour que vos sites fonctionnent aussi bien sur mobile que sur ordinateur.
Un plan de site organise visuellement la structure et la navigation de votre site, vous aidant à planifier le contenu, le parcours utilisateur, et à vérifier que toutes les pages nécessaires sont prévues avant de commencer à coder.