|
Mobile Web Development Essentials: Responsive Design with HTML5, CSS3, BootStrap & More (TT4133)
Code:
TT4133
Duration:
3 Day
|
$2195
USD
|
This hands-on course is geared for experienced developers who need to understand what the latest in web technologies and responsive design practices that are central to targeting the entire spectrum of user platforms and browsers. This comprehensive course provides a balanced mixture of theory and practical labs designed to take students through HTML5, CSS3 and BootStrap with an emphasis on best practices for responsive user Interface design throughout.
Attending students will gain a solid foundation in core modern web development essentials required to build useable, robust web and mobile applications using the latest skills and best practices. Working in a hands-on environment, students will learn and explore the intricacies of Web development for mobile devices, targeted for both smart phones and tablets. Students will also explore working with which provides a great option for building rich web applications. If you are building for the web, learning Bootstrap will change the way you write web interfaces, working across multiple browsers and platforms.
This course is available in the following formats:
Duration: 3 Day
Duration: 3 Day
| Call 800-798-3901 to enroll in this class! |
Working within in a hands-on learning environment guided by our expert team, attendees will explore:
- Media Queries for Responsive Web Design
- What is the viewport meta tag and how does it help with Mobile sizing
- How the new HTML 5 tags function in a Mobile environment
- What is Bootstrap and why should you use it
- How Bootstrap reduces the amount of code that you have to write to add rich functionality to both existing and new web pages
- What best practices are there for using Bootstrap so that it works unobtrusively and performs well
- What components and customizations are available to enhance your applications even more than the core Bootstrap library can provide
Session: Building the Foundation
Lesson: HTML5
- How it all fits together
- HTML5 Overview
Lesson: Laying out a Page with HTML5
- Page Structureand the viewport meta tag
- New HTML5 Structural Tags
- Page Simplification
Lesson: Sections and Articles
- Section Tag
- Article Tag
- Outlining
- Accessibility
Lesson: HTML5 Forms
- New Input Types
- HTML5 New Form Attributes
- New Form Field Attributes
- New Form Elements
Lesson: CSS3 For Mobile Devices
- Working with Different Screen Sizes
- CSS3 Advanced Features
- CSS Selectors
Lesson: CSS Media Queries
- Responsive and Adaptive Design
- Responsive Design Without Bootstrap
- Media Attribute and Width
Session: Bootstrap Basics
Lesson: Bootstrap Introduction
- What and Why?
- Myths and Reality
- How to Start Using Bootstrap
Lesson: How to Bootstrap
- Focus on Content First
- Getting Bootstrap
- Bootstrap Features
Lesson: Bootstrap Styling
- Styling with Bootstrap
- Styling Text
- Styling Lists
- Styling Tables
- Styling HTML5 Forms
- Styling Buttons
Lesson: Bootstrap Components
- Working with badges, labels, panels, walls, and Jumbotron
- Working with Button Groups
- Working with Icons and Glyphs
Lesson: Bootstrap Navigation
- Navigation in Bootstrap
- Using Dropdown/up Menus
- Using Tabs
- Using Pills and Navbars
Session: Building the Foundation
Lesson: HTML5
- How it all fits together
- HTML5 Overview
Lesson: Laying out a Page with HTML5
- Page Structureand the viewport meta tag
- New HTML5 Structural Tags
- Page Simplification
Lesson: Sections and Articles
- Section Tag
- Article Tag
- Outlining
- Accessibility
Lesson: HTML5 Forms
- New Input Types
- HTML5 New Form Attributes
- New Form Field Attributes
- New Form Elements
Lesson: CSS3 For Mobile Devices
- Working with Different Screen Sizes
- CSS3 Advanced Features
- CSS Selectors
Lesson: CSS Media Queries
- Responsive and Adaptive Design
- Responsive Design Without Bootstrap
- Media Attribute and Width
Session: Bootstrap Basics
Lesson: Bootstrap Introduction
- What and Why?
- Myths and Reality
- How to Start Using Bootstrap
Lesson: How to Bootstrap
- Focus on Content First
- Getting Bootstrap
- Bootstrap Features
Lesson: Bootstrap Styling
- Styling with Bootstrap
- Styling Text
- Styling Lists
- Styling Tables
- Styling HTML5 Forms
- Styling Buttons
Lesson: Bootstrap Components
- Working with badges, labels, panels, walls, and Jumbotron
- Working with Button Groups
- Working with Icons and Glyphs
Lesson: Bootstrap Navigation
- Navigation in Bootstrap
- Using Dropdown/up Menus
- Using Tabs
- Using Pills and Navbars
This hands-on course focuses on learning by doing, combining expert lecture, practical demonstrations and group discussions with plenty of machine-based real-world programming labs and exercises. Student machines are required.
This hands-on course focuses on learning by doing, combining expert lecture, practical demonstrations and group discussions with plenty of machine-based real-world programming labs and exercises. Student machines are required.
This is an introductory level course, designed for web developers that need to upgrade core skills leveraging modern scripting and mobile web development languages and standards. Attending students should have prior experience working with basic HTML and have basic software development knowledge and experience.