Do you want to experience what it is to go from idea to code? If so, this is the place for you! This is the first course in the Coding for Designers, Managers, and Entrepreneurs Specialization, which is specifically designed for you, if you’re a hands-on collaborator with developers. In this course, we’re going to focus on going from design to code with HTML & CSS, two core building blocks for pretty much everything on the web. You'll build creative confidence and competence that will make you an even better collaborator on digital projects.
Ce cours fait partie de la Spécialisation Coding for Designers, Managers, and Entrepreneurs
Coding for Designers, Managers, & Entrepreneurs I
Offert par
À propos de ce cours
4,185 consultations récentes
Ce que vous allez apprendre
How to transition ideas to designs, and how to translate those designs to code
How to build end user interfaces using HTML and CSS
How to use analytical debugging to take the guess work and anxiety out of coding
How to use digital literacy to enhance your team's practice of agile
Compétences que vous acquerrez
HTML5Cascading Style Sheets (CCS)User Experience Design (UXD)User StoryRapid Prototyping
100 % en ligne
Commencez dès maintenant et apprenez aux horaires qui vous conviennent.
Cours 1 sur 3 dans le
Dates limites flexibles
Réinitialisez les dates limites selon votre disponibilité.
Niveau débutant
Approx. 14 heures pour terminer
Recommandé : 4-6 hours/week
Anglais
Sous-titres : Anglais
Programme du cours : ce que vous apprendrez dans ce cours
5 heures pour terminer
Prototyping with HTML
This week, we’ll warm up your inner coder with some work in how to render a wireframe into working HTML- the core building block of how web pages (and most digital assets) look the way they do. We’ll also step back and consider the importance of working in small, incremental pages for creating great user experiences (UX).
5 heures pour terminer
8 vidéos (Total 36 min), 5 lectures, 2 quiz
8 vidéos
About the Reading - Solving Agile UX5 min
It's Not about the Coding4 min
About the Example Company1 min
Intro to the Case - From Prototype to HTML3 min
Intro to the Sample Code & JSFiddle5 min
Notes on working with HTML7 min
Solution to the Case3 min
5 lectures
Solving Agile UX by Laura Klein15 min
Case - From Prototype to HTML2h 30min
OPTIONAL HTML Supplement- Option A (Written Tutorial)10 min
OPTIONAL HTML Supplement- Option B (Interactive Tutorial)10 min
About the Quizzes10 min
2 exercices pour s'entraîner
Week 1 Practice Quiz25 min
Week 1 Final Quiz30 min
4 heures pour terminer
Making HTML Manageable with CSS
This week, we’re going to take a look at an item that’s tightly tied to HTML: CSS, ‘cascading style sheets’. This are a way of controlling how HTML looks and functions and it’s designed to maximize readability/manageability of your HTML and minimize duplication. If you’re still a little uncertain about Week 1, I think you’ll find this week a good time to catch up. If you found Week 1 quick and easy, feel free to get ahead on the course after you finish Week 2.
4 heures pour terminer
5 vidéos (Total 18 min), 4 lectures, 2 quiz
5 vidéos
About the Reading: Design Principle Consistency1 min
Intro to the Case - Making HTML Manageable2 min
Intro to CSS and Using the Chrome Debugger8 min
Solution to the Case4 min
4 lectures
Reading: Design Principle - Consistency by Anton Nikolov15 min
Case - Making HTML Manageable2h 30min
OPTIONAL CSS Supplement- Option A (Written Tutorial)10 min
OPTIONAL CSS Supplement- Option B (Interactive Tutorial)10 min
2 exercices pour s'entraîner
Week 2 Practice Quiz25 min
Week 2 Final Quiz30 min
4 heures pour terminer
Debugging HTML & CSS
This week might sound a little dull or like something you do when you code ‘wrong’. But please believe me- to code is to debug. More importantly, if you get comfortable with analytical debugging (and that’s our goal), you’ll be able to approach any coding task with calm and confidence.
4 heures pour terminer
7 vidéos (Total 22 min), 2 lectures, 2 quiz
7 vidéos
About the Reading1 min
Intro to the Case - the HTML & CSS Debugging Case3 min
Analytical Debugging: Fixing Different Fonts5 min
Analytical Debugging: Fixing Line Spacing2 min
Other Debugging Tools3 min
Solution to the Case4 min
2 lectures
Teaching Novice Programmers How to Debug Their Code15 min
Case - Debugging HTML & CSS2h 30min
2 exercices pour s'entraîner
Week 3 Practice Quiz25 min
Week 3 Final Quiz30 min
4 heures pour terminer
Preparing Your Design for Development
You’ve learned and applied HTML and CSS to the designs from HVAC in a Hurry. This week, you’ll prepare your design for next week’s peer-reviewed assignment where you’ll code your design. I think you’ll find that nothing creates focus on what to code and how like a nice, clear design. (And the reverse is also true.)
4 heures pour terminer
8 vidéos (Total 35 min), 1 lecture, 2 quiz
8 vidéos
The Testable Design8 min
Creating Good User Stories4 min
Structuring User Stories2 min
A Systematic Approach to Usability7 min
Leveraging Comparables3 min
Editing the Prototypes in Balsamiq3 min
Working in Trello1 min
1 lecture
How (and Why) to Write Great User Stories30 min
2 exercices pour s'entraîner
Week 4 Practice Quiz25 min
Week 4 Final Quiz30 min
Offert par
Université de Virginie
A premier institution of higher education, The University of Virginia offers outstanding academics, world-class faculty, and an inspiring, supportive environment. Founded by Thomas Jefferson in 1819, the University is guided by his vision of discovery, innovation, and development of the full potential of students from all walks of life. Through these courses, global learners have an opportunity to study with renowned scholars and thought leaders.
À propos du Spécialisation Coding for Designers, Managers, and Entrepreneurs
In this specialization, you will experience what it is to go from idea to code. These courses are specifically created for the manager, designer, or entrepreneur who is an active, hands-on collaborator with developers. By the end of the program, you will be able to build working software using HTML, CSS, and Javascript. More important, you will build your creative confidence (and competency!) on engaging in digital projects.
Foire Aux Questions
Quand aurai-je accès aux vidéos de cours et aux devoirs ?
Une fois que vous êtes inscrit(e) pour un Certificat, vous pouvez accéder à toutes les vidéos de cours, et à tous les quiz et exercices de programmation (le cas échéant). Vous pouvez soumettre des devoirs à examiner par vos pairs et en examiner vous-même uniquement après le début de votre session. Si vous préférez explorer le cours sans l'acheter, vous ne serez peut-être pas en mesure d'accéder à certains devoirs.
À quoi ai-je droit si je m'abonne à cette Spécialisation ?
Lorsque vous vous inscrivez au cours, vous bénéficiez d'un accès à tous les cours de la Spécialisation, et vous obtenez un Certificat lorsque vous avez réussi. Votre Certificat électronique est alors ajouté à votre page Accomplissements. À partir de cette page, vous pouvez imprimer votre Certificat ou l'ajouter à votre profil LinkedIn. Si vous souhaitez seulement lire et visualiser le contenu du cours, vous pouvez accéder gratuitement au cours en tant qu'auditeur libre.
Quelle est la politique de remboursement ?
Une aide financière est-elle possible ?
D'autres questions ? Visitez le Centre d'Aide pour les Etudiants.
