本课程是响应式网站开发与设计专项课程专项课程的一部分

4.6
星
6,022 个评分

Dr Matthew Yee-King 另外 +2 位授课教师

182,462 人已注册

提供方

伦敦大学

伦敦大学金匠学院

响应式网站开发与设计专项课程伦敦大学

课程信息

66,403 次近期查看

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 （834 个评分）

提供方

伦敦大学

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,460 个评分）

周

周 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.06%
3 stars
5.92%
2 stars
1.44%
1 star
1.16%

来自响应式网站基础：HTML、CSS 与 JAVASCRIPT 的热门评论

由 AP 提供Nov 10, 2020

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.

由 YF 提供Dec 7, 2015

Enjoyed the pace of this course, learned a lot during these 4 sessions. Good teachers, challenging enough assignments and enough chances to redo tasks. Intro level but enough to learn still.

由 RP 提供Feb 10, 2020

This course was really helpful for beginners all the things that are taught are in a well-structured manner

The best part of this course is that its assignment you will get to more about it

由 CM 提供Oct 10, 2017

Thought the course did a great job of teaching the basics without getting too ahead of itself. All of the sample code was well commented out to explain exactly what the code did which was very helpful

查看所有评论

关于响应式网站开发与设计专项课程

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

社区

更多

关于响应式网站开发与设计专项课程