Save for later

Programming Foundations with JavaScript, HTML and CSS

Java Programming and Software Engineering Fundamentals,

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.
Get Details and Enroll Now

OpenCourser is an affiliate partner of Coursera and may earn a commission when you buy through our links.

Get a Reminder

Send to:
Rating 4.4 based on 1,299 ratings
Length 5 weeks
Effort 4 weeks of study, 3-7 hours/week
Starts Jul 3 (50 weeks ago)
Cost $79
From Duke University via Coursera
Instructors Susan H. Rodger, Robert Duvall, Owen Astrachan, Andrew D. Hilton
Download Videos On all desktop and mobile devices
Language English
Subjects Programming
Tags Computer Science Mobile And Web Development

Get a Reminder

Send to:

Similar Courses

What people are saying

java script

I am sooooooo excited to take this learning journey this is helpful for making a website using html, css and java script..

They teaching you how to use their custom libraries instead of fundamentals of java script.

i really get good experience in java script.

I never show course of java script like that .it is really good course.

the Java script part is super confusing!

A great and fun way to learn fundamentals of programming and basics of HTML, CSS, and Java Script.

I would like to sincerely thank The Coursera Community for providing this wonderful opportunity to get a overlook on the HTML,CSS,Java Script concepts.Now I am in a position where I can design webpages and edit images easily.I think Coursera is providing a wonderful platform where it integrates people from various communities into a common task-coding.I am feeling privilaged for associating with Duke Universities.I once again take this opportunity to thank the Coursera Community for providing me this opportunity.

but as java script starts this course becomes a headache , not because javascript is difficult but they made it difficult .

The next section was about image processing using java scripting.

interesting Good course but I dont like how you have to finish each module within a week it would be better if you could finish everything in fourweeks I will give it a 3* review as I really enjoyed and learned a lot in the HTML and CSS part (first 2 weeks), but the java script is really poorly covered.

If you are truly new to programming you would understand nothing from the Java Script part of th​e course.

The second two weeks, when the Java Script is introduced, the projects suddenly become very hard.

Coding is introduced without a lot of explanation of Java Script syntax or methods or what actually happens when you write a line of code.

Good but I think the java script they jump into very advanced stuff if you have never code before.

Read more

easy to follow

Most of the materials are easy to follow.

Gave me solid foundation in HTML, CSS and JavaScript and equipped me with knowledge and tools to make more complicated projects of my own.The course was easy to follow and using projects that were able to be presented "live" allowed for the student to be immersed in the work and the tasks given to them.

Very easy to follow.

It was very easy to follow and transitions well into the next course.

The instructors/professors, that are teaching this course, and the way the online classes are set up, make easy to follow and easy to understand.

An excellent course that is so easy to follow and comprehend.

Teachers are full of energy and desire to teach, examples are easy to follow (not so much at the end) but it is a great course where you will learn a lot.

I'm learning a lot and all the lessons are easy to follow!!

The course was well-designed and easy to follow.

Excelente información para la manipulación de imágenes en la web Really fun and easy to follow.

Read more

learnt a lot

Excited to do the next four courses I have learnt a lot from this course.

I have learnt a lot since i started Very good course for beginners, but some of the practical examples could have been done better.For example it would have been nice if the course had taught how to execute JS code directly from a webpage, with or without using CodePen.This is the only reason why it gets 4 stars instead of 5.

Learnt a lot within 4 weeks time.

A lot of learning -- the practical examples offered by the course were outstanding I have learnt a lot in this course.

Thank you all for the excellent course, I learnt a lot.

I've learnt a lot of things just in 4 weeks and really proud of myself.

I learnt a lot from this course.

Read more

image processing

The projects involve creating simple webpages such as image processing using a blur filter etc.

Excellent opportunity to review rusty skills but still learned new stuff - image processing.

great great course to get you started, and on your way programming Thanks a lot for your front end design and image processing exercises.

This course has provided me an extensible knowledge of an image processing with simple programming languages like HTML, CSS and JavaScript which I had never thought in my wildest dreams.

The best part of this course is the seven steps to solve a problem using image processing which is helpful in solving real world problems rather than some toy samples.

The course was very well planned and knowledgeable.It taught me a lot of things like creating,designing,planning your web page,image processing and most important of all - the patience and perseverance to debug your own code because we will always make errors no mater what.Also the mentors were there to help in the forums.

The Contents in the course are very well organised.Teaching methodology is very unique, as its focuses more on the application of the knowledge learnt.I am sure, the people who have finished this course will find a difference in them.Also, this course induces the spirit of programming in the learners and also explains complex image processing techniques in a very simple manner.Thanks to all the professors and the mentors, for organizing such a fantastic course.

Exсellent coure for begginers in JS and Image Processing Perfect for those who want to start learning web development without prior experience.

This course is excellent, especially the part of image processing.

Read more

step by step

An Awesome Course that goes step by step in introduce you to Javascript and its wonders ,building base in Javascript , and also introduces in depth image processing using Javascript .

great course help learning a lot of java Excellent course, well structured to help you develop a step by step understanding of the concepts involved.

The programming environments used in this course probably won't be used in real life, they are used to get the very basics of programming.But I recommend it for absolute beginners with no knowledge of computer science whatsoever,someone who already knows at least one programming language already will probably be bored by the semantics, but what I really found useful was the step by step explanation on how how to solve programming problems, without using a block scheme or intuition.No teacher ever explained that in detail to me before.I heard they are cutting out the steganography project, or adding it as something optional, but that was actually very fun, hiding images in other images, as though I was a spy, sending off a message that would save that world...But,laughs aside,it felt like I was doing something practical.

Some step by step and some things make you think and research more references.

Teachers explain knowledge step by step and the assignments are reasonable.

Easily understood Step by Step learning process.

Read more

looking forward

Looking forward to completing the rest of the specialization!

I love your course, best course I have ever attended and I am looking forward to the next 4 courses :) wow.

Fantastic Class looking forward to the next one.

I'm looking forward to learning much more!

Looking forward to learning much more in future courses.

Looking forward for week 2!

Looking forward to enrolling on the second course from Duke university:) Great intro for beginners like me, that helps me a lot with front-end development It is very helpful for novice programmer.

I'm looking forward to continue the rest of the courses.

Looking forward to more projects in this space.

Read more

rather than

I learnt to tackle problems logically rather than just doing hit and trial.

I feel as if I am basically gathering knowledge from many other sources to complete the assignments here rather than learning the information here and being given enough explanation to move further with application.

Again, not all mentors did this, but I think it's worth going through all of the responses students receive and providing facilitation training for mentors so that they have appropriate responses, criticism that is constructive rather than destructive, for students who may be struggling with their code or the content.

Rather than starting from the basics, this course picks random information to work with.

Rather than starting from the basics they jump into picture manipulation and encoding.

2) this was more of a crash course rather than a basic course 3) this is definitely not for people who are just starting to learn these things, this course is for people who want to already have the basic knowledge 4) sometimes their code doesn't work on codepen, that is why they prefer their own environment/online platform My only complaint is that the activities all use a preprogrammed library - so instead of familiarizing myself with “common” handles, I now know specific ones that only work if I reference this material in my script.

course is good if you wish to know more about technical stuff like javascript rather than styling and creating a beautiful looking website with CSS This course made me believe that I can make web applications, starting from basic to advanced and as the time passed.

The lectures were a very good resource and I think they did a good job of focusing on the fundamentals of programming rather than spending too much time on the details of the code.

Read more

computer science

great course As a completely new programmer, this course adequately prepared me for my exploration and studies in computer science.

I think that teaching technologies isn't the best way to learn Computer Science, and teaching concepts is a better way.

As a foundation level this course is very good.Practice will help you gain some confidence .The way this course is organized is very good.Even non-computer science student can try with some more effort.

The content was very useful, especially the lessons that focused on applying the scientific method to computer science.

This was a logical and appropriate acquaintance to programming, covering also necessities of Web design, serving as a great intro to computer science.

This coure was a boon for me .It is a best start up course for the computer science engineer.

es muy boino Its really good Very insightful and helped me learn about the basics of computer science.

Now I'm able to better understand the jargon of computer science and can discuss with others or even review codes.

Read more

image manipulation

It has some decent fundamentals, but it gets way too granular on image manipulation and really lacks in just about every other applicable application you'd like to use HTML/CSS/JS for.The hosts were actually pretty entertaining and they definitely do a great job of presenting the material that is provided, but it just seems very much lacking in terms of content.It would have been great to see more topics pertaining to things such as implementing CSS/JS into HTML, using a real IDE, creating navbars, display properties, mixins, using preprocessor tools, etc.

The focus on image manipulation is confusing and makes code really hard to debug, especially when referencing external sources for functions.

Simple image manipulation is a good way to teach programming concepts.

You could have taught some basic JavaScript stuff instead of just focusing on image manipulation.

The course mainly solves image manipulation problems with Duke's proprietary JavaScript IDE.

This course lost focus in later half and I nowhere I felt learning JS but just using JS as a tool to learn most of Image manipulation techniques.

the instructors in this course are just amazing everything they explain is crystal clear and the quizzes are really helpful It was fun going through this course.Learning with Image manipulation was also interesting.Only thing with which i struggled was css (only with positioning of elements).I wish there could be a video on that.

Read more

duke university for

I loved the course and especially the teachers Very understandable and clear moving to course 2....Thank you I am very much thankful to coursera and Duke University for giving me an opportunity to learn this course.

I want to thanks Coursera app and Duke University for such a innovative and creative course.

I just wanna thanks Duke University for the wonderful opportunity given to me to explore the Great field..

Thank you Duke University for providing the course.

Read more

highly recommended

I highly recommended.

very good, basics to learn programming but also a bit challenging as overall its Good Highly recommended for beginners.

Highly recommended to anyone.

Highly recommended.

Read more

real world

They are unrealistic to use in the real world.Secondly, HMTL and CSS felt very straightforward.

This technique is used in repetition for solving different problems so that the student gets a deep understanding on how it fits in solving real world problems.

Good overall but the content uses library and other content that make it hard to apply the technologies to the real world, an emphasis on orienting the content to 'from scratch development' would be duly appreciated I think.

My only recommendation would be to not just explain a certain function, principle or theory but also give some real world examples of how a function is commonly used for daily web services.

The mini project seemed to require knowledge that was taught and had to be sought outside...which while real world situation isn't the intention of a source.

Read more


An overview of related careers and their average salaries in the US. Bars indicate income percentile.

Assistant Page 1 $35k

Assistant Page 4 $37k

Page Builder $44k

Page Designer 2 $47k

Book page $51k

Temporary Assistant Page $54k

Head Page $62k

Floor Page $63k

Page Editor $65k

Web Page Designer $67k

Owner Page $77k

Web Page Developer $85k

Write a review

Your opinion matters. Tell us what you think.

Rating 4.4 based on 1,299 ratings
Length 5 weeks
Effort 4 weeks of study, 3-7 hours/week
Starts Jul 3 (50 weeks ago)
Cost $79
From Duke University via Coursera
Instructors Susan H. Rodger, Robert Duvall, Owen Astrachan, Andrew D. Hilton
Download Videos On all desktop and mobile devices
Language English
Subjects Programming
Tags Computer Science Mobile And Web Development

Similar Courses

Sorted by relevance

Like this course?

Here's what to do next:

  • Save this course for later
  • Get more details from the course provider
  • Enroll in this course
Enroll Now