About this course: 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.
Who is this class for: This course is for anyone interested in taking their first step toward a career in computer programming. Learners with no prior experience are encouraged to take this course! In addition, this is the first course of the Java Programming and Software Engineering Fundamentals Specialization, providing learners the programming fundamentals they will need to successfully complete the course series and the web development portion of the capstone project .
Taught by: Susan H. Rodger, Professor of the Practice
Computer Science
Taught by: Robert Duvall, Lecturer
Computer Science
Taught by: Owen Astrachan, Professor of the Practice
Computer Science
Taught by: Andrew D. Hilton, Assistant Professor of the Practice
Electrical and Computer Engineering
| Basic Info | Course 1 of 5 in the Java Programming and Software Engineering Fundamentals Specialization |
| Level | Beginner |
| Commitment | 4 weeks of study, 3-7 hours/week |
| Language | English |
| How To Pass | Pass all graded assignments to complete the course. |
| User Ratings |
- Video: A Student's Perspective on Learning Programming
- Video: Resources to Help You Succeed
- Video: Tips for Learning Programming
- Video: Using Forums: How to Ask for Help Effectively
- 閱讀: Module Feedback Surveys
- 閱讀: Try It! Create Your CodePen Account
- Video: What Is HTML?
- Video: Metadata and Sectioning Elements
- 閱讀: Try It! Build a “My Interests” Web Page
- 討論提示: Asking for Help in the Forums
- Video: Formatting Text and Nesting Tags
- 閱讀: Try It! Format Text
- Video: Adding Images and Links
- Video: Images and Storage
- 閱讀: Try It! Add Links and Images
- Video: Lists and Tables
- 閱讀: Try It! Create Lists and Tables
- 練習測驗: Using HTML
- Video: How CSS Is Used to Design Web Pages
- Video: CSS Basics
- 閱讀: Try It! Style Your Web Page with CSS
- Video: Colors and Names in CSS
- 閱讀: Try It! Customize Your Web Page’s Colors
- 討論提示: Share your “My Interests” Web Page
- 練習測驗: Styling with CSS
- 閱讀: End of Module Survey
- Video: Everything Is a Number
- Video: How Is That a Number?
- Video: Developing an Algorithm
- Video: A Seven Step Approach to Solving Programming Problems
- 練習測驗: Solving Programming Problems
- Video: Variables
- Video: Methods
- Video: Functions
- Video: Types
- Video: DukeLearnToProgram Environment
- 閱讀: Try It! Using Variables, Methods and Functions
- Video: For Loops
- 閱讀: Try It! Using For Loops
- Video: Conditional Execution
- 閱讀: Programming Exercise: Modifying Images
- 練習測驗: Modifying Images with JavaScript
- Video: Translating to Code
- Video: Thinking Critically about Your Program
- Video: Finding Bugs in Code
- 閱讀: Programming Exercise: Advanced Modifying Images
- 練習測驗: Debugging Your Code
- 閱讀: End of Module Survey
- Video: Buttons with Divs
- 閱讀: Try It! Buttons with Divs
- Video: Changing Pages Interactively
- 閱讀: Try It! Change Pages Interactively
- Video: Using HTML5 Canvas
- 閱讀: Try It! Canvas
- Video: Inputs and Events
- 閱讀: Try It! Inputs and Events
- 練習測驗: Event-Driven Programming
- Video: Upload and Display an Image
- 閱讀: Try It! Upload and Display an Image
- Video: Convert Image to Grayscale
- 閱讀: Try It! Convert an Image to Grayscale
- Video: Moving to CodePen
- 閱讀: Try It! Green Screen Online
- 閱讀: End of Module Survey
- 閱讀: MiniProject Part 1
- 閱讀: MiniProject Part 2
- 閱讀: MiniProject Challenge
- 閱讀: End of Module Survey
- 閱讀: Extra Challenge
- Video: Steganography Part I
- Video: Steganography Part II
- 練習測驗: Steganography math
- Video: Steganography Part III
- 閱讀: Steganography Review
- Video: Steganography Coding Example
- 閱讀: Steganography: Programming Exercise Guide
每門課程都像是一本互動的教科書，具有預先錄製的視頻、測驗和項目。
與其他成千上萬的學生相聯繫，對想法進行辯論，討論課程材料，並尋求幫助來掌握概念。
獲得正式認證的作業，並與朋友、同事和雇主分享您的成功。
| Purchase Course | |
|---|---|
| Access to course materials | Available |
| Access to graded materials | Available |
| Receive a final grade | Available |
| Earn a shareable Course Certificate | Available |
A very good starting course for understanding javaScript.
Its been the best teaching method to learn form the best professors in the world via CourseEra. The way the course pattern moves covering each topic in detail makes us understand more practically how the coding works in real life.
Good intro to CSS, HTML, and JS. Took as a refresher and seemed to cover most of the important stuff and provides some good programming fundementals. Quizzes were somewhat confusing at some points. I didn't really find the whole "learn coding with colors" to be my thing but that's just me. Overall a solid course.
MT
It was a great course with a lot of "Do It Yourself" tasks , with all the help one might need being available in the videos as well as the resources/documentation links provided for further operations. I would recommend it to anyone who wants to have the basic understanding of how Webpage scripts work.