本課程是响应式网站开发与设计專項課程專項課程的一部分

4.6
星
6,023 個評分

Dr Matthew Yee-King 另外 +2 位授課教師

182,513 人已註冊

提供方

伦敦大学

伦敦大学金匠学院

响应式网站开发与设计專項課程伦敦大学

課程信息

66,289 次近期查看

In this course you will learn three key website programming and design languages: HTML, CSS and JavaScript. You will create a web page using basic elements to control layout and style.  Additionally, your web page will support interactivity. 
At the end of the course, you will be able to:

1. Define the purpose of HTML, CSS and JavaScript
2. Make a simple web page using HTML
3. Use CSS to control text styles and layout
4. Use CSS libraries such as Bootstrap to create responsive layouts
5. Use JavaScript variables and functions
6. Manipulate web page content using JavaScript
7. Respond to user input using JavaScript

In this course, you will complete: 
2 assignments writing HTML, CSS and JavaScript, each taking ~1 hour to complete
4 quizzes, each taking ~20 minutes to complete
1 programming exercise~30 minutes to complete
multiple practice quizzes, each taking ~5 minutes to complete

Participation in or completion of this online course will not confer academic credit for University of London programmes.

可靈活調整截止日期

根據您的日程表重置截止日期。

可分享的證書

完成後獲得證書

100% 在線

立即開始，按照自己的計劃學習。

第 1 門課程（共 6 門）

响应式网站开发与设计專項課程

完成時間大約為26 小時

英語（English）

對員工進行熱門技能培訓能否為您的公司帶來益處？

體驗 Coursera 企業版

您將獲得的技能

Jquery
HTML
JavaScript
Cascading Style Sheets (CSS)

可靈活調整截止日期

根據您的日程表重置截止日期。

可分享的證書

完成後獲得證書

100% 在線

立即開始，按照自己的計劃學習。

第 1 門課程（共 6 門）

响应式网站开发与设计專項課程

完成時間大約為26 小時

英語（English）

對員工進行熱門技能培訓能否為您的公司帶來益處？

體驗 Coursera 企業版

授課教師

授課教師評分

4.57/5 （835 個評分）

提供方

伦敦大学

The University of London is a federal University which includes 17 world leading Colleges. With extensive experience in distance learning since 1858, University of London has enriched the lives of thousands of students, delivering high quality degrees across the globe. Today, University of London is a global leader in flexible study, offering degree programmes to over 45,000 students in over 190 countries, delivering world-leading research across the world. To find out more about University of London, visit www.london.ac.uk

伦敦大学金匠学院

Championing research-rich degrees that provoke thought, stretch the imagination and tap into tomorrow’s world, at Goldsmiths we’re asking the questions that matter now in subjects as diverse as the arts and humanities, social sciences, cultural studies, computing, and entrepreneurial business and management. We are a community defined by its people: innovative in spirit, analytical in approach and open to all.

了解頂級公司的員工如何掌握熱門技能

了解關於 Coursera for Business 的更多信息

授課大綱 - 您將從這門課程中學到什麼

內容評分97%（119,478 個評分）

週

週 1

完成時間為 21 分鐘

Course introduction

完成時間為 21 分鐘

1 個視頻（總計 1 分鐘）, 2 個閱讀材料

完成時間為 6 小時

HTML

完成時間為 6 小時

10 個視頻（總計 50 分鐘）, 4 個閱讀材料, 9 個測驗

10 個視頻

Overview35

Web basics4分鐘

Set up the dev environment6分鐘

Write some HTML6分鐘

Build a Nav bar9分鐘

Images and lists8分鐘

Properly structured documents6分鐘

The world's first web page revisited3分鐘

What does 'responsive' mean?2分鐘

HTML summary23

4 個閱讀材料

Code for this module10分鐘

URLs for this lecture10分鐘

URL for this lecture10分鐘

Next activity: Heads up!10分鐘

8 個練習

Web basics30分鐘

Set up the dev environment30分鐘

HTML30分鐘

Navigation bar30分鐘

Images and lists30分鐘

Properly structured documents30分鐘

The world's first web page30分鐘

HTML summary quiz30分鐘

週

週 2

完成時間為 6 小時

CSS

完成時間為 6 小時

9 個視頻（總計 45 分鐘）, 2 個閱讀材料, 8 個測驗

9 個視頻

Overview28

External CSS file6分鐘

Fonts6分鐘

Customising links3分鐘

Layout control6分鐘

CSS media queries8分鐘

Install Bootstrap4分鐘

Responsive grid8分鐘

CSS summary35

2 個閱讀材料

Code for this module10分鐘

URL for this lecture10分鐘

7 個練習

External CSS file30分鐘

Fonts30分鐘

Customising links30分鐘

Layout control30分鐘

Install Bootstrap30分鐘

Responsive Grid30分鐘

CSS summary quiz30分鐘

週

週 3

完成時間為 7 小時

Beginning JavaScript

Welcome to the third module of 'Responsive website basics'. In this module we will write simple JavaScript programs and learn how to write programs that can respond to user input such as clicking on HTML elements. We will also take a look at JavaScript functions and use jQuery to manipulate web pages.Finally, you will learn how to write your own javaScript functions including anonymous functions. Looking forward to working with you this week! - Matthew and Marco

完成時間為 7 小時

9 個視頻（總計 60 分鐘）, 8 個閱讀材料, 8 個測驗

9 個視頻

Overview24

Introduction to JavaScript5分鐘

Responding to mouse clicks6分鐘

The Console7分鐘

Manipulating HTML elements9分鐘

Script tag10分鐘

Anonymous functions9分鐘

Image gallery example9分鐘

Beginning JavaScript summary31

8 個閱讀材料

JavaScript Resources10分鐘

Code for this lesson10分鐘

jQuery10分鐘

Code for this lesson10分鐘

Image gallery code10分鐘

7 個練習

Introduction to JavaScript30分鐘

Responding to mouse clicks30分鐘

The Console30分鐘

Manipulating HTML elements30分鐘

Script tag30分鐘

Anonymous functions30分鐘

Beginning JavaScript summary quiz30分鐘

週

週 4

完成時間為 6 小時

Going deeper into JavaScript

Welcome to the final module of 'Responsive website basics'. In this final section of the course we will define JavaScript variables and write simple JavaScript programs that use and change the values of variables. We'll also write if statements to control the flow of a JavaScript program, use boolean variables in conjunction with if statements and write javaScript in the context of moderately complex web applications. Enjoy! - Matthew and Marco

完成時間為 6 小時

9 個視頻（總計 64 分鐘）, 4 個閱讀材料, 8 個測驗

9 個視頻

Overview37

Variables7分鐘

Using variables8分鐘

Variables in practice13分鐘

If statements7分鐘

Boolean variables11分鐘

eReader example13分鐘

Going deeper into JavaScript summary40

Course summary48

4 個閱讀材料

Code from this lesson10分鐘

Slide Show Example Code10分鐘

eReader Example Code10分鐘

7 個練習

Variables30分鐘

Using variables30分鐘

Variables in practice30分鐘

If statements30分鐘

Boolean variables30分鐘

eReader example30分鐘

Going deeper into JavaScript summary quiz30分鐘

審閱

4.6

1641 條評論

5 stars
68.40%
4 stars
23.05%
3 stars
5.92%
2 stars
1.44%
1 star
1.16%

來自响应式网站基础：HTML、CSS 与 JAVASCRIPT 的熱門評論

由 AP 提供2020年11月10日

A great introductory course in HTML, CSS, JavaScript, jQuery & Bootstrap. It doesn't goes very deep into each of these technologies but it gives you enough foundations for you to pursue further.

由 EM 提供2022年3月12日

The course was okay but it wasn't very much informative. There was no specific book recommendation or specific material study recommandation. It was like a summary of something rather very deep.

由 SC 提供2017年5月25日

Well planned curriculum; nicely executed through excellent teaching styles ensure a great launching ground for future studies in the 3 fields. Really appreciate the quality of the course.

由 AL 提供2020年8月28日

Course is well structured and up to date.Also material provided is also excellent.But Jquery and JavaScript should be explained in more detailed.And some realistic website project should be provided.

查看所有評論

關於响应式网站开发与设计專項課程

Responsive web design is all about creating the best user experience regardless of whether a user is accessing your site from a desktop computer, a mobile phone, or a tablet.

This Specialisation covers the basics of modern full stack web development, from UX design to front-end coding to custom databases. You’ll build foundational skills in a full range of technologies, including HTML/CSS, Javascript, and MongoDB, and you’ll learn to implement a reactive, multi-user web application using the meteor.js framework. We’ll also touch on more advanced topics, such as APIs, data visualization, and animation. You will add several projects to your portfolio to demonstrate your skill and growth throughout this Specialisation. You will create web pages using basic elements to control layout and style, use responsive web design principles to take a site from wireframe to website, implement security features, and create collaborative multi-user experiences. Just like any professional full stack web developer, you will build accessibility and usability into your responsive websites.

常見問題

我什么时候能够访问课程视频和作业？
讲座和作业的访问权限取决于您的注册类型。如果您以旁听模式参加课程，则可以免费查看大多数课程资料。要访问评分作业并获得证书，您需要在旁听期间或之后购买证书体验。如果看不到旁听选项：
课程可能不提供旁听选项。您可以尝试免费试用，也可以申请助学金。
课程可能会改为提供'完整课程，没有证书'。通过此选项，您可以查看所有课程材料、提交所要求的作业，以及获得最终成绩。这也意味着您将无法购买证书体验。
我订阅此专项课程后会得到什么？
您注册课程后，将有权访问专项课程中的所有课程，并且会在完成课程后获得证书。您的电子课程证书将添加到您的成就页中，您可以通过该页打印您的课程证书或将其添加到您的领英档案中。如果您只想阅读和查看课程内容，可以免费旁听课程。
有助学金吗？
是的。如果您负担不起学习计划的注册费，则可以在选择学习计划时申请助学金或奖学金。如果您选择的学习计划提供助学金或奖学金，则您将在描述页面上看到一个申请链接。

還有其他問題嗎？請訪問學生幫助中心。

培養員工技能，推動業務成果

探索 Coursera for Business

响应式网站基础：HTML、CSS 与 JavaScript

課程信息

您將獲得的技能

授課教師

Dr Matthew Yee-King

Prof Marco Gillies

Dr Kate Devlin

提供方

伦敦大学

伦敦大学金匠学院

授課大綱 - 您將從這門課程中學到什麼

Course introduction

HTML

CSS

Beginning JavaScript

Going deeper into JavaScript

審閱

來自响应式网站基础：HTML、CSS 与 JAVASCRIPT 的熱門評論

關於响应式网站开发与设计專項課程

常見問題

開拓職業生涯或促進職業發展

熱門課程和證書

熱門收藏和文章

在線獲得學位或證書

Coursera

社區

更多

响应式网站基础：HTML、CSS 与 JavaScript

課程信息

您將獲得的技能

授課教師

Dr Matthew Yee-King

Prof Marco Gillies

Dr Kate Devlin

提供方

伦敦大学

伦敦大学金匠学院

授課大綱 - 您將從這門課程中學到什麼

Course introduction

HTML

CSS

Beginning JavaScript

Going deeper into JavaScript

審閱

來自响应式网站基础：HTML、CSS 与 JAVASCRIPT 的熱門評論

關於 响应式网站开发与设计 專項課程

常見問題

Coursera Footer

開拓職業生涯或促進職業發展

熱門課程和證書

熱門收藏和文章

在線獲得學位或證書

Coursera

社區

更多

關於响应式网站开发与设计專項課程