0345 4506120

Building Responsive Web Applications with CSS3

Course Details

Name Building Responsive Web Applications with CSS3
Description
URL
Location:
Virtual Classroom
Start Date:
Working Days:
Price:
£1899.00 +vat
Availability:
Exam:
Residential:
Course ID:
448178

Overview

Learn how to build accessible and responsive web applications featuring a rich UI that performs across the widest possible range of internet-capable devices.  In this training course, you gain the skills to design WCAG-compliant and responsive content by creating collapsible navigation, content, data tables and forms.  You will employ modern, mobile-first design techniques leveraging typography, flexbox, CSS3 functions and pseudo-selectors, and explore CSS integration with modern JavaScript frameworks like Angular and jQuery.

Learning Objectives

You Will Learn How To

  • Design Accessible Web Sites using industry standard Accessibility Guidelines
  • Create Responsive Layouts that adapt to any device size or operating system
  • Leverage Web Typography and modern, responsive units of measure
  • Capture user input with responsive and accessible forms and data tables
  • Implement SASS via Ruby CLI and create a Bootstrap 4 design template
  • Manage CSS within popular MVC and DOM frameworks like Angular and jQuery

Pre-Requisites

Requirements:

  • HTML experience at the level of:    
    • Course, Developing a Website

Software:

  • All versions of CSS are covered in this course with careful attention to CSS3

Course Content

Course Outline

Introduction to Cascading Style Sheets

  • Formalise relationship between HTML, JavaScript and CSS
  • Define Modern Browser and Web Accessibility
  • Develop reusable classes
  • Leverage the CSS Inheritance Model
  • Optimise your code with Embedded and External CSS
  • Update your browser with development assets

Styling the CSS Box Model

  • Style HTML container box properties
  • Leverage differences between block and inline elements
  • Manipulate colour and transparency
  • Develop global and consistent style resets

Selecting DOM Elements and Attributes

  • Target DOM elements and attributes for style
  • Make selections based on DOM hierarchy
  • Select based on DOM element behaviour
  • Chain selections and apply CSS functions

Positioning with Accuracy and Consistency

  • Manipulate static, absolute, relative and fixed position rules
  • Float and clear floated containers
  • Apply flexible box model techniques
  • Explore CSS columns and grids

Web Typography

  • Distinguish font from typeface and apply font properties
  • Apply text, letter and line properties
  • Employ web fonts

Accessible and Responsive Forms and Data Tables

  • Explore regional interpretations of Accessibility
  • Create accessible and responsive forms based on WCAG
  • Leverage and extend HTML5 for validation
  • Build accessible and responsive data tables based on WCAG

Templating with SASS, LESS and Bootstrap

  • Qualify strengths of CSS preprocessing frameworks
  • Install Ruby and SASS on Windows and create a SCSS document
  • Compile SCSS to CSS and investigate alternative pre-processing tools
  • Leverage Bootstrap 4 CSS library

Styling DOM and MVC JS Frameworks

  • Animate DOM content with pure CSS
  • Add menu toggles with JavaScript
  • Manage CSS selector syntax with jQuery and Angular
  • Implement responsive and infinite scrolling

Virtual

Description:

Online AnyWare™ immerses you in a dynamic online training environment where you access and participate in an actual classroom. You interact with both your instructor and your peers—just as if you were together with them in the classroom—as you master the essential knowledge and skills in today's most important IT and management topics.

With AnyWare Online Training, you can...

  • Access your course from any Internet-accessible location
  • Gain scheduling flexibility—choosing from a wide selection of course dates
  • Immerse yourself in an actual classroom experience
  • Benefit from AnyWare's unique real-time interactivity
  • Achieve the same results that you expect from an instructor-led classroom course

Frequently Asked Questions

What are the technological requirements for participating in a live, online course delivered via Online AnyWare?

To participate fully in a virtual AnyWare course, you will need the following:

  • An audio-enabled computer
  • A minimum screen resolution of 1024 x 768
  • An Intel Pentium® 4 computer, or equivalent, with a 2.5 GHz or faster processor; or an Intel Mac
  • A minimum of 1 GB of RAM
  • A reliable high-speed Internet connection, either via cable modem, DSL or corporate LAN (a wired Internet connection is strongly recommended)
  • Internet Explorer 7 or higher; or Mozilla Firefox 2 or higher
  • Support for Java and ActiveX within your browser with the latest version of Java installed
  • Adobe Flash version 8 or higher
  • Access to www.logmein.com
  • Ability to install the LogMeIn ActiveX control, which may require local administrative privileges
  • Learning Tree AnyWare will support a dual-monitor setup, which allows concurrent access to the classroom and the computer used for the hands-on exercises. This setup may enhance your training experience; however, it is not a requirement for full participation in any of our courses.

Do I need to install any special software?

None! All you need is a high-speed, flash-enabled Internet browser—Internet Explorer 7 or higher, Mozilla Firefox 2 or higher, or Safari.

Can I participate in a course via Online AnyWare using any type of operating system?

You can participate in a class on a PC or Mac. However, the hands-on exercise material in Course 2320 and Course 984 is not compatible with the Mac operating system at this time. Please contact our AnyWare support team if you are planning to participate in either of these courses using a Mac operating system.

Do I need my own microphone, earphones and/or headset?

Prior to the course, we will provide a microphone-enabled headset for you to use during the course. The headset is yours to keep after the course.

Is the virtual classroom experience really the same quality when it's delivered over the Internet?

Absolutely! Online AnyWare is designed to provide you with the same experience you would receive in the classroom. You connect to an actual classroom where you participate online in live, instructor-led training that is facilitated either at one of our Education Centres or on site at a client's location. As an online participant, you engage with the instructor and interact with your classmates just as if you were in the actual classroom. And you perform all of the same hands-on exercises, so the knowledge you learn and the skills you gain are no different than if you were taking the course as an in-class participant.

Why is Online AnyWare so much more effective than off-the-shelf, self-paced e-learning programmes?

The most important benefit of live, instructor-led training is the ability to interact with your instructor and fellow classmates. It is through such interaction that real learning takes place. Courses taken via AnyWare offer the same benefits. In fact, over half the time spent in courses is dedicated to interactive activities—where real learning happens! You'll have your specific questions answered on the spot, receive immediate clarification of anything that is confusing, perform hands-on exercises by remotely accessing an in-class PC, and share your experiences in real time with your fellow classmates. Most importantly, you'll receive expert advice on how best to apply what you learn to your own projects.

How is the classroom experience actually delivered?

Adobe Connect is the foundation technology for our AnyWare training delivery solution used to deliver our IT and management courses. You'll acquire new skills in a safe environment—your computer's files and applications are never engaged, so there is no risk of damage. A hard copy of the course materials and a microphone-enabled headset will be shipped to you prior to the course.

Using your Internet browser, you remotely access a dedicated in-class PC so that you can participate in hands-on exercises and develop new skills just as if you were in the actual classroom where your instructor is coaching in real time.

How do I connect to the classroom?

One week prior to the class start date, you will receive a "Getting Ready" e-mail with a URL and your login credentials. We'll ask you to complete a three-step validation process prior to the class start date to test your system, two-way audio connection, and Internet connection to the classroom and to your dedicated, in-class PC on which you'll be performing your hands-on exercises.

A few days before your class starts, you'll also receive a call from one of our customer service representatives who will answer any questions you may have. When it's time for the course to begin, just log in—from anywhere—and join your classmates, live in the classroom. During your course, our AnyWare support technicians are available to assist you as needed. It's that easy!

What are the course hours?

Start and end times vary for each individual course. Please confirm the start and end times during registration, as your course may be delivered from a different time zone than your own. On the first day of class, plan to log in to your classroom 30 minutes prior to the start of the class.

Our Customers Include