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:
1. Think critically about how to solve a problem using programming;
2. Write JavaScript programs using functions, for loops, and conditional statements;
3. Use HTML to construct a web page with paragraphs, divs, images, links, and lists;
4. Add styles to a web page with CSS IDs and classes; and
5. Make a web page interactive with JavaScript commands like alert, onClick, onChange, adding input features like an image canvas, button, and slider.
本课程是 Java Programming and Software Engineering Fundamentals 专项课程 专项课程的一部分
Programming Foundations with JavaScript, HTML and CSS
提供方
教学大纲 - 您将从这门课程中学到什么
周
1Welcome
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.
5 个视频 （总计 13 分钟）, 1 个阅读材料
5 个视频
A Student's Perspective on Learning Programming2分钟
Resources to Help You Succeed2分钟
Tips for Learning Programming1分钟
Using Forums: How to Ask for Help Effectively3分钟
1 个阅读材料
Module Feedback Surveys10分钟
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!
10 个视频 （总计 51 分钟）, 8 个阅读材料, 3 个测验
10 个视频
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分钟
3 个练习
Using HTML30分钟
Styling with CSS30分钟
Designing a Web Page with HTML and CSS30分钟
周
2Algorithms and Programming Concepts
15 个视频 （总计 100 分钟）, 5 个阅读材料, 4 个测验
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分钟
5 个阅读材料
Try It! Using Variables, Methods and Functions30分钟
Try It! Using For Loops30分钟
Programming Exercise: Modifying Images30分钟
Programming Exercise: Advanced Modifying Images30分钟
End of Module Survey10分钟
4 个练习
Solving Programming Problems20分钟
Modifying Images with JavaScript30分钟
Debugging Your Code30分钟
Overview of Programming Concepts30分钟
周
3JavaScript for Web Pages
8 个视频 （总计 62 分钟）, 8 个阅读材料, 2 个测验
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分钟
8 个阅读材料
Try It! Buttons with Divs30分钟
Try It! Change Pages Interactively30分钟
Try It! Canvas30分钟
Try It! Inputs and Events30分钟
Try It! Upload and Display an Image30分钟
Try It! Convert an Image to Grayscale
Try It! Green Screen Online30分钟
End of Module Survey10分钟
2 个练习
Event-Driven Programming30分钟
Interactive Web Pages30分钟
周
4MiniProject: Image Filters on the Web
5 个视频 （总计 31 分钟）, 7 个阅读材料, 3 个测验
5 个视频
Introduction3分钟
Steganography Part I6分钟
Steganography Part II8分钟
Steganography Part III4分钟
Steganography Coding Example7分钟
7 个阅读材料
MiniProject Part 130分钟
MiniProject Part 230分钟
MiniProject Challenge
End of Module Survey10分钟
Extra Challenge5分钟
Steganography Review30分钟
Steganography: Programming Exercise Guide30分钟
3 个练习
Review of HTML, CSS, and JavaScript30分钟
Steganography math30分钟
Steganography14分钟
4.6
992 个审阅44%
完成这些课程后已开始新的职业生涯
41%
通过此课程获得实实在在的工作福利
12%
加薪或升职
热门审阅
创建者 IS•Oct 6th 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.
创建者 WN•Mar 17th 2018
My first Coursera course I've ever done and I was very impressed with the platform on which it was presented. My experience was a positive one and I will definitely continue to pursue other courses.
讲师
Susan H. Rodger
Professor of the PracticeComputer Science
Robert Duvall
LecturerComputer Science
Owen Astrachan
Professor of the PracticeComputer Science
Andrew D. Hilton
Associate Professor of the PracticeElectrical and Computer Engineering
关于 杜克大学
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.
关于 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.
常见问题
我什么时候能够访问课程视频和作业？
注册以便获得证书后，您将有权访问所有视频、测验和编程作业（如果适用）。只有在您的班次开课之后，才可以提交和审阅同学互评作业。如果您选择在不购买的情况下浏览课程，可能无法访问某些作业。
我订阅此专项课程后会得到什么？
您注册课程后，将有权访问专项课程中的所有课程，并且会在完成课程后获得证书。您的电子课程证书将添加到您的成就页中，您可以通过该页打印您的课程证书或将其添加到您的领英档案中。如果您只想阅读和查看课程内容，可以免费旁听课程。
退款政策是如何规定的？
有助学金吗？
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.
还有其他问题吗？请访问 学生帮助中心。
