Introduction to HTML5

University of Michigan via Coursera

Go to class Write review

Details

Go to class

Provider

Coursera
Pricing

Free Online Course (Audit)
Languages

English
Certificate

Paid Certificate Available
Duration & workload

11 hours 25 minutes
Sessions

On-Demand
Level

Beginner
Subtitles

Arabic, French, Portuguese, Italian, German, Russian, English, Spanish, Thai, Indonesian, Kazakh, Hindi, Swedish, Korean, Greek, Chinese, Ukrainian, Japanese, Polish, Dutch, Turkish, Hungarian, Bengali, Pashto, Urdu, Azerbaijani, Farsi

A Best Course of All Time

Found in

Part of

Web Design for Everybody: Basics of Web Development & Coding

Overview

Thanks to a growing number of software programs, it seems as if anyone can make a webpage. But what if you actually want to understand how the page was created? There are great textbooks and online resources for learning web design, but most of those resources require some background knowledge. This course is designed to help the novice who wants to gain confidence and knowledge. We will explore the theory (what actually happens when you click on a link on a webpage?), the practical (what do I need to know to make my own page?), and the overlooked (I have the code, but how do I put it on the web to share with others?). Throughout the course there will be a strong emphasis on adhering to syntactic standards for validation and semantic standards to promote wide accessibility for users with disabilities. This course will appeal to a wide variety of people, but specifically those who would like a step-by-step description of the basics. There are no prerequisites for this course and it is assumed that students have no prior programming skills or IT experience. The course will culminate in a small final project that will require the completion of a very simple page with links and images. The focus of this course is on the basics, not appearance. You can see a sample final HTML page at https://example-site-1--wd4ehtml.repl.co/ . This is the first course in the Web Design For Everybody specialization. Subsequent courses focus on the marketable skills of styling the page with CSS3, adding interactivity with JavaScript and enhancing the styling with responsive design.

Syllabus

Week One: Learning About the Web

This week we will uncover the "mystery" behind the Internet. What happens when you type a URL into your browser so that a webpage magically appears? What is HTML5 and what happened to HTML 1 - 4? We will also cover some practical concepts that you need to master before you begin coding your own pages.

Week Two: Structure of a Web Page

This week you will need to take a deep breath and jump into coding. I will cover a large number of HTML tags, but it is important that you do more than just listen to these video and read the text book material. You need to practice (and fail!) in order to learn. Believe it or not, once you master the basic idea of using tags and attributes you will know everything you need to use any HTML5 tag. The page may not look the way you want it to look yet, but you will be able to use text, links, images, tables, and even music and videos! If you want to refer to a textbook this week for reinforcement of concepts, we will be using the Shay Howe online textbook as a reference. I will include links after the lectures, but some students prefer to read before the videos. (My preferred approach is to read/watch/read again.)

Week Three: Hosting and Accessibility

Okay, you created a file...what now? This week we will begin by covering the important but often overlooked concepts of validation and accessibility. Did you follow the DOM structure when you created your page? Did you use semantic tags to make sure that page viewers can access all of the information, even if they have physical or cognitive disabilities? This is knowledge you can use if you would like to pursue a career as a web accessibility specialist. Finally I will briefly cover the steps needed to post your site to the web if you decide to use something other than Replit. There are many free and paid services that you can use to get your work off your computer and on to the Internet.

Taught by

Colleen Van Lent

Reviews

4.4 rating, based on 52 Class Central reviews

4.7 rating at Coursera based on 27575 ratings

Start your review of Introduction to HTML5

Asad Rehman @asadrehman

HTML is unnecessary for the raising issues of audience, purpose, design, and accessibility. Learning HTMLneed to be a barrier to learning writing, that is possible to use HTML to address writing issues.
Ericdo1810

The QUALITY of the course instructional style and content: top-notched. You can feel the passion of the course instructor, Dr. Collene when she discusses about all the necessary knowledge in HTML5, the history of HTML, its evolution and the reasoni…

The QUALITY of the course instructional style and content: top-notched.

You can feel the passion of the course instructor, Dr. Collene when she discusses about all the necessary knowledge in HTML5, the history of HTML, its evolution and the reasoning behind developing a global standard for web-page content language. Her passion, coupled with the easy-to-understand lecture slides, are what make this course a really good starting ground for beginner.

I would have gone further to say that this course instructional quality may be even better than many on-campus courses. So, 5/5 stars for that.

However, what is lacking in this course is, the quizzes are rather memory-work-based. Though I understand the instructor really worked hard to deliver quality content, I feel like the quizzes can be improved to include simple code-input questions, or code-analysing questions, rather than consisting mainly of memory work MCQs.

The final project is also a good learning opportunity. The design of the project requirement is good. It requires hands-on application of all the basic concepts in HTML5. However, what is lacking is that the final project should have been peer-reviewed instead of being auto-graded (through an auto-grader that doesn't work).

So, the reason why I think this course is only 4/5 is because of the quizzes being too easy and memory-based and the final project grading mechanism being systematic. Overall, must say this is a very good course for beginner. Not for advanced though, advanced people should look to the HTML5 course on edX offered by W3Cx (WWW Consortium).
Akbar Məlikzade

HTML5 is the latest version of the HyperText Markup Language, the language used to create websites and web applications. It consists of elements like headings, paragraphs, images, and links. HTML5 also includes a wide range of new elements, attrib…

HTML5 is the latest version of the HyperText Markup Language, the language used to create websites and web applications. It consists of elements like headings, paragraphs, images, and links. HTML5 also includes a wide range of new elements, attributes, APIs, and media such as audio, video, and canvas. With these new features, HTML5 can now be used to create interactive and dynamic websites, as well as mobile applications. HTML5 is also designed to be backwards compatible with previous versions of HTML, so existing websites will continue to function correctly. It is also cross-platform compatible, meaning it can run on any device, browser, or operating system. HTML5 offers efficiency, robustness, and flexibility that make it the ideal choice for web and mobile development.
Anna GB

The instructor might be a good web developer, but neither she nor anyone else on her team know how to write a parser. Unfortunately, that is exactly what they attempted to do for grading Final Projects. Unless you are ready to suffer through severa…

The instructor might be a good web developer, but neither she nor anyone else on her team know how to write a parser. Unfortunately, that is exactly what they attempted to do for grading Final Projects.

Unless you are ready to suffer through several hours of tearing your hair out because their parser does not accept perfectly written code, don't take this course. The only thing you'll learn through the experience is that some people should stay as far away from writing autograders as the planet would allow them.

Additionally, the information presented in this course is available in several better structured and presented versions both on Coursera and other MOOC platforms. So you don't need this course in particular in order to learn the material.
Yogeshwari Dubey

it was good and you will gain a lot of knowledge from this course . i recommend this course . Overall I enjoyed the course. I liked that everything was straight forward. There never was any confusion on assignments, which is always a plus with online courses. I’ve taken online courses where assignments would be confusing and the teacher was slow to respond to emails. The one thing that I disliked was that you were not able to look at an assignment after the due date. If you weren’t able to turn in the assignment on time you weren’t able to look at the assignment to try to turn it in late. Despite that, I enjoyed the course.
Kagimu Brian Vicent

This course was easy to understand and had a lot of content that helped me transform from a developer who loved talking about the web to actually coding for the web. I recommend for anyone interested in knowing more about web development and who knows you just may be the front end developer the world is looking for
Samuel Octavianus

This course is really good for beginners who want to dive in to the world of web design / development. This course provides a basic foundation and understanding of HTML5. As for the instructor, she explanied every topics really well and the course also provides balanced hours of coding practice.
Anonymous

"Web Design for Everybody" is a quite encouraging name. However, the course seems to actually assume some previous knowledge. Poorly edited videos also add to the frustration.
Anonymous

Taught a lot of html5 techniques, best practices, etc.
However, assignments are very limited. Quizzes are very easy to pass provided the learner bothers to Google. Not requiring much critical thinking or serious work to pass the course.
Ibrahem Nasr

was such a great course, at first i was know nothing but this help me very will, i hope this will be my start to develop and become a web developer.
Siddharth Tiwari

loads very slow otherwise it will be more informative for the learners ,slow load adds to frustration . please improve this section first so learners will not be able to experience this
Jose Luis F F C Borges

Good introduction to HTML5. Doesn't go very far but points you the right direction by providing useful links. The instructor is clear in her explanations.
Maria Stoica

This course was great -- very straightforward and I loved how it did not cover CSS at all. The instructor was very clear and organized in her presentation of the material.
VAIBHAV GUPTA

The world could not run without benchmarks. In engineering, science, drafting, quality control, manufacturing and in environmental regulations, benchmarks provide a standard that can be used as a point of reference in evaluating a level of quality.…

The world could not run without benchmarks. In engineering, science, drafting, quality control, manufacturing and in environmental regulations, benchmarks provide a standard that can be used as a point of reference in evaluating a level of quality.

A standard can emerge from a consensus of stakeholders and can often provide a target or comparison that provides a good measuring stick for how something can be assessed.

There is a set pattern to the development of a standard. This is how one organization approaches the task.

According to the Project Management Institute, standards development follows six steps.

A standard development team is assembled and subject matter experts are solicited as first reviewers. During meetings, over several months, team members draft and refine the new standard. The draft version is then presented to the subject matter experts for review, feedback and possible changes.
Aspen Mountjoy

It moves fast and she covers a lot of material. She offers lots of supplementary materials, including an online textbook, links (and sometimes demos) of lots of helpful tools, and I thought she explained things pretty well. I've done HTML/CSS coding before; I think this course would require a lot of time for a rank beginner. However, everything anyone needs to succeed is included. The only real complaint is that the lecture transcripts and the quizzes were riddled with typos and errors. I wasn't the only one complaining about that part, either. I didn't find the forums particularly helpful. I suspect a lot of people don't use them.
Anonymous

I think that what makes this course a great introductory one is the instructor, Colleen van Lent. She has a positive and engaging manner in the way she presents the material. But that's not all: when needed, she explains key aspects in detail, warns you what you should be really careful of. Additionally, in the course you can find a lot of useful and interesting links. One final thing that I would like to point is that,in this lesson,not only do you learn the basics of HTML, but also you get a grasp of other aspects like accessibility.
Anonymous

INTRODUCTION TO HTML 5

HTML5 is the fifth revision and newest version of the HTML standard. It offers new features that provide not only rich media support but also enhance support for creating web applications that can interact with users, their local data, and servers more easily and effectively than was previously possible.
Anonymous

This course was easy to understand and had a lot of content that helped me transform from a developer who loved talking about the web to actually coding for the web. I recommend for anyone interested in knowing more about web development and who knows you just may be the front end developer the world is looking for
Anonymous

This course was easy to understand and had a lot of content that helped me transform from a developer who loved talking about the web to actually coding for the web. I recommend for anyone interested in knowing more about web development and who knows you just may be the front end developer the world is looking for
Anonymous

Dr KRISHNA KUMAR CHOUDHURY is national young scientist in India. He received many awarded certificate from Government of India. As for IISF 2016 to 2018 at New Delhi. His scientific working and career life have been published in the abstract books.

Thanks you Sir.