HTML5 and CSS3 for Responsive Web Design Advanced Live Hands-On Instructor-Led Training Class

Baltimore, Maryland, Virginia, Washington D.C., Virtually Online Live & On-Site at Your Location

Print this Page
Course Information & Why You Should Attend

ThinkB!G Exclusive LogoDuration & Times: 2 Days – 8:30AM-3:00PM ET / 5:30AM-12:00PM PT (30 Minute Complimentary Lunch)

Locations for Training:
In Person at ThinkB!G in Columbia, Maryland near Baltimore, Washington D.C., Virginia region.
Virtually Online Live (VOLT) From Anywhere! Students Join the Same In Person Class Remotely.
Upon Request: Onsite Custom Private Training at Your Location!

Course Description: In this hands-on, two-day Advanced HTML5 & CSS3 for Responsive Web Design training course, you will learn web development and web design by getting the best and latest HTML5 and CSS3 advanced techniques and features. You will also be introduced to JavaScript, jQuery, and jQuery Mobile in this web designing course. The topics covered in the course include understanding what responsive HTML5 is, setting up a development environment using tools like Brackets and Code Editor, learning the difference between HTML5 and HTML, exploring new features of HTML5, and working with frameworks and HTML5. You will learn responsive design by working with CSS3 responsive layouts, and by using JavaScript and responsive interactive design.

Prerequisites: Students need to have completed our HTML and HTML5 with CSS Introduction course or have working knowledge in all topics covered in the Introduction outline. Students must have a good working knowledge of computers, operating systems, using a mouse, keyboard, standard menus and commands. Students must be able to open, save, and close applications and files, as well as navigate to other folders.

Job Roles That Use HTML5 and CSS3 for Responsive Web Design:
Developers
Programmers
Website Authors

Projects That Use HTML5 and CSS3 for Responsive Web Design:
Creating webpages
Building mobile-friendly websites

HTML5 and CSS3 for Responsive Web Design Course Outline

1. HTML5 for Modern Responsive Web Layout
Three-Tiered approach: HTML-structure, CSS-design, JavaScript-interaction
Blocks resize and flow with browser changes if we write our code well

2. Environment
Code Editor: Brackets, Visual Studio, Notepad++
Browser: Chrome, Webkit

3. HTML, CSS and JavaScript syntax Overview
“Hello World” with HTML, CSS and JavaScript
Syntactical rules for each environment

4. The DOM: Document object model
Breaking DOM into blocks
• Divs vs Semantic tags
• 508 issues
• ARIA roles
Viewing DOM as hierarchy

5. CSS3 Responsive Layout
Measurements: EM, %
Meyers Reset
Flowing Blocks in Grid layout: Positioning
Parent Child relationships
CSS Specificity
Media Queries

6. JavaScript for responsive sizing
Create JavaScript file to scale entire site
JavaScript can also:
• Alter HTML
• Quickly select and alter DOM elements
Only works if CSS rules were followed
JavaScript Basics
• Syntax
• Where to put it
• What we can do with it

7. Working with Advanced HTML5 APIs, JavaScript and tags
Video and Audio
Canvas
Local Storage
JSON

8. Responsive layout utilizing CSS, JavaScript techniques for adapting
Menu created dynamically from data and injected with JavaScript
Page will respond to changes in size and orientation by adjusting layout

Disclaimer: All course objectives and outlines are used as a guideline and are subject to change to ensure the latest information is covered to support real world use of the technology.

Software Versions: ThinkB!G open enrollment classes are taught on the most current version of software whenever possible. To request a specific version, please Contact Us or call us at 301-362-2250.

What You Get
  • Hands-On Official Authorized Training & Certification
  • Training Delivered from Instructors that are Senior Consultants Certified by Adobe (ACI), Apple (ACT), & Microsoft (MCT)
  • Official Curriculum Courseware & Personal Use of Class Recording for Limited Time
  • Certificate of Completion
  • Computer with Software & Class Files for Use During Training (Online Live Students can LOG ON to ThinkB!G Computers for No Installs)
  • Continental Breakfast Every Day (In Person Only)
  • Catered Gourmet Deli Lunch Every Day (In Person Only)
  • Unlimited Snacks and Refreshments (In Person Only)
  • Notebook & Pen (In Person Only)
  • Free Parking (In Person Only)
Pricing

Public Enrollment Training

This course is currently not on our Public Enrollment Training Calendar. If you are interested, please click the link below to complete our request form.

Request This Training Course!

 

Custom Private Training – Onsite at Your Location, or at ThinkB!G

Submit details and a formal training quote will be sent to you!

Click to Get a Quote Now!

Dates to Register

This course is currently offered as part of our HTML5 BootCamp Training. If you are interested, visit our page here!

If you are interested in HTML5 training only, please click the link below to complete our request form.

Custom Private Training

We offer this course as Custom Private Training or Project Based Training®!

If you have a team of individuals, you can receive bulk discounts by doing your own Private training session & cover your specific learning objectives! We can have the Private Training at ThinkB!G in Columbia, Maryland, Virtually Online Live (Available for Most Courses), or Onsite at Your Location.

What's Included?

  • Custom Outline to include Targeted Topics Based on Your Learning Needs
  • Hands-On Official Authorized Training & Certification
  • Training Delivered from Instructors that are Senior Consultants Certified by Adobe (ACI), Apple (ACT), & Microsoft (MCT)
  • Official Curriculum Courseware
  • Certificate of Completion
  • Computer (Apple Mac or Windows PC) with Software & Class Files (In Person Only at ThinkB!G)
  • Continental Breakfast Every Day (In Person Only at ThinkB!G)
  • Catered Gourmet Deli Lunch Every Day (In Person Only at ThinkB!G)
  • Unlimited Snacks and Refreshments (In Person Only at ThinkB!G)
  • Notebook & Pen (In Person Only)
  • Free Parking (In Person Only at ThinkB!G)

Submit details and a formal training quote will be sent to you!

Click to Get a Quote Now!

Policies

Payment Policy for Public Enrollment Classes

Payment and/or Purchase Order is required 16 Business Days (Monday-Friday) prior to first date of training class.

 

Payment Policy for Private & Project Based Training® Classes

Payment and/or Purchase Order is required 16 Business Days (Monday-Friday) prior to first date of training service.  Pricing provided is firm fixed price based on number of students.  Client is responsible for entire amount regardless of change in number of registrations.

 

Cancellation/Rescheduling Policy for Public Enrollment Classes

  • Classes may be canceled if less than 4 students are registered. We will notify you of cancellations no later than 16 business days prior to class.
  • Canceling/Rescheduling more than 16 business days prior to class: You are eligible for a refund or free reschedule. Registration is transferable to another student for the same class & date.
  • Canceling/Rescheduling less than 16 business days prior to class: No refund. No Reschedule. Registration is transferable to another student for the same class & date.
  • No Shows without contact: No refund. No Reschedule.

Cancellation/Rescheduling Policy for Custom/Private and On-Site Training Classes

  • No penalty if cancellation/reschedule is 16 Business Days (Monday-Friday) prior to the first date of class.
  • 50% penalty will be incurred if cancellation/reschedule is less than 16 Business Days (Monday-Friday) prior to the first date of class. This fee is to cover instructor expenses, travel, and course materials purchased.

Cancellation/Rescheduling Policy for Individual Students in Custom/Private Training Classes

  • Individual students registered in a private class, who cancel or do not show, are not eligible for a partial refund or reschedule. Registration is transferable to another student. Please contact your class organizer or manager if you need to cancel. 
Reviews

Average Review: 4.64 out of 5 - 14 Reviews

Social Security Administration SSA Logo
The Online Classroom Worked Perfectly!
Think Big Learn Smart was great. The online classroom worked perfectly and the instructor was amazing. -SSA, Pat (HTML5 and CSS3 for Responsive Web Design Advanced Live Hands-On Instructor-Led Training Class)
Booz Allen Hamilton BAH Logo
I Feel Completely Empowered!
" The Instructor totally rocks!This has been an amazing experience! I came for specific learning and I got that and so much more! I feel completely empowered by this course! God bless you all!" - Paul W., BAH (Advanced HTML5 and CSS3 for Responsive Web Design)
Booz Allen Hamilton BAH Logo
A Fantastic Instructor!
"The Instructor was FANTASTIC!!! One of the best instructors I've ever had the pleasure of experiencing. I will certainly encourage our leadership to use you guys in the future." - Randy A., B.A.H. (HTML5 and CSS3 Advanced Training)
KeyW Corporation Logo
Phenomenal Learning Experience!
“Think BIG. Learn Smart Training facility is easy and convenient to find... The learning experience was phenomenal!” – Melissa B., KeyW (Advanced HTML5 and CSS3 for Responsive Web Design Training)
Transamerica Logo
Think BIG Allowed Us to Learn Smart!
"Think BIG made a custom class for us. We are experienced developers and were looking for a course tailored for our needs. Think BIG allowed us to Learn Smart." - James T., Transamerica (HTML5 & CSS3 Advanced for Responsive Web Design)
Department of Defense DOD Logo
Think BIG Rocks!
"Think BIG continues to provide superior learning solutions for current and emerging technologies. The HTML5 & CSS3 for Responsive Design training has been extremely beneficial as well as resourceful. I'm looking forward to additional Think BIG learning solutions in the very near future. Thank you for everything! You guys rock!" -Paula G. - DOD (Advanced Responsive Web Design Training)
Booz Allen Hamilton BAH Logo
The Best!
"Think BIG offers the best training classes in the best location with the best staff and the best food!" - Kelly W., BAH (Advanced HTML CSS3 Training Class)
Booz Allen Hamilton BAH Logo
Loved The Training!
"Loved the training. Christine is amazing! Super friendly, and made me feel right at home." - Oliver W., BAH (HTML CSS3 Advanced Training)
Department of Defense DOD Logo
The Instructor Was So Remarkable In All Areas of Knowledge
"[Our instructor] is absolutely a Subject Matter Expert and excellent trainer. He did well with this HTML5 "Wild West" to explain industry standards and the importance of basic mobile structures. I feel like this dude is "Renaissance Man" because he is so remarkable in all areas of knowledge! Absolutely cutting edge, the best! I learned to code directly in HTML with plug-ins from certain web sites, to build custom HTML5 webs, and special styles with CSS3; also we touched on the JQuery programming structures. Also JQuery Mobile has built-in style/components that can be applied for easy mobile design." - Colleen M. - DOD (Advanced Responsive Web Design Training)
Transamerica Logo
Great Learning Experience With a Terrific Trainer
"We had a great learning experience with [our instructor]. He's a terrific trainer and a great guy. I would highly recommend his course and we look forward to using Think BIG. Learn Smart again, in the future." - Brian R., Transamerica (HTML5 & CSS3 for Responsive Web Design Advanced Training)
Booz Allen Hamilton BAH Logo
Instructor Was Extremely Knowledgeable & Humorous
"This HTML5 class covered all the new elements of CSS3 and how essential the relationship with both designers and developers is necessary to establish good code and great applications for the future. Our instructor was both extremely knowledgeable and humorous which made the course information a whole lot more enjoyable!"- Jef S. - Booz Allen Hamilton (Private HTML5 CSS3 Advanced Training)
Carefirst BlueCross BlueShield Logo
Informative and Extremely Interactive!
"This instructor not only shared valuable new information on HTML5, CSS3 and JS - and how they all work together, but he offered great tools and tips on these tools and finished by helping me conceptualize how it works in the real world. This class was both informative and extremely interactive - Extremely valuable!!" - Stephanie S.,  CareFirst (Advanced HTML5 CSS3 Training)
Inovalon Logo
Top-Notch Instructor
"The staff is very helpful and customer-service oriented, and the training is top-notch. The instructor was knowledgeable and entertaining. I left the class feeling like I'd learned tons of best practices and new knowledge that i can apply at the office." - Krissy M., Inovalon (Advanced HTML5 CSS3 Training)
Department of Defense DOD Logo
Instructor Cares About Experience
"The instructor was friendly, entertaining, and very knowledgeable. They also treated the class like they care greatly about the experience."- Chad P., DOD (HTML5 Advanced Training)