Scroll to top button

HTML5-CSS3 : Beginning HTML5 and CSS3

uCertify's Beginning HTML5 and CSS3 Course provides a complete overview of HTML5 and CSS3. Our course covers various topics including HTML5: Now, Not 2022, Your First Plunge into HTML5, New Structural Elements, A Richer Approach to Marking Up Content, Rich Media, Paving the Way for Web Applications, CSS3, Here and Now, etc. which will help you learn in a very effective and efficient way. This
HTML5-CSS3
Beginning HTML5 and CSS3
ISBN : 978-1-61691-444-8

Lessons

uCertify uses content from well known publishers, instructors, and subject matter experts. They have a minimum of 15 years of experience in their fields. uCertify brings these textbooks to life. It is full of interactive activities that keeps the learner engaged. uCertify brings all available learning resources for a topic in one place so that the learner can efficiently learn without going to multiple places. Challenge questions are also embedded in the chapters so learners can attempt those while they are learning about that particular topic. This helps them grasp the concepts better because they can go over it again right away which improves learning. At the end of every lesson, uCertify courses guide the learners on the path they should follow.

uCertify platform supports 50+ different types of interactive activities, connect the idea, or try it yourself lab activities embedded throughout its course. These interactive activities keeps learners engaged and makes learning fun.

Here's What You Get

Exercises Flashcards Quizzes Glossary

Each lesson comes with Exercises, Flashcards & Quizzes. There is no limit to the number of times learners can attempt these. Exercises come with detailed remediation, which ensures that learners are confident on the topic before proceeding. Flashcards help master the key concepts. Glossary defines the key terms.

Exercise Questions
101+
Quizzes
52+
Flashcards
131+
Glossary of terms
131+
Lessons
14+

Test Prep & Practice Questions

uCertify provides full length practice tests. These tests closely follow the exam objectives and are designed to simulate real exam conditions. Each course has a number of test sets consisting of hundreds of items to ensure that learners are prepared for the certification exam.

Here's What You Get

Pre-assessments Questions
15+
Full Length Tests
2+
Post-Assessments Questions
40+

Features

Full Remediation

Each question comes with detailed remediation explaining not only why an answer option is correct but also why the incorrect answer options are incorrect.

Unlimited Practice

Each test can be taken unlimited number of times until the learner feels they are prepared. Learner can review the test and read detailed remediation. Detailed test history is also available.

Learn, Test and Review Mode

Each test set comes with learn, test and review modes. In learn mode, learners will attempt a question and will get immediate feedback and complete remediation as they move on to the next question. In test mode, learners can take a timed test simulating the actual exam conditions. In review mode, learners can read through one item at a time without attempting it.

Table of Content

Here's What you will Learn

Lesson 1: HTML5: Now, Not 2022

  • Basic tenets
  • How was HTML5 created?
  • HTML5 moving forward!
  • HTML5 design principles
  • A dozen myths about HTML5
  • Summary

Lesson 2: Your First Plunge into HTML5

  • Homework review
  • It's all in the head
  • A Hello World! journey
  • Supporting HTML5 cross-browser
  • An HTML5 boilerplate page
  • Validation
  • Revisiting Miss Baker
  • Summary
  • Homework

Lesson 3: New Structural Elements

  • Workflow practices, evolving?
  • A brave new semantic dawn
  • Structural building blocks: <div>, <section>, and <article>
  • Headings: <header>, <hgroup>, and <h1>-<h6>, plus <footer>
  • The HTML5 outlining algorithm
  • HTML5-style heading element levels
  • Even more structural elements: <nav>, <aside>, <figure> (and <figcaption>)
  • Putting it all together
  • Accessibility and HTML5
  • Summary
  • Homework
  • Further Reading

Lesson 4: A Richer Approach to Marking Up Content

  • Baking the best cake we possibly can
  • Ex-presentational elements and friends
  • Block-level links with the <a> element
  • Other elements with minor changes from HTML 4
  • New semantic elements
  • Extending HTML5
  • Summary

Lesson 5: Rich Media

  • The case for Flash
  • Video the HTML5 way
  • Audio
  • Canvas
  • SVG
  • Summary
  • Homework

Lesson 6: Paving the Way for Web Applications

  • HTML5 forms
  • Web applications
  • The glorious dawn of the age of the standards-ba...d of compliant browsers, on a variety of devices
  • Homework: Mark up the Join Gordo's Space Cadets form using the new markup covered

Lesson 7: CSS3, Here and Now

  • A Refresher on the importance of web standards
  • CSS 1, CSS 2.1, CSS3 ...
  • Is CSS3 ready?
  • The benefits of CSS3
  • CSS basics refresher
  • CSS shorthand
  • The cascade, specificity, and inheritance
  • CSS organization and maintenance
  • Browser support, vendor prefixes, polyfills, and progressive enhancement
  • Feature detection and polyfills
  • Summary
  • Homework
  • Appendix: CSS3 Module Status

Lesson 8: Keeping Your Markup Slim Using CSS Selectors

  • Selectors rundown
  • CSS3 selectors
  • Browser support
  • Selectors of the future
  • Summary
  • Homework
  • Appendix

Lesson 9: A Layout for Every Occasion

  • The web of many devices
  • The Visual Formatting Model of CSS it's boxes all the way down!
  • CSS3 layouts
  • Conclusion
  • Further reading
  • Homework

Lesson 10: Improving Web Typography

  • Typeface and fonts
  • Anatomy of type
  • A brief history of web type
  • Text as image
  • sIFR
  • Cufón
  • SVG fonts
  • @font-face
  • Finding web fonts
  • Baselines
  • Designing with a grid
  • Baseline grid in summary
  • Fun with web type
  • Control the quote glyphs
  • Summary
  • Further Reading

Lesson 11: Putting CSS3 Properties to Work

  • Color and transparency
  • Backgrounds
  • Borders
  • Drop shadows
  • Gradients
  • Detecting support and helping other browsers
  • Summary
  • Homework

Lesson 12: Transforms, Transitions, and Animation

  • Translate, rotate, scale, skew, transform: 2D and 3D CSS transforms
  • CSS transitions and CSS animations: compare and contrast
  • CSS transitions: bling in 4D!
  • Keyframin' with CSS animations
  • Further Reading

Lesson 13: The Future of CSS or, Awesome Stuff That's Coming

  • Hardware acceleration and CSS performance
  • Internationalization
  • Go forth and make awesome
  • Appendix: essential links

Lesson 14: Video Tutorials

  • Training Videos of HTML
  • Training Videos of CSS

Copyright © 2002-2017 uCertify / All Rights Reserved.