Programming Foundations with JavaScript, HTML and CSS

本课程是 Java Programming and Software Engineering Fundamentals 专项课程专项课程的一部分

4.6
星
12,348 个评分

Susan H. Rodger 另外 +3 位授课教师

430,360 人已注册

提供方

Java Programming and Software Engineering Fundamentals 专项课程杜克大学

课程信息

677,648 次近期查看

Learn foundational programming concepts (e.g., functions, for loops, conditional statements) and how to solve problems like a programmer. In addition, learn basic web development as you build web pages using HTML, CSS, JavaScript. By the end of the course, will create a web page where others can upload their images and apply image filters that you create.
After completing this course, you will be able to:
Think critically about how to solve a problem using programming;
Write JavaScript programs using functions, for loops, and conditional statements;
Use HTML to construct a web page with paragraphs, divs, images, links, and lists;
Add styles to a web page with CSS IDs and classes; and
Make a web page interactive with JavaScript commands like alert, onClick, onChange, adding input features like an image canvas, button, and slider.

学生职业成果

33%

完成这些课程后已开始新的职业生涯

34%

通过此课程获得实实在在的工作福利

12%

加薪或升职

可灵活调整截止日期

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

可分享的证书

完成后获得证书

100% 在线

立即开始，按照自己的计划学习。

第 1 门课程（共 5 门）

Java Programming and Software Engineering Fundamentals 专项课程

初级

完成时间大约为33 小时

英语（English）

字幕：阿拉伯语（Arabic）, 法语（French）, （欧洲人讲的）葡萄牙语, 意大利语, 越南语, 德语（German）, 俄语（Russian）, 英语（English）, 西班牙语（Spanish）

您将获得的技能

HtmlJavaScriptCascading Style Sheets (CCS)Html5

学生职业成果

33%

完成这些课程后已开始新的职业生涯

34%

通过此课程获得实实在在的工作福利

12%

加薪或升职

可灵活调整截止日期

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

可分享的证书

完成后获得证书

100% 在线

立即开始，按照自己的计划学习。

第 1 门课程（共 5 门）

Java Programming and Software Engineering Fundamentals 专项课程

初级

完成时间大约为33 小时

英语（English）

讲师

授课教师评分

4.66/5 （2,305 个评分）

提供方

杜克大学

Duke University has about 13,000 undergraduate and graduate students and a world-class faculty helping to expand the frontiers of knowledge. The university has a strong commitment to applying knowledge in service to society, both near its North Carolina campus and around the world.

教学大纲 - 您将从这门课程中学到什么

内容评分95%（87,161 个评分）

周

周 1

完成时间为 23 分钟

Welcome

Welcome! In this module, you will be introduced to this course's approach to teaching the basics of programming, from building web pages, to writing programs with JavaScript, to making web pages interactive.

完成时间为 23 分钟

5 个视频（总计 13 分钟）, 1 个阅读材料

完成时间为 7 小时

Designing a Web Page with HTML and CSS

In this module, you will learn the basics of HTML and CSS to design a web page. Over the course of the module you will build your first web page!

完成时间为 7 小时

10 个视频（总计 51 分钟）, 8 个阅读材料, 4 个测验

10 个视频

Using CodePen2分钟

What Is HTML?7分钟

Metadata and Sectioning Elements2分钟

Formatting Text and Nesting Tags1分钟

Adding Images and Links3分钟

Images and Storage6分钟

Lists and Tables7分钟

How CSS Is Used to Design Web Pages4分钟

CSS Basics7分钟

Colors and Names in CSS7分钟

8 个阅读材料

Try It! Create Your CodePen Account10分钟

Try It! Build a “My Interests” Web Page40分钟

Try It! Format Text20分钟

Try It! Add Links and Images30分钟

Try It! Create Lists and Tables45分钟

Try It! Style Your Web Page with CSS30分钟

Try It! Customize Your Web Page’s Colors30分钟

End of Module Survey10分钟

4 个练习

Using HTML - Formatting Text30分钟

Using HTML - Displaying Data30分钟

Styling with CSS30分钟

Designing a Web Page with HTML and CSS30分钟

周

周 2

完成时间为 9 小时

Algorithms and Programming Concepts

完成时间为 9 小时

15 个视频（总计 100 分钟）, 7 个阅读材料, 6 个测验

15 个视频

Introduction2分钟

Everything Is a Number6分钟

How Is That a Number?2分钟

Developing an Algorithm6分钟

A Seven Step Approach to Solving Programming Problems7分钟

Variables9分钟

Methods7分钟

Functions5分钟

Types4分钟

DukeLearnToProgram Environment10分钟

For Loops6分钟

Conditional Execution7分钟

Translating to Code10分钟

Thinking Critically about Your Program4分钟

Finding Bugs in Code9分钟

7 个阅读材料

Try It! Using Variables, Methods and Functions30分钟

Rampup Programming Exercise - Variables, Methods and Functions3分钟

Try It! Using For Loops30分钟

Rampup: Programming Exercise - Loops and Conditionals10分钟

Programming Exercise: Modifying Images1 小时 30 分

Programming Exercise: Advanced Modifying Images1 小时 30 分

End of Module Survey10分钟

6 个练习

Solving Programming Problems20分钟

Variables, Methods and Functions30分钟

Loops and Conditionals30分钟

Modifying Images with JavaScript30分钟

Debugging Your Code30分钟

Overview of Programming Concepts30分钟

周

周 3

完成时间为 8 小时

JavaScript for Web Pages

完成时间为 8 小时

8 个视频（总计 62 分钟）, 10 个阅读材料, 3 个测验

8 个视频

Introduction3分钟

Buttons with Divs6分钟

Changing Pages Interactively7分钟

Using HTML5 Canvas10分钟

Inputs and Events8分钟

Upload and Display an Image7分钟

Convert Image to Grayscale8分钟

Moving to CodePen9分钟

10 个阅读材料

Try It! Buttons with Divs30分钟

Try It! Change Pages Interactively30分钟

Programming Exercise: TODO list10分钟

Try It! Canvas30分钟

Try It! Inputs and Events30分钟

Programming Exercise: An Interactive Paint Canvas10分钟

Try It! Upload and Display an Image30分钟

Try It! Convert an Image to Grayscale1小时

Try It! Green Screen Online1 小时 30 分

End of Module Survey10分钟

3 个练习

Buttons and Interaction30分钟

Event-Driven Programming30分钟

Interactive Web Pages30分钟

周

周 4

完成时间为 9 小时

MiniProject: Image Filters on the Web

完成时间为 9 小时

5 个视频（总计 31 分钟）, 7 个阅读材料, 3 个测验

5 个视频

Introduction3分钟

Steganography Part I6分钟

Steganography Part II8分钟

Steganography Part III4分钟

Steganography Coding Example7分钟

7 个阅读材料

MiniProject Part 11 小时 30 分

MiniProject Part 21 小时 30 分

MiniProject Challenge1小时

End of Module Survey10分钟

Extra Challenge5分钟

Steganography Review1 小时 30 分

Steganography: Programming Exercise Guide1 小时 30 分

3 个练习

Review of HTML, CSS, and JavaScript30分钟

Steganography math30分钟

Steganography30分钟

审阅

4.6

2683 条评论

5 stars
72.58%
4 stars
21%
3 stars
4%
2 stars
1.03%
1 star
1.36%

来自PROGRAMMING FOUNDATIONS WITH JAVASCRIPT, HTML AND CSS的热门评论

由 JS 提供Jan 12, 2020

A very helpful code which allows you to learn the simple of JavaScript HTML and CSS. Very helpful in building websites and an excellent course for beginners or even people who have never coded before.

由 IS 提供Oct 5, 2015

This is the first course I am taking in Coursera.org. The valuable instructors of Duke University designed and created a masterpiece for learners. Thank you so much guys. Greets from Istanbul, Turkey.

由 AD 提供Jul 16, 2020

Excellent course . Just felt that there should be examples that could help someone to understand in a more better way.The videos were good and were very simple and easy to understand then the text.

由 GG 提供Jun 1, 2020

I feel that the source codes for image production should have been briefly explained. This course just gives the link the code but not the explanation. Then again this is a great introductory course.

查看所有评论

关于 Java Programming and Software Engineering Fundamentals 专项课程

Take your first step towards a career in software development with this introduction to Java—one of the most in-demand programming languages and the foundation of the Android operating system. Designed for beginners, this Specialization will teach you core programming concepts and equip you to write programs to solve complex problems. In addition, you will gain the foundational skills a software engineer needs to solve real-world problems, from designing algorithms to testing and debugging your programs.

常见问题

我什么时候能够访问课程视频和作业？
讲座和作业的访问权限取决于您的注册类型。如果您以旁听模式参加课程，则可以免费查看大多数课程资料。要访问评分作业并获得证书，您需要在旁听期间或之后购买证书体验。如果看不到旁听选项：
课程可能不提供旁听选项。您可以尝试免费试用，也可以申请助学金。
课程可能会改为提供'完整课程，没有证书'。通过此选项，您可以查看所有课程材料、提交所要求的作业，以及获得最终成绩。这也意味着您将无法购买证书体验。
我订阅此专项课程后会得到什么？
您注册课程后，将有权访问专项课程中的所有课程，并且会在完成课程后获得证书。您的电子课程证书将添加到您的成就页中，您可以通过该页打印您的课程证书或将其添加到您的领英档案中。如果您只想阅读和查看课程内容，可以免费旁听课程。
Is financial aid available?
是的，Coursera 可以为无法承担费用的学生提供助学金。通过点击左侧“注册”按钮下的“助学金”链接可以申请助学金。您可以根据屏幕提示完成申请，申请获批后会收到通知。您需要针对专项课程中的每一门课程完成上述步骤，包括毕业项目。了解更多。
Will I receive a transcript from Duke University for completing this course?
No. Completion of a Coursera course does not earn you academic credit from Duke; therefore, Duke is not able to provide you with a university transcript. However, your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile.

还有其他问题吗？请访问学生帮助中心。

Programming Foundations with JavaScript, HTML and CSS

课程信息

学生职业成果

33%

34%

12%

您将获得的技能

学生职业成果

33%

34%

12%

讲师

Susan H. Rodger

Robert Duvall

Owen Astrachan

Andrew D. Hilton

提供方

杜克大学

教学大纲 - 您将从这门课程中学到什么

周 1

Welcome

Designing a Web Page with HTML and CSS

周 2

Algorithms and Programming Concepts

周 3

JavaScript for Web Pages

周 4

MiniProject: Image Filters on the Web

审阅

来自PROGRAMMING FOUNDATIONS WITH JAVASCRIPT, HTML AND CSS的热门评论

关于 Java Programming and Software Engineering Fundamentals 专项课程

常见问题

开拓职业生涯或促进职业发展

浏览热门主题

提升团队技能

在线获得学位或证书

Coursera

社区

更多

Programming Foundations with JavaScript, HTML and CSS

课程信息

学生职业成果

33%

34%

12%

您将获得的技能

学生职业成果

33%

34%

12%

讲师

Susan H. Rodger

Robert Duvall

Owen Astrachan

Andrew D. Hilton

提供方

杜克大学

教学大纲 - 您将从这门课程中学到什么

周 1

Welcome

Designing a Web Page with HTML and CSS

周 2

Algorithms and Programming Concepts

周 3

JavaScript for Web Pages

周 4

MiniProject: Image Filters on the Web

审阅

来自PROGRAMMING FOUNDATIONS WITH JAVASCRIPT, HTML AND CSS的热门评论

关于 Java Programming and Software Engineering Fundamentals 专项课程

常见问题

Coursera Footer

开拓职业生涯或促进职业发展

浏览热门主题

提升团队技能

在线获得学位或证书

Coursera

社区

更多