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)
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.
| Event | Venue | Date | |
|---|---|---|---|
| HTML5 and CSS3 for Responsive Web Design Advanced | HTML5 and HTML Virtual Classroom |
|
Register |
| HTML5 and CSS3 for Responsive Web Design Advanced | HTML5 and HTML Virtual Classroom |
|
Register |
| HTML5 and CSS3 for Responsive Web Design Advanced | HTML5 and HTML Virtual Classroom |
|
Register |
| HTML5 and CSS3 for Responsive Web Design Advanced | HTML5 and HTML Virtual Classroom |
|
Register |
Commercial Price Per Person 2-Day Class: $795
GSA/Government Price Per Person 2-Day Class: $640.81
Non-Profit/Education Price Per Person 2-Day Class: $745
Duration: 2 Days
Locations for Training:
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
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.
No certification available
If you have a team of individuals, you can receive bulk discounts by doing your own Private training session & cover your specific learning objectives!
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)
” 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)
“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)
“[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)
“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)
Important Notice: Please avoid accessing ThinkB!G remote student computers on devices marked as classified or containing confidential information. Opt for an alternate computer for your training requirements, and for any specific class participation needs or inquiries, don’t hesitate to get in touch with
[email protected].
