About This Course

CSS3 is the newest version of CSS. CSS gives webpages their appearance, layout, and styling. CSS3 brings a variety of new features to this style sheet language like advanced selectors, box-shadow, animations, gradients, box-sizing, flex-box and more.

HTML5 is the fifth revision and newest version of the HTML standard. It offers new features that provide not only rich media support (video/audio), but also enhanced support for creating interactive web applications. This includes things like data storage, form validation, and improved element semantics.

The Building Responsive Sites Using HTML5 and CSS3 training course equips experienced front-end web developers to quickly adopt HTML5 and CSS3 for creating next generation web sites that are ready for modern browsers. This course will give developers experience with all major new HTML5 and CSS3 features.

Request More Info About This Course
html css

Course Category

Duration

This is a four-day, hands-on course.

Skill Level

What Happy Developers Say

The instructor did a good job of adjusting content to meet different skill levels.
Developer, Intuit
The instructor was very knowledgeable, making it easy to ask questions and provided good conversation about the topic at hand.
dell  logoWeb Developer, DELL
The instructor demonstrated strong broad knowledge as well as technical in-depth when appropriate
Engineer, Starbucks
I liked that we could determine what to learn, no time was wasted.
Javascript Developer, RetailMeNot
I had trouble understanding a certain concept, and told the instructor that I just didn't get it. While the class was busy with an exercise, he sat down with me, gave me material to read, and made sure I understood it before I moved on. I really appreciated that.
JavaScript Developer, PayPal
The instructor has a great attitude and pacing. Amazing how much he knows about JS!
Junior JavaScript Developer, Macy's

Purpose

  • Understand the core differences between older versions of HTML/XHTML and HTML5.
  • Convert older HTML/XHTML pages into HTML5.

  • Differentiate where individual modern browsers treat HTML5 and CSS3 the same vs. differently.

  • Review the CSS syntax and introduce the new features of CSS3 that make pages more interactive, vibrant, and mobile-friendly.

  • Use CSS advanced selectors, as well as border, background, and shadow properties.

  • Utilize transitions, transforms, animations, and media queries to make web pages work equally well on different sized viewports.

Audience

Beginner and Intermediate Front-End Developers. Back-End Developers who are switching to the Front-end would also benefit from this course.

Course Outline

  • Web Development Basics
    • Brief HTML history
    • What’s HTML5?
    • Where is HTML headed and what’s on the horizon?
  • Updating your Webpages: DOCTYPES, Required Tags, and Major Shifts
  • HTML5’s JavaScript APIs: What’s New and What’s Not?
    • What can HTML5 + JavaScript do for you?
    • The Canvas Tag
    • The Video Tag
    • The Audio Tag
    • Geolocation
    • Local Storage
    • Web Workers
    • CSS3: Simple Animations and Transitions
    • “Old School” techniques – what’s now out of date?
    • “New School” techniques – what’s fresh?
  • How They Work: HTML5’s JavaScript APIs
    • Live examples and code to make the new HTML5 APIs shine
  • Semantic Layouts vs Div-Based Layouts
    • The new Semantic layout tags and how they’re used
    • Why Semantic-based layout works and can boost your SEO
  • Browser Limitations
    • Cross-browser compatibility and considerations
  • A Quick CSS Review
    • Basics of CSS Syntax
    • Understanding Element Positioning and the Box Model
  • Introducing Cascading Stylesheets 3
    • Introduction to CSS3
    • Benefits for Mobile Design
    • Compatibility with Browsers and Devices
    • Overview of the Modules Included in CSS3
  • Defining CSS Advanced Selectors
    • The Child Selector
    • The Sibling Selector
    • The Nth Selectors
    • Of Type Selectors
    • Adjacent Selectors
    • Attribute Selectors
  • Assigning New Background Properties
    • Background Image (Using more than one image)
    • Gradients
  • Using New Color Formats
    • Introducing the Alpha Value
    • RGB Format
    • RGBA Format
    • HSL Format
    • HSLA Format
  • Exploring Border and Shadow Properties
    • Border Radius
    • Border Image
    • Text Shadow
    • Box Shadow
  • Designing for Mobile Devices
    • Introduction to Responsive Design
    • Introduction to Mobile First Concept
    • Flexible Grids
    • Flexible Units
    • Media Queries
  • Making Pages More Interactive
    • Transitions
    • Transforms
    • 2D and 3D
    • Animations
    • When to Use CSS vs. JavaScript for Interactivity
Request More Info About This Course

Instructors Who Teach This Course

Elias

Elias

Elias Carlston has 20 years’ experience as a software engineer, from lean startups to large enterprises. Having great mentors early on showed Elias the value of sharing knowledge, and he enthusiastically embraces the opportunity to give back to the community through teaching. Beginning his career as a data analyst for a large non-profit clinic, he soon became a full stack developer. First, at ... read more

Craig

Craig

Craig recently released the book, The JavaScript Framework Guide: AngularJS, Backbone, and Ember. Craig has been a guest on the Hanselminutes and JavaScript Jabber podcasts. He’s an avid blogger, and several of his articles have been published in Peter Cooper’s poplular “JavaScript Weekly” newsletter. He also has his own podcast, “The Front-End Developer’s Cast”.

Craig has been a developer f... read more

Jason

Jason

With backgrounds in technology, business and education, Jason brings a broad array of experience to BDA. He‰'s been programming since he was a kid and currently runs a business, 303 Velocity, that builds iOS and Android apps for its clients. They also do consulting work to help publishers get more downloads and sales for their apps. He has taught mobile classes for Yahoo! and Intel employees an... read more

Eve

Eve

Eve has been focused on web and curriculum development since college, where she studied user interface design and usability. Since then, she has consulted as a project manager and coder to deliver interactive web applications, from e-Learning portals to mobile apps.

Well-versed in HTML5, CSS3 and other front-end technologies, Eve has lent her interface and training skills to the redesign of ... read more

Who Takes This Training?

Learn More About This Course