Responsive Web Development in Bootstrap
- Type :
- Duration :
- Access :
- Awarded By :
Overview
Overview
- Completion Certificate
- NEW State of the art platform
- Employment Advice available on completion
- 12 Months Access
Responsive Web Development in Bootstrap
In this Responsive Web Development in Bootstrap training course by Dan Fanella, you'll learn how to create media queries using CSS, and how to manipulate Bootstrap components to make your web pages responsive. The training concludes with the creation of a webpage in which you can apply the skills you have learned.
Length: 1 hour 39 min
Course Outline
Introduction
- What you’ll learn in this training
- What is responsive design?
- What is needed to design responsive websites?
- Testing your responsive design in a browser
Media Queries
- What is a media query?
- Media query syntax
- Creating media queries for various devices
- Media queries in actions
- Media query order and other conditions
- Controlling text formatting with media queries
- Changing layout based on media queries
- Creating media queries using Adobe Dreamweaver
Responsiveness Components
- Declaring the viewport meta tag
- Default template overview
- Creating responsive grid layout pt. 1
- Creating responsive grid layout pt. 2
- Changing grid layout based on screen size (desktop to tablet)
- Changing grid layout based on screen size (desktop to phone)
- Creating responsive column resets
- Changing button sizes
- Creating responsive images
- Setting the visible of property
- Setting the hidden on property
Creating a Responsive Website Layout
- Applying what you learned, project overview
- Building the layout pt. 1 – set up
- Building the layout pt. 2 – adding Bootstrap components
- Building the layout pt. 3 – linking the Bootstrap files
- Adjusting for various desktop sizes
- Adjusting for tablet sizes
- Adjusting for phone sizes pt. 1
- Adjusting for phone sizes pt. 2
- Adjusting the page for printing
- Making the site non-responsive
Who Is This For
Requirements
Our training works on all devices including Mobile phones, IPad’s, Android tablets, Macs and PC’s.
Media
CareerMatch provides industry leading online training courses for individuals and businesses alike.
We build our curriculum using proven educational concepts and sound instructional design principles to create the highest quality courses in the IT training field.
CareerMatch employs only the industry’s best instructors and course developers to create courses and certification preparation materials unrivaled in the marketplace.
With a passion for technology and a focus on being the first company to bring new technology courses to market, CareerMatch strives and succeeds in ALWAYS providing its student with the tools needed to succeed at the highest possible level and raise the benchmark in today’s IT industry.
Career Path
Training Features
-
EXPERT INSTRUCTOR-LED TRAINING
Our Courseware uses only the industry’s finest instructors. They have a minimum of 15 years real-world experience and are subject matter experts in their fields. Unlike a live class, you can fast-forward, repeat or rewind all your lectures. This creates a personal learning experience and gives you all the benefit of hands-on training with the flexibility of doing it around your schedule 24/7.
-
QUIZZES & EXAM SIMULATORS
Our custom practice exams prepare you for your exams differently and more effectively than the traditional exam preps on the market. You will have practice quizzes after each module to ensure you are confident on the topic you have completed before proceeding. This will allow you to gauge your effectiveness before moving to the next module in your course. Our Courses also include practice exams designed to replicate and mirror the environment in the testing centre. These exams are on average 100 questions to ensure you are 100% prepared before taking your certification exam.
-
VISUAL DEMONSTRATIONS & MULTIMEDIA PRESENTATIONS
Our courseware includes instructor-led demonstrations and visual presentations that allow students to develop their skills based on real world scenarios explained by the instructor. Our Courseware always focuses on real world scenarios and skill-set development.
-
NAVIGATION & CONTROLS
Our self-paced training programs are designed in a modular fashion to allow you the flexibility to work with expert level instruction anytime 24/7. All courses are arranged in defined sections with navigation controls allowing you to control the pace of your training. This allows students to learn at their own pace around their schedule.
-
12 MONTHS UNLIMITED ACCESS
Each student will have 12 months unlimited access to allow you to have access to the training anytime 24/7.
Exams Process
Exam Information
All exams are booked through Prometric (Please use the link below to find your nearest testing centre)
https://www.prometric.com/en-us/for-test-takers/Pages/locate-a-test-center.aspx?Type=locate
Please NOTE: Exams are not included.
Related Products
-
PowerPoint 2010£ 99.0000
-
PowerPoint 2011 Advanced£ 99.0000
-
PowerPoint 2011 Intermediate£ 99.0000
-
PowerPoint 2011 Intro£ 99.0000
-
PowerPoint 2013 – Adding Media£ 99.0000
-
PowerPoint 2013 – Animation & Effects£ 99.0000
-
PowerPoint 2013 – Shapes & SmartArt£ 99.0000
-
PowerPoint 2013 – Working with Pictures£ 99.0000
-
PowerPoint 2013 Intro£ 99.0000
-
PowerPoint 2016 for Mac£ 99.0000
-
PowerPoint 2016 for PC£ 99.0000
-
PowerPoint 2016 for PC – Adding Media£ 99.0000
-
PowerPoint 2016 for PC – Present & Share£ 99.0000
-
Photoshop Elements 10£ 99.0000
-
Photoshop Elements 11£ 99.0000
-
Photoshop Elements 12£ 99.0000
-
Photoshop Elements 13£ 99.0000
-
Publisher 2016 for PC£ 99.0000
Overview
Overview
- Completion Certificate
- NEW State of the art platform
- Employment Advice available on completion
- 12 Months Access
Responsive Web Development in Bootstrap
In this Responsive Web Development in Bootstrap training course by Dan Fanella, you'll learn how to create media queries using CSS, and how to manipulate Bootstrap components to make your web pages responsive. The training concludes with the creation of a webpage in which you can apply the skills you have learned.
Length: 1 hour 39 min
Course Outline
Introduction
- What you’ll learn in this training
- What is responsive design?
- What is needed to design responsive websites?
- Testing your responsive design in a browser
Media Queries
- What is a media query?
- Media query syntax
- Creating media queries for various devices
- Media queries in actions
- Media query order and other conditions
- Controlling text formatting with media queries
- Changing layout based on media queries
- Creating media queries using Adobe Dreamweaver
Responsiveness Components
- Declaring the viewport meta tag
- Default template overview
- Creating responsive grid layout pt. 1
- Creating responsive grid layout pt. 2
- Changing grid layout based on screen size (desktop to tablet)
- Changing grid layout based on screen size (desktop to phone)
- Creating responsive column resets
- Changing button sizes
- Creating responsive images
- Setting the visible of property
- Setting the hidden on property
Creating a Responsive Website Layout
- Applying what you learned, project overview
- Building the layout pt. 1 – set up
- Building the layout pt. 2 – adding Bootstrap components
- Building the layout pt. 3 – linking the Bootstrap files
- Adjusting for various desktop sizes
- Adjusting for tablet sizes
- Adjusting for phone sizes pt. 1
- Adjusting for phone sizes pt. 2
- Adjusting the page for printing
- Making the site non-responsive
Who Is This For
Requirements
Our training works on all devices including Mobile phones, IPad’s, Android tablets, Macs and PC’s.
Media
CareerMatch provides industry leading online training courses for individuals and businesses alike.
We build our curriculum using proven educational concepts and sound instructional design principles to create the highest quality courses in the IT training field.
CareerMatch employs only the industry’s best instructors and course developers to create courses and certification preparation materials unrivaled in the marketplace.
With a passion for technology and a focus on being the first company to bring new technology courses to market, CareerMatch strives and succeeds in ALWAYS providing its student with the tools needed to succeed at the highest possible level and raise the benchmark in today’s IT industry.
Career Path
Training Features
-
EXPERT INSTRUCTOR-LED TRAINING
Our Courseware uses only the industry’s finest instructors. They have a minimum of 15 years real-world experience and are subject matter experts in their fields. Unlike a live class, you can fast-forward, repeat or rewind all your lectures. This creates a personal learning experience and gives you all the benefit of hands-on training with the flexibility of doing it around your schedule 24/7.
-
QUIZZES & EXAM SIMULATORS
Our custom practice exams prepare you for your exams differently and more effectively than the traditional exam preps on the market. You will have practice quizzes after each module to ensure you are confident on the topic you have completed before proceeding. This will allow you to gauge your effectiveness before moving to the next module in your course. Our Courses also include practice exams designed to replicate and mirror the environment in the testing centre. These exams are on average 100 questions to ensure you are 100% prepared before taking your certification exam.
-
VISUAL DEMONSTRATIONS & MULTIMEDIA PRESENTATIONS
Our courseware includes instructor-led demonstrations and visual presentations that allow students to develop their skills based on real world scenarios explained by the instructor. Our Courseware always focuses on real world scenarios and skill-set development.
-
NAVIGATION & CONTROLS
Our self-paced training programs are designed in a modular fashion to allow you the flexibility to work with expert level instruction anytime 24/7. All courses are arranged in defined sections with navigation controls allowing you to control the pace of your training. This allows students to learn at their own pace around their schedule.
-
12 MONTHS UNLIMITED ACCESS
Each student will have 12 months unlimited access to allow you to have access to the training anytime 24/7.
Exams Process
Exam Information
All exams are booked through Prometric (Please use the link below to find your nearest testing centre)
https://www.prometric.com/en-us/for-test-takers/Pages/locate-a-test-center.aspx?Type=locate
Please NOTE: Exams are not included.
Related Products
UpSell Products
-
PowerPoint 2010£ 99.0000
-
PowerPoint 2011 Advanced£ 99.0000
-
PowerPoint 2011 Intermediate£ 99.0000
-
PowerPoint 2011 Intro£ 99.0000
-
PowerPoint 2013 – Adding Media£ 99.0000
-
PowerPoint 2013 – Animation & Effects£ 99.0000
-
PowerPoint 2013 – Shapes & SmartArt£ 99.0000
-
PowerPoint 2013 – Working with Pictures£ 99.0000
-
PowerPoint 2013 Intro£ 99.0000
-
PowerPoint 2016 for Mac£ 99.0000
-
PowerPoint 2016 for PC£ 99.0000
-
PowerPoint 2016 for PC – Adding Media£ 99.0000
-
PowerPoint 2016 for PC – Present & Share£ 99.0000
-
Photoshop Elements 10£ 99.0000
-
Photoshop Elements 11£ 99.0000
-
Photoshop Elements 12£ 99.0000
-
Photoshop Elements 13£ 99.0000
-
Publisher 2016 for PC£ 99.0000
Speak to our training experts today for FREE tailored advice.
(0)203 633 4671