{"product_id":"css3-responsive-web-design-training","title":"CSS3 Responsive Web Design Training","description":"\u003cdiv\u003e\n\u003cp\u003eAttend this CSS3 Responsive Web Design course \u0026amp; learn how to build accessible and responsive web applications featuring a rich UI that adapts to the widest possible range of internet-capable devices. You will gain the design skills to create collapsible navigation, liquid layout content, accessible data tables and forms, all while adhering to WCAG level A, AA and AAA checkpoints.\u003c\/p\u003e\r\n\u003cp\u003eYou will employ modern, mobile-first design techniques leveraging typography, flexbox, CSS3 functions and pseudo-selectors\/elements, and explore CSS integration with modern JavaScript frameworks like Angular and jQuery.\u003c\/p\u003e\n\u003c\/div\u003e\u003cdiv\u003e\n\u003ch3\u003eCSS3 Responsive Web Design Training Benefits\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eIn this CSS training, you will learn how to:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eDesign Accessible Web Sites using industry standard Accessibility Guidelines.\u003c\/li\u003e\n\u003cli\u003eCreate Responsive Layouts that adapt to any device size or operating system.\u003c\/li\u003e\n\u003cli\u003eLeverage Web Typography and modern, responsive units of measure.\u003c\/li\u003e\n\u003cli\u003eCapture user input with responsive and accessible forms and data tables.\u003c\/li\u003e\n\u003cli\u003eImplement SASS via Ruby CLI and create a Bootstrap 4 design template.\u003c\/li\u003e\n\u003cli\u003eManage CSS within popular MVC and DOM frameworks like Angular and jQuery.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003ePrerequisites\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eHTML Experience\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003cdiv\u003e\u003ch3\u003eResponsive Web Design Training Outline\u003c\/h3\u003e\u003c\/div\u003e\u003cdiv\u003e\n\u003ch4\u003eModule 1: Introduction to Cascading Style Sheets\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003eFormalize relationship between HTML, JavaScript and CSS\u003c\/li\u003e\n\u003cli\u003eDefine Modern Browser and Web Accessibility\u003c\/li\u003e\n\u003cli\u003eDevelop reusable classes\u003c\/li\u003e\n\u003cli\u003eLeverage the CSS Inheritance Model\u003c\/li\u003e\n\u003cli\u003eOptimize your code with Embedded and External CSS\u003c\/li\u003e\n\u003cli\u003eUpdate your browser with development assets\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003cdiv\u003e\n\u003ch4\u003eModule 2: Styling the CSS Box Model\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003eStyle HTML container box properties\u003c\/li\u003e\n\u003cli\u003eLeverage differences between block and inline elements\u003c\/li\u003e\n\u003cli\u003eManipulate color and transparency\u003c\/li\u003e\n\u003cli\u003eDevelop global and consistent style resets\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003cdiv\u003e\n\u003ch4\u003eModule 3: Selecting DOM Elements and Attributes\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003eTarget DOM elements and attributes for style\u003c\/li\u003e\n\u003cli\u003eMake selections based on DOM hierarchy\u003c\/li\u003e\n\u003cli\u003eSelect based on DOM element behavior\u003c\/li\u003e\n\u003cli\u003eChain selections and apply CSS functions\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003cdiv\u003e\n\u003ch4\u003eModule 4: Positioning with Accuracy and Consistency\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003eManipulate static, absolute, relative and fixed position rules\u003c\/li\u003e\n\u003cli\u003eFloat and clear floated containers\u003c\/li\u003e\n\u003cli\u003eApply flexible box model techniques\u003c\/li\u003e\n\u003cli\u003eExplore CSS columns and grids\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003cdiv\u003e\n\u003ch4\u003eModule 5: Web Typography\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003eDistinguish font from typeface and apply font properties\u003c\/li\u003e\n\u003cli\u003eApply text, letter and line properties\u003c\/li\u003e\n\u003cli\u003eEmploy web fonts\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003cdiv\u003e\n\u003ch4\u003eModule 6: Accessible and Responsive Forms and Data Tables\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003eExplore regional interpretations of Accessibility\u003c\/li\u003e\n\u003cli\u003eCreate accessible and responsive forms based on WCAG\u003c\/li\u003e\n\u003cli\u003eLeverage and extend HTML5 for validation\u003c\/li\u003e\n\u003cli\u003eBuild accessible and responsive data tables based on WCAG\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003cdiv\u003e\n\u003ch4\u003eModule 7: Templating with SASS, LESS and Bootstrap\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003eQualify strengths of CSS preprocessing frameworks\u003c\/li\u003e\n\u003cli\u003eInstall Ruby and SASS on Windows and create a SCSS document\u003c\/li\u003e\n\u003cli\u003eCompile SCSS to CSS and investigate alternative pre-processing tools\u003c\/li\u003e\n\u003cli\u003eLeverage Bootstrap 4 CSS library\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003cdiv\u003e\n\u003ch4\u003eModule 8: Styling DOM and MVC JS Frameworks\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003eAnimate DOM content with pure CSS\u003c\/li\u003e\n\u003cli\u003eAdd menu toggles with JavaScript\u003c\/li\u003e\n\u003cli\u003eManage CSS selector syntax with jQuery and Angular\u003c\/li\u003e\n\u003cli\u003eImplement responsive and infinite scrolling\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e","brand":"Learning Tree","offers":[{"title":"268B81US \/ 2026-08-04T09:00:00 \/ Herndon, VA","offer_id":47534220673243,"sku":"US-522-IL","price":2512.0,"currency_code":"USD","in_stock":true},{"title":"26AA93US \/ 2026-10-20T09:00:00 \/ Herndon, VA","offer_id":48216592220379,"sku":"US-522-IL","price":2512.0,"currency_code":"USD","in_stock":true},{"title":"271A97US \/ 2027-01-05T09:00:00 \/ Herndon, VA","offer_id":48216592253147,"sku":"US-522-IL","price":2512.0,"currency_code":"USD","in_stock":true},{"title":"273A75US \/ 2027-03-02T09:00:00 \/ Herndon, VA","offer_id":48310907207899,"sku":"US-522-IL","price":2512.0,"currency_code":"USD","in_stock":true},{"title":"275A75US \/ 2027-05-04T09:00:00 \/ Herndon, VA","offer_id":48738855059675,"sku":"US-522-IL","price":2512.0,"currency_code":"USD","in_stock":true}],"url":"https:\/\/learningtreeinternational-dirinfosec-hhs.myshopify.com\/products\/css3-responsive-web-design-training","provider":"Learning Tree International","version":"1.0","type":"link"}