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. This course was developed at the Darden School of Business at the University of Virginia and is taught by top-ranked faculty.
이 강좌에 대하여
최근 조회 13,180회
공유 가능한 수료증
완료 시 수료증 획득
100% 온라인
지금 바로 시작해 나만의 일정에 따라 학습을 진행하세요.
다음 특화 과정의 3개 강좌 중 1번째 강좌:
유동적 마감일
일정에 따라 마감일을 재설정합니다.
초급 단계
완료하는 데 약 23시간 필요
영어
자막: 영어
배울 내용
How to transition ideas to designs, and how to translate those designs to code
How to build end user interfaces using HTML and CSS (with a transition to Javascript in course 2).
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
귀하가 습득할 기술
HTML5Cascading Style Sheets (CCS)User Experience Design (UXD)User StoryRapid Prototyping
공유 가능한 수료증
완료 시 수료증 획득
100% 온라인
지금 바로 시작해 나만의 일정에 따라 학습을 진행하세요.
다음 특화 과정의 3개 강좌 중 1번째 강좌:
유동적 마감일
일정에 따라 마감일을 재설정합니다.
초급 단계
완료하는 데 약 23시간 필요
영어
자막: 영어
제공자:
버지니아 대학교
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.
강의 계획 - 이 강좌에서 배울 내용
완료하는 데 5시간 필요
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시간 필요
8개 동영상 (총 36분), 5 개의 읽기 자료, 2 개의 테스트
8개의 동영상
About the Reading - Solving Agile UX5m
It's Not about the Coding4m
About the Example Company1m
Intro to the Case - From Prototype to HTML3m
Intro to the Sample Code & JSFiddle5m
Notes on working with HTML7m
Solution to the Case3m
5개의 읽기 자료
Solving Agile UX by Laura Klein15m
Case - From Prototype to HTML2시간 30분
OPTIONAL HTML Supplement- Option A (Written Tutorial)10m
OPTIONAL HTML Supplement- Option B (Interactive Tutorial)10m
About the Quizzes10m
2개 연습문제
Week 1 Practice Quiz25m
Week 1 Final Quiz30m
완료하는 데 4시간 필요
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시간 필요
5개 동영상 (총 18분), 4 개의 읽기 자료, 2 개의 테스트
5개의 동영상
About the Reading: Design Principle Consistency1m
Intro to the Case - Making HTML Manageable2m
Intro to CSS and Using the Chrome Debugger8m
Solution to the Case4m
4개의 읽기 자료
Reading: Design Principle - Consistency by Anton Nikolov15m
Case - Making HTML Manageable2시간 30분
OPTIONAL CSS Supplement- Option A (Written Tutorial)10m
OPTIONAL CSS Supplement- Option B (Interactive Tutorial)10m
2개 연습문제
Week 2 Practice Quiz25m
Week 2 Final Quiz30m
완료하는 데 4시간 필요
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시간 필요
7개 동영상 (총 22분), 2 개의 읽기 자료, 2 개의 테스트
7개의 동영상
About the Reading1m
Intro to the Case - the HTML & CSS Debugging Case3m
Analytical Debugging: Fixing Different Fonts5m
Analytical Debugging: Fixing Line Spacing2m
Other Debugging Tools3m
Solution to the Case4m
2개의 읽기 자료
Teaching Novice Programmers How to Debug Their Code15m
Case - Debugging HTML & CSS2시간 30분
2개 연습문제
Week 3 Practice Quiz25m
Week 3 Final Quiz30m
완료하는 데 4시간 필요
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시간 필요
8개 동영상 (총 35분), 1 개의 읽기 자료, 2 개의 테스트
8개의 동영상
The Testable Design8m
Creating Good User Stories4m
Structuring User Stories2m
A Systematic Approach to Usability7m
Leveraging Comparables3m
Editing the Prototypes in Balsamiq3m
Working in Trello1m
1개의 읽기 자료
How (and Why) to Write Great User Stories30m
2개 연습문제
Week 4 Practice Quiz25m
Week 4 Final Quiz30m
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.
자주 묻는 질문
강의 및 과제를 언제 이용할 수 있게 되나요?
강의 및 과제 이용 권한은 등록 유형에 따라 다릅니다. 청강 모드로 강좌를 수강하면 대부분의 강좌 자료를 무료로 볼 수 있습니다. 채점된 과제를 이용하고 수료증을 받으려면 청강 도중 또는 이후에 수료증 경험을 구매해야 합니다. 청강 옵션이 표시되지 않는 경우:
- 강좌에서 청강 옵션을 제공하지 않을 수 있습니다. 대신 무료 평가판을 사용하거나 재정 지원을 신청할 수 있습니다.
이 전문 분야를 구독하면 무엇을 이용할 수 있나요?
강좌를 등록하면 전문 분야의 모든 강좌에 접근할 수 있고 강좌를 완료하면 수료증을 취득할 수 있습니다. 전자 수료증이 성취도 페이지에 추가되며 해당 페이지에서 수료증을 인쇄하거나 LinkedIn 프로필에 수료증을 추가할 수 있습니다. 강좌 내용만 읽고 살펴보려면 해당 강좌를 무료로 청강할 수 있습니다.
환불 규정은 어떻게 되나요?
구독하는 경우, 취소해도 요금이 청구되지 않는 7일간의 무료 평가판을 이용할 수 있습니다. 해당 기간이 지난 후에는 환불이 되지 않지만, 언제든 구독을 취소할 수 있습니다. 전체 환불 정책 보기.
재정 지원을 받을 수 있나요?
예, Coursera에서는 수업료를 낼 수 없는 학습자를 위해 재정 지원을 제공합니다. 왼쪽에 있는 등록 버튼 아래 재정 지원 링크를 클릭하면 지원할 수 있습니다. 신청서를 작성하라는 메시지가 표시되며 승인되면 알림을 받습니다. 성취 프로젝트를 포함하여 전문 분야의 각 강좌에서 이 단계를 완료해야 합니다. 자세히 알아보기.
Do I need prior coding experience?
No, you do not. There are ample resources for you to get started as a beginner.
Is this hands-on or theoretical?
It is very much hands-on. You will be coding (as well as designing).
강좌를 수료하면 대학 학점을 받을 수 있나요?
이 강좌는 대학 학점을 제공하지 않지만, 일부 대학에서 선택적으로 강좌 수료증을 학점으로 인정할 수도 있습니다. 자세한 내용은 해당 기관에 문의하세요. Coursera의 온라인 학위 및 Mastertrack™ 수료증은 대학 학점을 취득할 기회를 제공합니다.
궁금한 점이 더 있으신가요? 학습자 도움말 센터를 방문해 보세요.
