Course Information
Course Overview
Learn HTML5 / CSS3 and how to incorporate markup to build standards-compliant and forward-thinking responsive web sites.
In HTML5 and CSS3 - Essential Training, professor, author, trainer, and web developer Zak Ruvalcaba delves into HTML5 and demonstrates how to incorporate the language’s markup to build standards-compliant and forward-thinking responsive web pages and applications. You learn the basics as well as advanced topics in HTML5 and CSS3 such as the reason for semantic markup, how to build traditional page layouts using DIV tags and CSS, how to build forward-thinking semantic layouts using HTML5 section elements and CSS3, how to make a page responsive and backward compatible, and how to work with HTML5 forms, offline support, geolocation, audio and video, graphics with JavaScript and canvas, communication APIs, web storage, and more.
Course Content
- 10 section(s)
- 143 lecture(s)
- Section 1 Introduction to Web Development and Associated Technologies
- Section 2 Semantic Structure and Inline Tags
- Section 3 Tables, Lists, and Images
- Section 4 Working with Links
- Section 5 Cascading Style Sheets Part 1 - Introduction
- Section 6 Cascading Style Sheets Part 2 - Grid Systems, Layout, and Positioning
- Section 7 Cascading Style Sheets Part 3 - Advanced CSS Concepts
- Section 8 Cascading Style Sheets Part 4 - Flex Box Layout
- Section 9 Cascading Style Sheets Part 5 - Grid Layout
- Section 10 Responsive Web Design
What You’ll Learn
- Know what powers the Web including HTML, CSS, and JavaScript.
- Use free web development tools like Aptana Studio, Atom, Brackets, and more.
- Understand every HTML5 tag and their associated attributes.
- Work with tables, images, links, and lists.
- Work with advanced structuring techniques using HTML5 and CSS3.
- Use grid layouts like 960.gs to aide in designing a site.
- Work with HTML5 section elements and CSS3 to structure a web site.
- Format web pages using CSS3.
- Create responsive layouts using CSS3 Media Queries.
- Use responsive frameworks like Skeleton to enhance workflow.
- Make a navigation menu responsive.
- Build HTML5 forms and use native validation to handle data input.
- Incorporate video and audio using HTML5 tags.
- Work with Geolocation, Drag and Drop, Web Storage, and more.
- Incorporate Web Fonts and work with the Canvas drawing API.
Skills covered in this course
Reviews
-
OOlena Zheliabina
I highly recommend this course for beginners. I have not had any experience in web development or programming before, but after completing this course I am able to create a fully functional nice looking web site. I found this course incredibly good organized. The amount of the information was just enough for me. I also found all the provided examples and labs extremely helpful. I am also extremely glad that I purchased the book Murach's HTML5 and CSS3, 4th Edition (Ann Boehm, Zak Ruvalcaba). It is a particularly good addition to this Video course. It helped me a lot to complete my assignments successfully.
-
YYaling Stephens
This course really helped me to get started with front web programming. Topics were well organized and the labs were very helpful to understand each concept!
-
DDevon Geissler
This was a great step by step tutorial course. I've tried others before this, but this one really dives into the fundamentals teaching semantics and proper coding techniques. After learning about HTML the course dives into CSS head first. I'm glad I've had the opportunity to use this in my learning sequence.
-
DDavid Walker
I highly recommend this well-organized course. The chapter structure of each lecture makes it easy to go back and review specific topics. The quizzes at the end of most lectures are helpful and clearly point out which chapters should be reviewed. The instructor uses many examples throughout the lectures and the lab sections are the longest chapters. I think the key to use this course to learn how to use HTML5 and CSS3 to build responsive websites is to go through the labs with the support files at the end of the lectures.